.button, .wpcf7-form input[type=submit], button.facetwp-load-more, .text-btn,
.ap-btn {
font-size: 20px;
line-height: 1.3;
padding: 11px 20px !important;
border-radius: 0;
background: #00386a;
border: 1px solid #00386a;
color: white;
font-weight: 400;
text-decoration: none;
transition: 150ms linear all;
display: inline-flex;
}
.button:hover, .wpcf7-form input[type=submit]:hover, button.facetwp-load-more:hover, .text-btn:hover,
.ap-btn:hover, .button.active, .wpcf7-form input.active[type=submit], button.active.facetwp-load-more, .active.text-btn,
.active.ap-btn {
color: #00386a;
background: transparent;
transition: 150ms linear all;
}
.button.purple, .wpcf7-form input.purple[type=submit], button.purple.facetwp-load-more, .purple.text-btn,
.purple.ap-btn,
.button-purple,
.accordion .accordion-body .button,
.accordion .accordion-body .button-link,
.accordion .accordion-body .ap-btn {
background: #4b3f67 !important;
color: #fff;
border-color: #4b3f67 !important;
}
.button.purple:hover, .wpcf7-form input.purple[type=submit]:hover, button.purple.facetwp-load-more:hover, .purple.text-btn:hover,
.purple.ap-btn:hover,
.button-purple:hover,
.accordion .accordion-body .button:hover,
.accordion .accordion-body .button-link:hover,
.accordion .accordion-body .ap-btn:hover {
background: transparent !important;
color: #4b3f67 !important;
}
.button.blue, .wpcf7-form input.blue[type=submit], button.blue.facetwp-load-more, .blue.text-btn,
.blue.ap-btn,
.button-blue {
background: #00386a;
color: #fff;
border-color: #00386a;
}
.button.blue:hover, .wpcf7-form input.blue[type=submit]:hover, button.blue.facetwp-load-more:hover, .blue.text-btn:hover,
.blue.ap-btn:hover,
.button-blue:hover {
background: transparent;
color: #00386a;
}
.arrow-link {
text-align: left;
font-size: 16px;
color: #00386a;
text-transform: uppercase;
background-size: 35px;
background-position: 0% 50%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
padding-left: 50px;
transition: 150ms linear all;
}
.arrow-link:hover {
text-decoration: underline;
background-position: 15px 50%;
transition: 150ms linear all;
}
.arrow-link.white {
background-image: url('data:image/svg+xml,');
color: white;
}
.arrow-link span {
color: inherit;
font-size: inherit;
}
a:has(.arrow-link):hover .arrow-link {
background-position: 4% 50%;
}
a:has(.arrow-link):hover .arrow-link.get-to-know-link {
background-position: 10px 50%;
}
.eyebrow,
.text-eyebrow,
.ap-eyebrow {
font-size: 21px;
text-transform: uppercase;
font-weight: 300;
color: #4b3f67;
}
.blue-bold {
color: #00386a;
font-weight: 800;
}
p.intro-text {
font-size: 22px;
font-weight: 300;
}
.turned-corner {
position: relative;
}
.turned-corner:after {
content: "";
position: absolute;
top: -1%;
right: -1%;
width: 0px;
height: 0px;
border-top: 0px solid #fff;
border-left: 0px solid transparent;
margin-bottom: 0;
margin-right: 0;
transition: 150ms linear all;
}
.turned-corner:hover:after {
border-top-width: 68px !important;
border-left-width: 88px;
transition: 150ms linear all;
}
.col-list {
list-style: none;
-moz-column-count: 3;
column-count: 3;
}
.col-list li {
padding: 0 !important;
margin-bottom: 5px !important;
}
.col-list li:before {
display: none;
padding: 0;
}
@media only screen and (max-width: 767px) {
.col-list {
-moz-column-count: 2;
column-count: 2;
}
}
@media only screen and (max-width: 490px) {
.col-list {
-moz-column-count: 1;
column-count: 1;
}
}
.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width: 550px) {
.turned-corner:hover:after {
border-top-width: 28px !important;
border-left-width: 28px;
transition: 150ms;
}
}
/*
==================
Fonts Montserrat
==================
*/
/* montserrat-regular - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("./fonts/montserrat/Montserrat-Light.eot"); /* IE9 Compat Modes */
src: local(""), url("./fonts/montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat/Montserrat-Light.woff2") format("woff2"), url("./fonts/montserrat/Montserrat-Light.woff") format("woff"), url("./fonts/montserrat/Montserrat-Light.ttf") format("truetype"), url("./fonts/montserrat/Montserrat-Light.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("./fonts/montserrat/montserrat-v15-latin-regular.eot"); /* IE9 Compat Modes */
src: local(""), url("./fonts/montserrat/montserrat-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat/montserrat-v15-latin-regular.woff2") format("woff2"), url("./fonts/montserrat/montserrat-v15-latin-regular.woff") format("woff"), url("./fonts/montserrat/montserrat-v15-latin-regular.ttf") format("truetype"), url("./fonts/montserrat/montserrat-v15-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("./fonts/montserrat/montserrat-v15-latin-600.eot"); /* IE9 Compat Modes */
src: local(""), url("./fonts/montserrat/montserrat-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat/montserrat-v15-latin-600.woff2") format("woff2"), url("./fonts/montserrat/montserrat-v15-latin-600.woff") format("woff"), url("./fonts/montserrat/montserrat-v15-latin-600.ttf") format("truetype"), url("./fonts/montserrat/montserrat-v15-latin-600.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("./fonts/montserrat/montserrat-v15-latin-700.eot"); /* IE9 Compat Modes */
src: local(""), url("./fonts/montserrat/montserrat-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat/montserrat-v15-latin-700.woff2") format("woff2"), url("./fonts/montserrat/montserrat-v15-latin-700.woff") format("woff"), url("./fonts/montserrat/montserrat-v15-latin-700.ttf") format("truetype"), url("./fonts/montserrat/montserrat-v15-latin-700.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/*
==================
Fonts Source-Sans-pro
==================
*/
/* source-sans-pro-200 - latin */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("./fonts/source-sans-pro/source-sans-pro-v14-latin-200.eot"); /* IE9 Compat Modes */
src: local(""), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-200.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-200.woff2") format("woff2"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-200.woff") format("woff"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-200.ttf") format("truetype"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-200.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("./fonts/source-sans-pro/source-sans-pro-v14-latin-regular.eot"); /* IE9 Compat Modes */
src: local(""), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-regular.woff2") format("woff2"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-regular.woff") format("woff"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-regular.ttf") format("truetype"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-regular.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("./fonts/source-sans-pro/source-sans-pro-v14-latin-600.eot"); /* IE9 Compat Modes */
src: local(""), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-600.woff2") format("woff2"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-600.woff") format("woff"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-600.ttf") format("truetype"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-600.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("./fonts/source-sans-pro/source-sans-pro-v14-latin-700.eot"); /* IE9 Compat Modes */
src: local(""), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-700.woff2") format("woff2"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-700.woff") format("woff"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-700.ttf") format("truetype"), url("./fonts/source-sans-pro/source-sans-pro-v14-latin-700.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/*
==================
Icon font
==================
*/
.scroll-diagram {
display: flex;
justify-content: space-around;
gap: 50px;
bottom: 0 !important;
top: unset !important;
padding: 50px 20px;
}
.scroll-diagram h3 {
font-size: 42px;
}
.scroll-diagram .scroll-diagram-left, .scroll-diagram .scroll-diagram-right {
flex: 1;
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.scroll-diagram .scroll-diagram-right {
justify-content: center;
}
.scroll-diagram .scroll-diagram-right .image-el:first-child {
display: inline;
}
.scroll-diagram .scroll-diagram-left {
justify-content: center;
}
.scroll-diagram .changing-copy-col-container {
position: relative;
width: 100%;
flex-direction: column;
}
.scroll-diagram .changing-copy-col-container .copy-col {
display: flex;
justify-content: flex-start;
position: absolute;
}
.scroll-diagram .changing-copy-col-container .copy-col:first-child .line {
display: none;
}
.scroll-diagram .changing-copy-col-container .copy-col .section-title {
bottom: -17px;
position: relative;
}
.scroll-diagram .changing-copy-col-container .copy-col .section-title p, .scroll-diagram .changing-copy-col-container .copy-col .section-title span {
margin: 0;
font-size: 21px;
font-weight: 400;
}
.scroll-diagram .changing-copy-col-container .copy-col .vector-image-container {
height: 50px;
position: relative;
}
.scroll-diagram .changing-copy-col-container .copy-col .vector-img {
right: 0;
}
.scroll-diagram .changing-copy-col-container .copy-col .copy {
margin-top: 15px;
}
.scroll-diagram .changing-copy-col-container .copy-col .line {
height: 2px;
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(0, 56, 106) 85%);
}
@media screen and (max-width: 901px) {
.circles {
display: none !important;
}
.scroll-diagram {
flex-direction: column !important;
}
.scroll-diagram .changing-copy-col-container .copy-col {
position: relative;
width: 100%;
}
.scroll-diagram .changing-copy-col-container .copy-col .line {
width: 100%;
}
.scroll-diagram .changing-copy-col-container .copy-col h3 {
font-size: 34px;
}
.scroll-diagram .scroll-diagram-right {
order: 1;
}
.scroll-diagram .scroll-diagram-right .image-el:not(:first-child) {
display: none;
}
.scroll-diagram .scroll-diagram-left {
order: 2;
}
}
@media screen and (max-width: 575px) {
.core-pillars {
flex-direction: column !important;
}
.scroll-diagram .changing-copy-col-container .copy-col h3 {
font-size: 28px;
}
}
@media screen and (min-width: 902px) {
.circles {
gap: 75px;
}
.circle-1,
.circle-2,
.circle-3 {
width: 560px;
height: 560px;
}
.core-pillars {
display: flex;
justify-content: space-between;
padding: 0 135px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
align-items: center;
}
.scroll-diagram {
height: 100vh;
flex-direction: row;
}
.scroll-diagram .scroll-diagram-right .image-el {
position: absolute;
}
.scroll-diagram .changing-copy-col-container {
position: relative;
width: 100%;
}
.scroll-diagram .changing-copy-col-container .copy-col {
display: flex;
justify-content: flex-start;
}
.scroll-diagram .changing-copy-col-container .copy-col:first-child .line {
display: none;
}
.scroll-diagram .changing-copy-col-container .copy-col:nth-child(1) .section-title {
opacity: 1;
}
.scroll-diagram .changing-copy-col-container .copy-col .section-title {
opacity: 0;
bottom: -17px;
position: relative;
}
.scroll-diagram .changing-copy-col-container .copy-col .section-title p, .scroll-diagram .changing-copy-col-container .copy-col .section-title span {
margin: 0;
font-size: 21px;
font-weight: 400;
}
.scroll-diagram .changing-copy-col-container .copy-col .vector-image-container {
height: 50px;
position: relative;
}
.scroll-diagram .changing-copy-col-container .copy-col .vector-img {
right: 0;
opacity: 0;
position: absolute;
}
.scroll-diagram .changing-copy-col-container .copy-col .copy {
margin-top: 15px;
max-width: 450px;
}
.scroll-diagram .changing-copy-col-container .copy-col .copy p {
opacity: 0;
}
.scroll-diagram .changing-copy-col-container .copy-col .line {
height: 2px;
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(0, 56, 106) 85%);
width: 0;
}
}
.pillar-1, .pillar-2, .pillar-3 {
max-width: 275px;
}
.circle-2 {
position: absolute;
left: 50%;
transform: translate(-50%, 0%);
}
.three-core-pillar-inner {
position: relative;
}
.core-pillars {
display: flex;
justify-content: space-between;
top: 0;
left: 0;
bottom: 0;
right: 0;
align-items: center;
gap: 50px;
}
#blueHex {
opacity: 0;
}
#lineOne, #bigLine {
stroke: #304A78;
stroke-width: 1px;
visibility: hidden;
}
#logo {
opacity: 0;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.content-block {
padding-top: 45px;
padding-bottom: 45px;
opacity: 0;
animation-name: fadeIn;
animation-fill-mode: forwards;
animation-duration: 350ms;
animation-delay: 1s;
animation-timing-function: linear;
}
.content-block .content-block-bg-image {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin-top: auto;
}
.content-block .content-block-bg-image.cover {
top: 0;
height: 100%;
margin-top: 0;
}
.content-block .content-block-bg-image.cover img {
height: 100%;
}
.content-block .content-block-bg-image img {
height: auto;
width: 100%;
-o-object-position: bottom;
object-position: bottom;
}
.content-block:has(.patient-stories) {
padding-top: 0;
}
.content-block:has(.content-block-bg-image) {
position: relative;
}
.content-block:has(.quote-carousel .main-quote) {
padding-bottom: 0;
}
.content-block:has(.remove-section-padding) {
padding-top: 0;
padding-bottom: 0;
}
.content-block:has(.sticky-features) {
padding-top: 0;
padding-bottom: 0;
}
.content-block:has(.stories-grid) {
background: -webkit-linear-gradient(bottom, #eae7ed calc(100% - 300px), #ffffff 300px);
}
.content-block:has(.employee-stories-grid) {
background: -webkit-linear-gradient(bottom, #eae7ed calc(100% - 330px), #ffffff 330px);
}
.content-block:has(form) {
border-bottom: none !important;
}
.content-block.bg-blue p.pre-title {
color: #4991d7;
}
.content-block.bg-light-purple {
background-color: #eae7f1;
}
.content-block.bg-light-purple .turned-corner:after {
border-top: 0px solid #eae7f1;
}
.content-block.bg-light-purple .pre-title {
color: #4b3f67;
}
.content-block.bg-light-purple .button {
border-color: #00386a;
background: #00386a;
color: #fff;
}
.content-block.bg-light-purple .button:hover {
background: transparent;
color: #00386a;
}
.content-block.bg-light-purple .you-might-also-like-item.post-item-simple {
background-color: white;
}
.content-block.bg-ap-section-theme-linear-purple {
background: -webkit-linear-gradient(top, #eae7f1 50%, #4b3f67 50%);
}
.content-block.bg-ap-section-theme-linear-purple .turned-corner:after {
border-top: 0px solid #eae7f1;
}
.content-row {
scroll-margin-top: 50px;
padding-top: 20px;
padding-bottom: 20px;
}
.content-row.remove-section-padding {
padding-top: 0;
padding-bottom: 0;
}
p:has(.alignleft) {
text-align: left;
}
p:has(.aligncenter) {
text-align: center;
}
p:has(.alignright) {
text-align: right;
}
p img {
width: revert-layer;
height: revert-layer;
}
.gform_title,
.gform_required_legend {
display: none;
}
.gform_confirmation_message {
font-size: 30px;
margin-top: 50px;
}
form .gform_page_fields {
margin-bottom: 50px;
}
form .gform_page_fields fieldset {
text-align: start;
}
form .gform_page_fields fieldset input {
color: grey !important;
text-align: start;
}
form .gform-page-footer {
justify-content: center;
align-items: center;
}
form .gform-page-footer .gform-theme-button.button,
form .gform-page-footer #gform_submit_button_3 {
background-color: #005db9 !important;
color: white !important;
}
form .gform-page-footer .gform_previous_button {
display: none !important;
}
.gf_page_steps {
justify-content: center !important;
align-items: center;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.gf_page_steps .gf_step {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.gf_page_steps .gf_step.gf_step_pending, .gf_page_steps .gf_step.gf_step_completed {
background: transparent;
}
.gf_page_steps .gf_step.gf_step_pending .gf_step_number, .gf_page_steps .gf_step.gf_step_completed .gf_step_number {
border: none;
}
.gf_page_steps .gf_step.gf_step_pending .gf_step_label, .gf_page_steps .gf_step.gf_step_completed .gf_step_label {
color: #00386a;
opacity: 0.5;
}
.gf_page_steps .gf_step.gf_step_completed .gf_step_number {
z-index: -1;
}
.gf_page_steps .gf_step.gf_step_completed .gf_step_number:after {
content: none;
}
.gf_page_steps .gf_step .gf_step_number {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border-radius: 0;
font-size: 0;
background: transparent;
}
.gf_page_steps .gf_step .gf_step_label {
padding: 18px 22px;
text-transform: none;
font-size: 22px;
}
#riveCanvas_wrap {
width: 100% !important;
height: auto !important;
}
#riveCanvas_soundBtn {
position: absolute;
bottom: -42px;
z-index: 10;
pointer-events: auto;
background: transparent;
border: 0;
padding: 0;
text-decoration: underline;
}
#riveCanvas_soundBtn:hover {
text-decoration: none;
}
@media screen and (max-width: 901px) {
.content-block:has(.patient-stories-grid) {
background: -webkit-linear-gradient(bottom, #eae7ed 85%, #ffffff 15%);
}
}
@keyframes fadeUp {
from {
transform: translateY(50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.home-blocks {
opacity: 0;
transform: translateY(50px);
animation-name: fadeUp;
animation-fill-mode: forwards;
animation-duration: 350ms;
animation-delay: 2s;
animation-timing-function: linear;
}
.home-blocks .home-blocks-inner {
padding-left: 36px;
padding-right: 36px;
position: relative;
margin-top: -65px;
display: flex;
flex-direction: row;
gap: 40px;
}
.home-blocks .home-blocks-inner .section-title {
font-size: 21px;
font-weight: 300;
text-transform: uppercase;
color: #4b3f67;
margin-bottom: 16px;
}
.home-blocks .home-blocks-inner .left {
flex: 3;
}
.home-blocks .home-blocks-inner .right {
flex: 2;
}
@media screen and (max-width: 768px) {
.home-blocks .home-blocks-inner {
margin-top: 0;
overflow-x: scroll;
}
}
.home-blocks-inner .latest-news-inner {
padding-bottom: 30px;
display: flex;
display: grid;
align-items: stretch;
justify-content: flex-start;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.home-blocks-inner .ijciVA {
font-size: 14px;
line-height: 1.2;
}
.content-row.linkedin-updates {
padding-bottom: 0;
}
.content-row.latest-news {
height: 100%;
padding-bottom: 0;
}
@media screen and (max-width: 1180px) {
.home-blocks .home-blocks-inner {
padding-right: 20px;
width: auto;
overflow: scroll;
}
.home-blocks .home-blocks-inner .right {
min-width: 530px;
}
.home-blocks .home-blocks-inner .latest-news {
scrollbar-color: #00386a #f6f6f6;
scrollbar-width: thin;
position: relative;
}
.home-blocks .home-blocks-inner .latest-news .section-title {
position: sticky;
top: 0;
left: 0;
}
.home-blocks .home-blocks-inner .latest-news .latest-news-inner {
width: 1000px;
padding-right: 0;
}
.home-blocks .home-blocks-inner .latest-news .latest-news-inner .post-item-simple {
min-height: 230px;
}
}
@media screen and (max-width: 575px) {
.home-blocks .home-blocks-inner {
padding-left: 20px;
}
.home-blocks .home-blocks-inner .latest-news .latest-news-inner {
width: 800px;
padding-right: 20px;
}
}
.body-copy .content-bounds {
max-width: 1063px;
}
.body-copy .body-copy-inner:has(.gform-theme) {
max-width: 900px;
padding: 0 20px;
margin: 0 auto;
text-align: center;
}
.body-copy table {
caption-side: top;
}
.body-copy.contain-more h2,
.body-copy.contain-more h3,
.body-copy.contain-more h4,
.body-copy.contain-more h5 {
max-width: 953px;
margin-left: auto;
margin-right: auto;
}
.body-copy.contain-more p,
.body-copy.contain-more li {
max-width: 655px;
margin-left: auto;
margin-right: auto;
}
.body-copy.intro-block h2,
.body-copy.intro-block h3,
.body-copy.intro-block h4,
.body-copy.intro-block h5,
.body-copy.intro-block p,
.body-copy.intro-block li {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.body-copy.intro-block h2,
.body-copy.intro-block h3,
.body-copy.intro-block h4,
.body-copy.intro-block h5,
.body-copy.intro-block h6 {
margin-bottom: 36px;
}
.body-copy.intro-block p,
.body-copy.intro-block a {
font-size: 22px;
font-weight: 300;
}
.body-copy ul {
display: flex;
flex-direction: column;
align-items: center;
}
.body-copy ul li {
width: 100%;
margin-bottom: 5px;
}
.body-copy ul li[style*="text-align: center;"] {
width: auto;
}
.qm_btn {
margin-left: 5px;
transform: translateY(-15px);
border: 0;
background: transparent;
}
.question-modal-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
pointer-events: none;
opacity: 0;
transition: 350ms linear opacity;
z-index: 55;
}
.question-modal-container.active {
pointer-events: auto;
opacity: 1;
transition: 350ms linear opacity;
}
.question-modal-container.active .question-modal {
opacity: 1;
transition: 350ms linear opacity;
}
.question-modal-container .question-modal {
opacity: 0;
transition: 350ms linear opacity;
display: flex;
flex-direction: column;
align-items: center;
justify-content: Center;
max-width: 485px;
background-color: #00599f !important;
}
.question-modal-container .question-modal h2,
.question-modal-container .question-modal h3,
.question-modal-container .question-modal h4,
.question-modal-container .question-modal h5,
.question-modal-container .question-modal p,
.question-modal-container .question-modal a,
.question-modal-container .question-modal li {
color: white;
}
.question-modal-container .question-modal .modal-top {
padding: 15px;
text-align: right;
width: 100%;
background: transparent;
}
.question-modal-container .question-modal .modal-content {
padding: 0 45px 45px 45px;
background: transparent;
border: 0;
}
.question-modal-container .question-modal button#close {
background: transparent;
border: 0;
}
.question-modal-container .question-modal button#close svg {
width: 25px;
height: 25px;
}
.three-column-feature .three-column-feature-inner {
display: flex;
flex-direction: row;
}
.three-column-feature .three-column-feature-inner .feature-item {
padding-top: 40px;
padding-bottom: 40px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: 85px;
}
.three-column-feature .three-column-feature-inner .feature-item .left,
.three-column-feature .three-column-feature-inner .feature-item .middle,
.three-column-feature .three-column-feature-inner .feature-item .right {
flex: 1;
width: 100%;
}
.three-column-feature .three-column-feature-inner .feature-item .middle p.pre-title {
color: #005db9;
font-size: 21px;
font-weight: 300;
}
.three-column-feature .three-column-feature-inner .feature-item .eyebrow {
font-size: 21px;
margin-bottom: 0;
text-transform: uppercase;
}
.three-column-feature .three-column-feature-inner .feature-item .h2,
.three-column-feature .three-column-feature-inner .feature-item h3,
.three-column-feature .three-column-feature-inner .feature-item h4,
.three-column-feature .three-column-feature-inner .feature-item h5 {
margin-bottom: 35px;
}
.three-column-feature .three-column-feature-inner .feature-item.swap-order {
flex-direction: row-reverse;
align-items: center;
justify-content: center;
}
.three-column-feature .owl-theme .owl-dots {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 40px;
margin: 0;
gap: 35px;
margin-right: 15px;
}
.three-column-feature .owl-theme .owl-dots button.owl-dot {
background: transparent;
padding: 0;
margin: 0;
}
.three-column-feature .owl-theme .owl-dots button.owl-dot span {
width: 16px;
height: 16px;
border: 1px solid #00386a;
background: transparent;
transition: 150ms linear all;
}
.three-column-feature .owl-theme .owl-dots button.owl-dot.active span {
background-color: #00386a !important;
}
.three-column-feature .owl-theme .owl-dots button.owl-dot.active span, .three-column-feature .owl-theme .owl-dots button.owl-dot:hover span {
background: #00386a;
transition: 150ms linear all;
}
@media screen and (max-width: 1130px) {
.three-column-feature .three-column-feature-inner .feature-item {
gap: 30px;
}
}
@media screen and (max-width: 1000px) {
.three-column-feature .three-column-feature-inner .feature-item {
display: grid;
grid-template-areas: "one three" "two three";
}
.three-column-feature .three-column-feature-inner .feature-item .left {
grid-area: one;
}
.three-column-feature .three-column-feature-inner .feature-item .middle {
grid-area: two;
}
.three-column-feature .three-column-feature-inner .feature-item .right {
grid-area: three;
}
.three-column-feature .three-column-feature-inner .feature-item.swap-order {
display: flex;
flex-direction: row;
}
}
@media screen and (max-width: 901px) {
.three-column-feature .three-column-feature-inner {
flex-direction: column;
}
.three-column-feature .three-column-feature-inner .owl-dots {
flex-direction: row;
width: 100%;
}
.three-column-feature .three-column-feature-inner .feature-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
}
.three-column-feature .three-column-feature-inner .feature-item .left {
flex: 0 0 100%;
}
.three-column-feature .three-column-feature-inner .feature-item.swap-order {
flex-direction: column-reverse;
}
}
@media screen and (max-width: 550px) {
.three-column-feature .three-column-feature-inner .feature-item {
padding: 0;
}
}
.rotating-information p {
font-size: 18px;
}
.rotating-information p.intro-text {
font-size: 24px;
}
.rotating-information h2,
.rotating-information h3,
.rotating-information h4 {
margin-bottom: 35px;
}
.rotating-information .eyebrow {
color: #4b3f67;
}
.rotating-information .boxed-content-container {
max-width: 843px;
margin: 0 auto;
}
.rotating-information .boxed-content-container .boxed-content {
padding: 30px 15px;
background: rgba(75, 63, 103, 0.2);
width: 100%;
}
.rotating-information .boxed-content-container .boxed-content p {
font-size: 24px;
}
.rotating-information .boxed-content-container .boxed-content p:last-of-type {
margin-bottom: 0;
}
.rotating-information .boxed-content-container .boxed-content:nth-child(even) {
background-color: rgba(75, 63, 103, 0.05);
}
.rotating-information .rotator-container {
margin-top: 85px;
padding-bottom: 10%;
position: relative;
width: 100%;
aspect-ratio: 2/1;
}
.rotating-information .rotating-box {
text-decoration: none;
background-color: #00386a;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 44px 25px 25px 25px;
width: 22%;
height: -moz-min-content;
height: min-content;
}
.rotating-information .rotating-box p {
color: #fff;
}
.rotating-information .rotating-box p.title {
font-size: 32px;
font-family: "Montserrat", sans-serif !important;
}
.rotating-information .rotating-box .copy {
overflow: hidden;
height: 0;
}
.rotating-information .rotating-box .arrow-link {
font-size: 16px;
font-weight: 300;
}
.rotating-information .rotating-box:nth-child(2) {
background-color: #005db9;
}
.rotating-information .rotating-box:nth-child(3) {
background-color: #3a88d3;
}
.rotating-information .rotating-box.active {
width: 60%;
padding: 47px 86px 100px 38px;
}
.rotating-information .rotating-box.active p.title {
font-size: 52px;
font-family: "Montserrat", sans-serif !important;
}
.rotating-information .rotating-box.active .copy {
height: auto;
}
.rotating-information .rotating-box {
clip-path: polygon(calc(100% - 80px) 0, 100% 0, 100% 100%, 0 100%, 0 0);
transition: 150ms linear all;
}
.rotating-information .rotating-box:hover {
clip-path: polygon(calc(100% - 80px) 0, 100% 40px, 100% 100%, 0 100%, 0 0);
transition: 150ms linear all;
}
.rotating-information .rotating-box.one {
position: absolute;
top: 0;
left: 0;
width: 60%;
z-index: 5;
}
.rotating-information .rotating-box.two {
position: absolute;
top: 0;
left: calc(60% + 20px);
z-index: 10;
}
.rotating-information .rotating-box.three {
position: absolute;
top: 35%;
right: 0;
z-index: 15;
width: 22%;
}
@media screen and (max-width: 991px) {
.rotating-information .owl-dot.active span {
background: #00386a !important;
}
.rotating-information .owl-item .rotating-box.one p.title {
font-size: 32px !important;
}
.rotating-information .owl-item .rotating-box.two {
background-color: #005db9;
}
.rotating-information .owl-item .rotating-box.three {
background-color: #3a88d3;
}
.rotating-information .owl-dot span {
border: 1px solid #00386a !important;
width: 12px !important;
height: 12px !important;
}
.rotating-information .rotating-box.one, .rotating-information .rotating-box.two, .rotating-information .rotating-box.three {
position: relative;
width: 100%;
left: 0;
}
.rotating-information .rotating-box .copy {
height: auto;
}
}
.facts-item {
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.facts-item:before {
background: #fff;
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
display: flex;
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
height: calc(100% - 25px);
width: calc(100% - 25px);
left: auto;
right: auto;
top: auto;
bottom: auto;
}
.facts-item.is-green {
background: conic-gradient(#93b33b 0%, #bababa 0);
}
.facts-item.is-purple {
background: conic-gradient(#4b3f67 0%, #bababa 0);
}
.facts-and-features-inner {
gap: 100px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.facts-item {
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
gap: 10px;
width: 300px;
max-width: 300px;
padding: 35px;
position: relative;
}
.facts-item .number {
font-size: 80px;
font-family: "Montserrat", sans-serif !important;
font-weight: 300;
margin: 0;
color: #4b3f67;
line-height: 1;
}
.facts-item .append,
.facts-item .prepend {
color: #4b3f67;
font-size: 40px;
font-family: "Montserrat", sans-serif !important;
font-weight: 300;
margin: 0;
line-height: 1;
}
.facts-item .line {
width: 200px;
margin: 0;
height: 1px;
background: #00386a;
}
.facts-item .title {
margin: 0;
color: #00386a;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
font-weight: 300;
text-align: center;
}
.facts-and-features .link-container {
margin-top: 30px;
}
.facts-and-features .has-content .left-content {
position: relative;
padding-top: 75px;
padding-bottom: 75px;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.facts-and-features .has-content .left-content .content {
max-width: 600px;
}
.facts-and-features .has-content .facts-container:has(> :last-child:nth-child(3)) {
/* 3 elements */
min-height: 600px;
}
.facts-and-features .has-content .facts-container {
position: relative;
flex: 1;
justify-content: flex-start !important;
align-items: flex-start !important;
}
.facts-and-features .has-content .facts-item {
width: 50%;
max-width: 50%;
min-width: 50%;
}
.facts-and-features .has-content .facts-item:nth-child(1) {
transform: scale(0.95);
transform-origin: top left;
margin-left: 4%;
}
.facts-and-features .has-content .facts-item:nth-child(2) {
position: absolute;
top: 15%;
right: 0;
transform: scale(0.85);
transform-origin: top right;
}
.facts-and-features .has-content .facts-item:nth-child(3) {
transform: scale(0.65) translateX(-50%);
position: absolute;
top: 40%;
left: 37%;
transform-origin: bottom center;
}
@media only screen and (max-width: 1150px) {
.facts-and-features .has-content .left-content {
flex: 4;
}
.facts-and-features .has-content .facts-container {
flex: 3;
gap: 15px;
justify-content: center !important;
flex-direction: column !important;
padding: 0 40px;
}
.facts-and-features .has-content .facts-container .facts-item {
width: 200px;
max-width: 200px;
min-width: 200px;
max-height: 200px;
}
.facts-and-features .has-content .facts-container .facts-item:nth-child(1), .facts-and-features .has-content .facts-container .facts-item:nth-child(2), .facts-and-features .has-content .facts-container .facts-item:nth-child(3) {
position: relative;
top: initial;
left: initial;
right: initial;
bottom: initial;
transform: none;
margin: 0;
}
.facts-and-features .has-content .facts-container .facts-item:nth-child(2) {
margin-left: auto;
}
.facts-and-features .has-content .facts-container .facts-item .number {
font-size: 35px;
}
.facts-and-features .has-content .facts-container .facts-item .line {
width: 100px;
}
}
@media only screen and (max-width: 767px) {
.facts-and-features .has-content .facts-container {
padding: 0;
aspect-ratio: 4/3.5;
justify-content: flex-start !important;
flex-direction: row !important;
gap: 0;
flex: initial;
}
.facts-and-features .has-content .facts-container .facts-item {
width: 50%;
max-width: 50%;
min-width: 50%;
max-height: -moz-fit-content;
max-height: fit-content;
}
.facts-and-features .has-content .facts-container .facts-item:nth-child(1) {
transform: scale(0.95);
transform-origin: top left;
margin-left: 4%;
}
.facts-and-features .has-content .facts-container .facts-item:nth-child(2) {
position: absolute;
top: 15%;
right: 0;
transform: scale(0.85);
transform-origin: top right;
}
.facts-and-features .has-content .facts-container .facts-item:nth-child(3) {
transform: scale(0.65) translateX(-50%);
position: absolute;
bottom: 0;
left: 37%;
transform-origin: bottom center;
}
.facts-and-features .has-content .facts-container .facts-item .number {
font-size: 80px;
}
}
@media only screen and (max-width: 660px) {
.facts-and-features .has-content .facts-container {
min-height: auto !important;
width: 100%;
aspect-ratio: auto;
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap;
gap: 100px;
justify-content: center !important;
}
.facts-and-features .has-content .facts-container .facts-item:nth-child(1), .facts-and-features .has-content .facts-container .facts-item:nth-child(2), .facts-and-features .has-content .facts-container .facts-item:nth-child(3) {
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
gap: 10px;
width: 300px;
top: initial;
left: initial;
right: initial;
bottom: initial;
transform: scale(1);
transform-origin: center center;
max-width: 300px;
padding: 35px;
position: relative;
margin-left: auto;
margin-right: auto;
}
}
.news-carousel-inner.owl-carousel .owl-stage {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: stretch;
}
.post-carousel-item.post-item {
background: #eae7f1;
height: 100%;
width: 290px;
}
.post-carousel-item.post-item .titles {
height: 100%;
padding-bottom: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.post-carousel-item.post-item .titles p {
color: #4b3f67;
}
.post-carousel-item.post-item .arrow-link {
margin-top: auto;
margin-bottom: 0;
}
.post-carousel-item.post-item img,
.post-carousel-item.post-item .no-image {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
.bar-description {
opacity: 0;
}
.content-row.pipeline-graph .filter-title {
font-size: 16px;
color: #333333;
font-weight: 300;
padding-right: 10px;
}
.content-row.pipeline-graph .filters .filter-buttons {
gap: 3px;
}
.content-row.pipeline-graph .filters .filter-buttons button {
background: #ededed;
color: #00386a;
padding: 10px 15px;
border: none;
min-width: 100px;
transition: 150ms linear all;
}
.content-row.pipeline-graph .filters .filter-buttons button.active-phase {
background: #00386a;
color: white;
transition: 150ms linear all;
}
.content-row.pipeline-graph .accordion .accordion-item {
border-radius: 0;
border: 0 !important;
border-bottom: 1px solid black !important;
}
.content-row.pipeline-graph .accordion .accordion-item:first-of-type {
border-top: 0;
}
.content-row.pipeline-graph .accordion .accordion-item:last-of-type {
border-bottom: 0;
}
.content-row.pipeline-graph .accordion .accordion-item .graph-row.remove-row {
opacity: 0;
height: 0;
}
.content-row.pipeline-graph .pipeline-heading-inner {
padding: 10px 20px 30px 20px;
border-bottom: 1px solid black;
margin-top: 60px;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed),
.content-row.pipeline-graph .accordion-button {
padding: 0;
background: #f6f6f6;
color: inherit;
box-shadow: none;
border: 0;
border-radius: 0;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed)::after,
.content-row.pipeline-graph .accordion-button::after {
display: none;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed) .indication-col,
.content-row.pipeline-graph .accordion-button .indication-col {
flex: 35.2%;
padding: 15px 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed) .indication-col .indication-title,
.content-row.pipeline-graph .accordion-button .indication-col .indication-title {
font-size: 16px;
color: #333333;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed) .indication-col .therapeutic-area,
.content-row.pipeline-graph .accordion-button .indication-col .therapeutic-area {
flex: 4;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed) .indication-col .therapeutic-area-title,
.content-row.pipeline-graph .accordion-button:not(.collapsed) .indication-col .product-title,
.content-row.pipeline-graph .accordion-button .indication-col .therapeutic-area-title,
.content-row.pipeline-graph .accordion-button .indication-col .product-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed) .indication-col .graph-indication-title,
.content-row.pipeline-graph .accordion-button .indication-col .graph-indication-title {
font-size: 32px;
color: #00386a;
font-weight: 300;
font-family: "Montserrat", sans-serif !important;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed) .chevron svg,
.content-row.pipeline-graph .accordion-button .chevron svg {
transition: 150ms linear all;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed)[aria-expanded=true] .chevron svg,
.content-row.pipeline-graph .accordion-button[aria-expanded=true] .chevron svg {
transition: 150ms linear all;
transform: rotate(-180deg);
transform-origin: center;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed)[aria-expanded=true],
.content-row.pipeline-graph .accordion-button[aria-expanded=true] {
background: grey;
transition: 250ms linear all;
}
.content-row.pipeline-graph .accordion .accordion-item .accordion-collapse {
background: grey;
}
.content-row.pipeline-graph .accordion .accordion-item .accordion-collapse .content {
padding-top: 10px;
}
.content-row.pipeline-graph .accordion .accordion-item .accordion-collapse .accordion-body * {
color: black;
}
.content-row.pipeline-graph .accordion-body {
padding: 5px;
}
.content-row.pipeline-graph .accordion-body .spacer {
flex: 1;
}
.content-row.pipeline-graph .accordion-body p.indication {
font-weight: 500;
}
.content-row.pipeline-graph .accordion-body .pipeline-content-row {
padding-bottom: 30px;
}
.content-row.pipeline-graph .accordion-body .label {
flex: 3;
}
.content-row.pipeline-graph .accordion-body .content {
flex: 6;
}
.content-row.pipeline-graph .completion-text.complete-green {
font-weight: 500;
color: green;
}
.content-row.pipeline-graph .pipeline-graph-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-evenly;
}
.content-row.pipeline-graph p {
margin: 0 0 10px 0;
}
.content-row.pipeline-graph .graph-info {
flex: 1;
width: 100%;
position: sticky;
top: -1px;
padding-top: 95px;
z-index: 10;
}
.content-row.pipeline-graph .graph-info .graph-row {
background: #f6f6f6;
}
.content-row.pipeline-graph .graph-info.is-stuck {
background: white;
}
.content-row.pipeline-graph .graph-info h1,
.content-row.pipeline-graph .graph-info h2,
.content-row.pipeline-graph .graph-info h3,
.content-row.pipeline-graph .graph-info h4,
.content-row.pipeline-graph .graph-info h5,
.content-row.pipeline-graph .graph-info p,
.content-row.pipeline-graph .graph-info a,
.content-row.pipeline-graph .graph-info li {
color: black;
}
.content-row.pipeline-graph .graph-info .graph-text {
padding: 5px 10px 10px 10px;
border-right: 1px solid black;
text-align: center;
display: flex;
align-items: flex-start;
justify-content: center;
}
.content-row.pipeline-graph .graph-info .graph-text:nth-child(2) {
padding-right: 11px;
}
.content-row.pipeline-graph .graph-info .graph-text .title {
font-size: 20px;
}
.content-row.pipeline-graph .graph-info .graph-row {
justify-content: flex-end;
}
.content-row.pipeline-graph .graph-info .graph-row .graph-bar {
border-left: 0;
flex: 0 0 64.8%;
justify-content: flex-start;
}
.content-row.pipeline-graph .graph-info.graph-headings {
margin-top: 20px;
border-bottom: 0;
}
.content-row.pipeline-graph .the-graph {
flex: 2;
width: 100%;
}
.content-row.pipeline-graph ul {
padding-left: 20px;
}
.pipeline-graph .graph-row {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
width: 100%;
}
.pipeline-graph .graph-row:last-of-type {
border-bottom: none;
}
.pipeline-graph .graph-row.graph-headings {
border-bottom: 1px solid black;
align-items: flex-end;
}
.pipeline-graph .graph-row.graph-headings h2,
.pipeline-graph .graph-row.graph-headings h3,
.pipeline-graph .graph-row.graph-headings h4,
.pipeline-graph .graph-row.graph-headings h5,
.pipeline-graph .graph-row.graph-headings p,
.pipeline-graph .graph-row.graph-headings a,
.pipeline-graph .graph-row.graph-headings li {
color: black;
margin-bottom: 0;
font-weight: 700;
}
.pipeline-graph .graph-row h1 {
color: black;
}
.pipeline-graph .graph-row .graph-text {
flex: 3;
width: 100%;
display: flex;
justify-content: flex-start;
}
.pipeline-graph .graph-row .graph-text.text-header {
border-right: 2px solid transparent;
}
.pipeline-graph .graph-row .graph-text.indication-header p:last-of-type {
margin-bottom: 0;
}
.pipeline-graph .graph-row .graph-bar {
flex: 0 64.8%;
width: 100%;
display: flex;
flex-direction: column;
align-items: baseline;
justify-content: flex-start;
border-left: 1px solid black;
padding-top: 30px;
}
.pipeline-graph .graph-row .graph-bar .bar-description {
align-self: flex-end;
}
.pipeline-graph .graph-row .graph-bar .bar {
height: 61px;
background-color: orange;
width: 0%;
margin: 5px 5px 5px 0;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
opacity: 0;
animation-name: animateBar;
animation-fill-mode: forwards;
animation-duration: 1000ms;
animation-timing-function: ease-in;
animation-play-state: paused;
transition: 50ms linear opacity;
}
.pipeline-graph .graph-row .graph-bar .title-container {
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
}
.pipeline-graph .graph-row .graph-bar .title-container .title {
flex: 2;
padding: 0px 10px 20px 10px;
text-align: center;
border-right: 1px solid black;
white-space: break-spaces;
font-size: 24px;
font-weight: 600;
color: black;
}
.pipeline-graph .graph-row .graph-bar .title-container .title:nth-child(1) {
border-left: 1px solid black;
}
.pipeline-graph .graph-row .graph-bar .title-container .title:last-child {
border-right: none;
}
.pipeline-graph .graph-row .spacer,
.pipeline-graph .graph-row .graph-chevron {
flex: 1;
}
.pipeline-graph .graph-row .graph-mobile-text {
display: none;
width: 100%;
justify-content: center;
align-items: center;
padding-right: 10px;
margin-top: 10px;
}
.pipeline-graph .accordion-item .text-header.graph-text .graph-title {
width: 100%;
}
.pipeline-graph .accordion-item .text-header.graph-text .graph-title * {
color: white;
}
.pipeline-graph .accordion-item .text-header.graph-text .graph-title p:last-child {
margin-bottom: 0;
}
.pipeline-graph .accordion-item .bar {
background: orange;
}
.pipeline-graph .accordion-item .chevron svg path {
fill: orange;
}
.pipeline-graph .accordion-item.blue .bar {
background: #00599f;
}
.pipeline-graph .accordion-item.light-blue .bar {
background: #4991d7;
}
.pipeline-graph .accordion-item.dark-blue .bar {
background: #00386a;
}
.pipeline-graph .graph-bar .bar.w-1 {
width: calc(1 * 16.6666666667% - 15px);
}
.pipeline-graph .graph-bar .bar.w-2 {
width: calc(2 * 16.6666666667% - 15px);
}
.pipeline-graph .graph-bar .bar.w-3 {
width: calc(3 * 16.6666666667% - 15px);
}
.pipeline-graph .graph-bar .bar.w-4 {
width: calc(4 * 16.6666666667% - 15px);
}
.pipeline-graph .graph-bar .bar.w-5 {
width: calc(5 * 16.6666666667% - 15px);
}
.pipeline-graph .graph-bar .bar.w-6 {
width: calc(6 * 16.6666666667% - 15px);
}
@keyframes animateBar {
from {
width: 5%;
}
}
@media only screen and (max-width: 1000px) {
.pipeline-graph p {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.pipeline-graph .filters {
padding-bottom: 70px;
gap: 20px;
}
.pipeline-graph .pipeline-graph-inner {
padding-top: 0;
padding-bottom: 0;
}
.pipeline-graph .graph-info {
display: none;
}
.pipeline-graph .accordion-item .accordion-button {
gap: 10px;
}
.pipeline-graph .graph-headings .graph-bar {
display: none;
}
.pipeline-graph .graph-row .graph-chevron {
flex: 1;
}
.pipeline-graph .graph-row .graph-mobile-phase {
margin-bottom: 0;
color: #00386a;
font-weight: 700;
}
.pipeline-graph .graph-row .graph-mobile-text {
display: flex;
flex: 2;
margin-top: 0;
padding: 0;
}
.pipeline-graph .graph-row .graph-bar {
flex: 4;
}
.pipeline-graph .graph-row .graph-text {
flex: 4;
}
.pipeline-graph .graph-row .graph-indication-title {
font-size: 28px !important;
}
}
@media only screen and (max-width: 650px) {
.content-row.pipeline-graph .graph-row .therapeutic-area-title {
text-align: center;
}
.content-row.pipeline-graph .graph-row p {
font-size: 18px;
}
.content-row.pipeline-graph .graph-row .accordion-button {
flex-wrap: wrap;
gap: 10px;
}
.content-row.pipeline-graph .graph-row .graph-title {
order: 1;
text-align: center;
}
.content-row.pipeline-graph .graph-row .graph-bar {
order: 2;
flex: 0 0 100%;
margin-bottom: 10px;
background: transparent;
border-radius: 0;
border-left: 0;
}
.content-row.pipeline-graph .graph-row .graph-bar .bar {
height: 20px;
}
.content-row.pipeline-graph .graph-row .graph-text {
order: 3;
width: 100%;
justify-content: flex-start;
align-items: center;
padding: 0;
}
.content-row.pipeline-graph .graph-row .graph-text.text-header {
order: 1;
}
.content-row.pipeline-graph .graph-row .graph-mobile-text {
order: 4;
flex: 0 0 100%;
padding: 0;
}
.content-row.pipeline-graph .graph-row .graph-chevron {
order: 5;
flex: 0 0 100%;
justify-content: center !important;
padding-bottom: 0;
align-items: center;
display: flex !important;
}
.content-row.pipeline-graph .graph-row .graph-chevron span.chevron {
padding-bottom: 10px;
display: flex;
}
.content-row.pipeline-graph .accordion-item.no-bar .graph-bar {
display: none;
}
.content-row.pipeline-graph .accordion-item.no-cursor .accordion-button {
padding-top: 25px;
padding-bottom: 25px;
}
.content-row.pipeline-graph .accordion-item .accordion-collapse {
padding: 0px 10px;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed) .accordion-button,
.content-row.pipeline-graph .content-row.pipeline-graph .accordion-button {
padding: 10px;
}
.content-row.pipeline-graph .accordion-button:not(.collapsed) .accordion .accordion-item .accordion-collapse,
.content-row.pipeline-graph .content-row.pipeline-graph .accordion .accordion-item .accordion-collapse {
padding: 10px;
}
}
@media only screen and (max-width: 525px) {
.pipeline-graph .pipeline-graph-inner {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 1450px) {
.graph-bar {
flex: 0 0 64.5%;
}
}
.two-column .two-column-inner {
gap: 70px;
}
.tooltip {
background: blue;
bottom: 100%;
color: white;
display: block;
left: -20px;
margin-bottom: 15px;
opacity: 0;
padding: 15px 20px;
pointer-events: none;
position: absolute;
transform: translateY(10px);
transition: all 0.25s ease-out;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
.tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid blue 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}
.tooltip.show {
opacity: 1;
pointer-events: auto;
transform: translateY(0px);
}
.icon-text-item {
scroll-margin-top: 140px;
flex: 1;
}
.icon-text-item .attachment-image {
max-width: 202px;
width: 100%;
}
.icon-text-item .title.fw-bold {
color: #005db9;
font-size: 24px;
}
.icon-and-text-inner.content-bounds {
max-width: 1063px;
}
.you-might-also-like .pages-container {
gap: 35px;
flex-wrap: wrap;
}
.you-might-also-like .copy {
max-width: 655px;
margin: 0 auto;
}
.you-might-also-like-item.post-item-simple {
background: #eae7f1;
max-width: 335px;
}
.you-might-also-like-item.post-item-simple:first-child:nth-last-child(4), .you-might-also-like-item.post-item-simple:first-child:nth-last-child(4) ~ article {
flex: 1;
flex: 0 0 calc(25% - 35px);
}
.you-might-also-like-item.post-item-simple:first-child:nth-last-child(3), .you-might-also-like-item.post-item-simple:first-child:nth-last-child(3) ~ article {
flex: 1;
flex: 0 0 calc(25.5% - 35px);
}
.you-might-also-like-item.post-item-simple a.article-inner {
padding: 0 0 20px 0;
}
.you-might-also-like-item.post-item-simple .title {
color: #4b3f67;
margin-bottom: 100px;
}
.you-might-also-like-item.post-item-simple .titles {
padding-left: 12px;
padding-top: 22px;
padding-right: 12px;
}
.you-might-also-like-item.post-item-simple .arrow-link {
color: #4b3f67;
background-size: 22px;
padding-left: 40px;
background-position: 0 50%;
font-size: 16px;
}
.you-might-also-like-item.post-item-simple .image-container {
width: 100%;
}
.you-might-also-like-item.post-item-simple .image-container img,
.you-might-also-like-item.post-item-simple .image-container .no-image {
background: #00386a;
width: 100%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media only screen and (max-width: 1100px) {
.you-might-also-like-item.post-item-simple {
flex: 0 0 calc(50% - 35px);
}
.you-might-also-like-item.post-item-simple:first-child:nth-last-child(4), .you-might-also-like-item.post-item-simple:first-child:nth-last-child(4) ~ article {
flex: 1;
flex: 0 0 calc(25% - 35px);
}
.you-might-also-like-item.post-item-simple:first-child:nth-last-child(3), .you-might-also-like-item.post-item-simple:first-child:nth-last-child(3) ~ article {
flex: 1;
flex: 0 0 calc(30% - 35px);
}
}
@media screen and (max-width: 901px) {
.you-might-also-like-item.post-item-simple {
flex: 0 0 calc(50% - 35px);
}
.you-might-also-like-item.post-item-simple:first-child:nth-last-child(4), .you-might-also-like-item.post-item-simple:first-child:nth-last-child(4) ~ article {
flex: 1;
flex: 0 0 calc(50% - 35px);
}
}
@media only screen and (max-width: 768px) {
.pages-container:has(> :last-child:nth-child(3)) {
/* 3 elements */
flex-direction: column !important;
}
.pages-container:has(> :last-child:nth-child(3)) .article-inner {
flex-direction: row;
padding: 0;
}
.pages-container:has(> :last-child:nth-child(3)) .article-inner .image-container {
max-width: 200px;
}
.pages-container:has(> :last-child:nth-child(3)) .article-inner .arrow-link {
font-size: 13px;
}
.you-might-also-like-item.post-item-simple {
flex: 0 0 calc(50% - 35px);
max-width: 100%;
}
.you-might-also-like-item.post-item-simple:first-child:nth-last-child(3), .you-might-also-like-item.post-item-simple:first-child:nth-last-child(3) ~ article {
flex: 1;
flex: 0 0 calc(30% - 35px);
}
}
@media only screen and (max-width: 550px) {
.you-might-also-like .pages-container {
padding: 0;
}
.you-might-also-like .pages-container .you-might-also-like-item.post-item-simple {
flex: 0 0 100%;
}
.you-might-also-like .pages-container .you-might-also-like-item.post-item-simple:first-child:nth-last-child(4), .you-might-also-like .pages-container .you-might-also-like-item.post-item-simple:first-child:nth-last-child(4) ~ article {
flex: 0 0 100%;
}
.you-might-also-like .pages-container .you-might-also-like-item.post-item-simple:first-child:nth-last-child(4) a.article-inner, .you-might-also-like .pages-container .you-might-also-like-item.post-item-simple:first-child:nth-last-child(4) ~ article a.article-inner {
flex-direction: row;
padding: 0;
}
.you-might-also-like .pages-container .you-might-also-like-item.post-item-simple .image-container {
max-width: 150px !important;
min-width: 150px !important;
}
.you-might-also-like .pages-container .you-might-also-like-item.post-item-simple .titles {
padding-top: 12px;
padding-bottom: 12px;
}
.you-might-also-like .pages-container .you-might-also-like-item.post-item-simple .titles .title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 450px) {
.you-might-also-like-item.post-item-simple .arrow-link {
font-size: 11px !important;
}
.you-might-also-like-item.post-item-simple .titles .title {
margin-bottom: 10px;
font-size: 18px;
}
}
@media only screen and (max-width: 350px) {
.you-might-also-like .pages-container .you-might-also-like-item.post-item-simple a.article-inner {
flex-direction: column;
}
.you-might-also-like .pages-container .you-might-also-like-item.post-item-simple a.article-inner .image-container {
max-width: 100% !important;
min-width: 100%;
}
}
.content-block:has(.quote-block-full-img) {
padding-top: 0;
padding-bottom: 0;
}
.content-block:has(.quote-block-full-img) .quote-block {
padding-top: 0;
padding-bottom: 0;
}
.quote-block.quote-block-full-img .content-row-inner .content-row-copy {
position: relative;
padding: 100px 0;
}
.quote-block.quote-block-full-img .content-container {
width: 58%;
margin-right: auto;
position: relative;
}
.quote-block.quote-block-full-img .quote-img.full-images {
position: absolute;
right: 0;
bottom: 0;
height: 100%;
width: 48%;
}
.quote-block.quote-block-full-img .quote-img.full-images img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom;
object-position: bottom;
}
.quote-block .content-row-inner {
flex-direction: column;
}
.quote-block .quote-block-inner {
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.quote-block .quote-text {
font-size: 52px;
font-weight: 700;
color: #4b3f67;
font-style: italic;
position: relative;
z-index: 5;
opacity: 1;
}
.quote-block .quote-text.small {
font-size: 32px;
}
.quote-block .quote-text strong {
color: #C94CA3;
}
.quote-block .author {
font-size: 21px;
text-transform: uppercase;
font-weight: 300;
color: #4b3f67;
position: relative;
z-index: 5;
}
.quote-block .quote-symbol {
color: rgba(75, 63, 103, 0.4);
font-size: 500px;
font-weight: 600;
line-height: 0;
position: absolute;
z-index: 2;
}
.quote-block .quote-symbol.start {
top: 170px;
left: -70px;
}
.quote-block .quote-symbol.end {
bottom: -50px;
right: 0;
}
.quote-block .quote-block-inner.legacy {
gap: 20px;
}
.quote-block .quote-block-inner.legacy .content-row-copy,
.quote-block .quote-block-inner.legacy .quote-img {
position: relative;
}
.quote-block .quote-block-inner.legacy .content-row-copy img,
.quote-block .quote-block-inner.legacy .quote-img img {
max-width: 350px;
margin: 0 auto;
}
.quote-block .quote-block-inner.legacy .content-row-copy {
width: calc((100% - 20px) / 3 * 2);
}
.quote-block .quote-block-inner.legacy .content-row-copy .content-container {
width: 100%;
}
.quote-block .quote-block-inner.legacy .quote-img {
width: calc((100% - 20px) / 3 * 1);
}
.quote-block .quote-block-inner.legacy.legacy-img-left {
flex-direction: row-reverse !important;
}
@media screen and (max-width: 970px) {
.quote-block .quote-block-inner.legacy {
gap: 20px;
flex-direction: column-reverse !important;
}
.quote-block .quote-block-inner.legacy .content-row-copy,
.quote-block .quote-block-inner.legacy .quote-img {
width: 100%;
}
.quote-block .quote-block-inner.legacy .quote-img {
text-align: center;
}
.quote-block .quote-block-inner.legacy.legacy-img-left {
flex-direction: column-reverse !important;
}
}
@media screen and (max-width: 768px) {
.quote-block .quote-block-inner {
flex-direction: column !important;
padding-bottom: 0;
}
.quote-block .quote-block-inner .content-container {
width: 100%;
margin-right: auto;
}
.quote-block .quote-block-inner .quote-img.full-images {
width: 100%;
position: relative;
max-width: 280px;
}
.quote-block .quote-block-inner .quote-text {
font-size: 32px;
}
}
@media screen and (max-width: 550px) {
.quote-block .quote-block-inner .content-row-copy {
padding: 30px 0 0 0 !important;
}
.quote-block .quote-block-inner .quote-text {
font-size: 18px;
}
.quote-block .quote-block-inner .author {
font-size: 18px;
}
.quote-block .quote-symbol {
font-size: 300px;
}
.quote-block .quote-symbol.end {
bottom: 0 !important;
}
.quote-block .quote-symbol.start {
top: 86px;
left: -24px;
}
}
.bg-grey .double-column.full-size .larger-bounds .image:before {
content: "";
width: 40%;
height: 100%;
background: linear-gradient(270deg, rgba(246, 246, 246, 0) 3%, rgba(246, 246, 246, 0.53) 46%, #f6f6f6 93%);
}
.double-column {
padding-bottom: 30px;
}
.double-column .double-column-inner {
gap: 134px;
}
.double-column .double-column-inner .button-container {
margin-top: 30px;
}
.double-column table {
border: 0;
}
.double-column .image {
overflow: hidden;
text-align: center;
flex: 5;
}
.double-column .image img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.double-column .image.cover img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
.double-column .text {
flex: 6;
}
.double-column h4 {
font-size: 24px;
font-weight: 600;
font-family: "Source Sans Pro", sans-serif;
color: #00386a;
}
.double-column.full-size .content-row-inner {
align-items: stretch !important;
}
.double-column.full-size .content-row-inner.image-left {
gap: 50px;
}
.double-column.full-size .larger-bounds {
max-width: 100%;
padding: 0;
}
.double-column.full-size .larger-bounds .image {
width: 50%;
flex: initial;
position: relative;
}
.double-column.full-size .larger-bounds .image:before {
content: "";
width: 40%;
height: 100%;
z-index: 10;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0.53) 46%, white 93%);
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.double-column.full-size .larger-bounds .image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.double-column.full-size .larger-bounds .text {
padding-left: 20px;
padding-top: 50px;
padding-bottom: 50px;
width: 100%;
max-width: 546px;
margin-left: auto;
justify-content: center;
display: flex;
flex-direction: column;
}
.double-column.full-size .larger-bounds.image-left .text {
padding-right: 20px;
padding-left: 0;
margin-right: auto;
margin-left: 0;
}
.double-column.full-size .larger-bounds.image-left .image:before {
transform: scaleX(-1);
right: -2px;
left: initial;
}
@media only screen and (max-width: 1140px) {
.double-column.full-size .double-column-inner {
gap: 50px;
}
.double-column.full-size .double-column-inner .text {
max-width: 630px;
}
.double-column .double-column-inner {
gap: 50px;
}
}
@media only screen and (max-width: 767px) {
.double-column.full-size .double-column-inner {
gap: 20px;
}
.double-column.full-size .double-column-inner .image {
width: 100%;
}
.double-column.full-size .double-column-inner .image:before {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0.53) 46%, white 93%);
z-index: -1;
height: 40%;
width: 120%;
bottom: 0;
top: initial;
left: -5px;
right: -5px;
}
.double-column.full-size .double-column-inner .text {
padding: 20px 20px 40px 20px !important;
max-width: 100%;
}
}
.fact-cards .fact-card-item {
flex: 1;
color: #00386a;
background: #fff;
border: 2px solid #00386a;
padding: 25px 50px;
text-decoration: none;
font-size: 24px;
transition: 150ms linear all;
}
.fact-cards .fact-card-item:hover {
background: #00386a;
color: #fff;
transition: 150ms linear all;
}
.content-block.bg-blue .accordion-item {
background-color: #00386a;
}
.content-block.bg-blue .accordion-item .accordion-button::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgxNTEgMTUuNjY3N0MxNS4zNjc5IDE2LjExMDggMTQuNjMyMSAxNi4xMTA4IDE0LjE4NDkgMTUuNjY3N0wwLjMzNTQxNyAxLjk0NzNDLTAuMTExODA2IDEuNTA0MjQgLTAuMTExODA2IDAuNzc1MzQ2IDAuMzM1NDE3IDAuMzMyMjkxQzAuNzgyNjQgLTAuMTEwNzY0IDEuNTE4MzkgLTAuMTEwNzY0IDEuOTY1NjIgMC4zMzIyOTFMMTUgMTMuMjQ1MkwyOC4wMzQ0IDAuMzMyMjkxQzI4LjQ4MTYgLTAuMTEwNzY0IDI5LjIxNzQgLTAuMTEwNzY0IDI5LjY2NDYgMC4zMzIyOTFDMzAuMTExOCAwLjc3NTM0NiAzMC4xMTE4IDEuNTA0MjQgMjkuNjY0NiAxLjk0NzNMMTUuODE1MSAxNS42Njc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.content-block.bg-blue .accordion-item .arrow-link {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE4NDkgMC4zMzIyOUMxNC42MzIxIC0wLjExMDc2NSAxNS4zNjc5IC0wLjExMDc2NSAxNS44MTUxIDAuMzMyMjlMMjkuNjY0NiAxNC4wNTI3QzMwLjExMTggMTQuNDk1OCAzMC4xMTE4IDE1LjIyNDcgMjkuNjY0NiAxNS42Njc3QzI5LjIxNzQgMTYuMTEwOCAyOC40ODE2IDE2LjExMDggMjguMDM0NCAxNS42Njc3TDE1IDIuNzU0OEwxLjk2NTYxIDE1LjY2NzdDMS41MTgzOSAxNi4xMTA4IDAuNzgyNjM5IDE2LjExMDggMC4zMzU0MTUgMTUuNjY3N0MtMC4xMTE4MDcgMTUuMjI0NyAtMC4xMTE4MDcgMTQuNDk1OCAwLjMzNTQxNSAxNC4wNTI3TDE0LjE4NDkgMC4zMzIyOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.content-block.bg-blue .accordion-item .accordion-button {
background-color: #00386a;
}
.content-block.bg-blue .accordion-item .accordion-button p {
color: white;
}
.content-block.bg-blue .accordion-item .accordion-collapse,
.content-block.bg-blue .accordion-item .accordion-header {
background-color: #00386a;
}
.content-block.bg-blue .accordion-item:not(:last-child) {
border-bottom: 1px solid #fff;
}
.content-block.bg-purple .accordion-item:not(:last-child) {
border-bottom: 1px solid #fff;
}
.content-block.bg-purple .accordion-item .accordion-button::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgxNTEgMTUuNjY3N0MxNS4zNjc5IDE2LjExMDggMTQuNjMyMSAxNi4xMTA4IDE0LjE4NDkgMTUuNjY3N0wwLjMzNTQxNyAxLjk0NzNDLTAuMTExODA2IDEuNTA0MjQgLTAuMTExODA2IDAuNzc1MzQ2IDAuMzM1NDE3IDAuMzMyMjkxQzAuNzgyNjQgLTAuMTEwNzY0IDEuNTE4MzkgLTAuMTEwNzY0IDEuOTY1NjIgMC4zMzIyOTFMMTUgMTMuMjQ1MkwyOC4wMzQ0IDAuMzMyMjkxQzI4LjQ4MTYgLTAuMTEwNzY0IDI5LjIxNzQgLTAuMTEwNzY0IDI5LjY2NDYgMC4zMzIyOTFDMzAuMTExOCAwLjc3NTM0NiAzMC4xMTE4IDEuNTA0MjQgMjkuNjY0NiAxLjk0NzNMMTUuODE1MSAxNS42Njc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.content-block.bg-purple .accordion-item .arrow-link {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE4NDkgMC4zMzIyOUMxNC42MzIxIC0wLjExMDc2NSAxNS4zNjc5IC0wLjExMDc2NSAxNS44MTUxIDAuMzMyMjlMMjkuNjY0NiAxNC4wNTI3QzMwLjExMTggMTQuNDk1OCAzMC4xMTE4IDE1LjIyNDcgMjkuNjY0NiAxNS42Njc3QzI5LjIxNzQgMTYuMTEwOCAyOC40ODE2IDE2LjExMDggMjguMDM0NCAxNS42Njc3TDE1IDIuNzU0OEwxLjk2NTYxIDE1LjY2NzdDMS41MTgzOSAxNi4xMTA4IDAuNzgyNjM5IDE2LjExMDggMC4zMzU0MTUgMTUuNjY3N0MtMC4xMTE4MDcgMTUuMjI0NyAtMC4xMTE4MDcgMTQuNDk1OCAwLjMzNTQxNSAxNC4wNTI3TDE0LjE4NDkgMC4zMzIyOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.content-block.bg-purple .accordion-item .accordion-button {
background-color: #4b3f67;
}
.content-block.bg-purple .accordion-item .accordion-button p {
color: white;
}
.content-block.bg-purple .accordion-item .accordion-collapse,
.content-block.bg-purple .accordion-item .accordion-header {
background-color: #4b3f67;
}
.accordion {
width: 100%;
}
.accordion .accordion-header .image-container {
max-width: 100px;
width: 100%;
min-width: 100px;
}
.accordion .accordion-header .image-container img {
-o-object-fit: contain;
object-fit: contain;
max-height: 90px !important;
width: 100% !important;
}
.accordion .accordion-header .image-container.has-alt-icon {
position: relative;
}
.accordion .accordion-header .image-container.has-alt-icon .accordion-icon {
opacity: 1;
transition: 150ms linear all;
}
.accordion .accordion-header .image-container.has-alt-icon .accordion-icon-alt {
opacity: 0;
transition: 150ms linear all;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.accordion .accordion-header .accordion-button[aria-expanded=true] .image-container.has-alt-icon .accordion-icon {
opacity: 0;
transition: 150ms linear all;
}
.accordion .accordion-header .accordion-button[aria-expanded=true] .image-container.has-alt-icon .accordion-icon-alt {
opacity: 1;
transition: 150ms linear all;
}
.accordion .accordion-header button {
background-color: transparent;
padding: 32px 20px;
outline-color: #00386a;
box-shadow: none;
transition: 150ms 300ms linear background-color;
display: flex;
flex-direction: row;
gap: 60px;
align-items: center;
justify-content: flex-start;
}
.accordion .accordion-header button .accordion-title {
font-size: 32px;
color: #00386a;
font-weight: 300;
font-family: "Montserrat", sans-serif !important;
}
.accordion .accordion-body {
padding: 20px 60px 20px 20px;
width: 100%;
}
.accordion .accordion-body ol {
padding-left: 1rem;
}
.accordion .accordion-body .ccm-cookie-declaration--embedding--title {
font-size: 38px;
}
.accordion .accordion-body.accordion-body-double-col {
display: flex;
flex-direction: row;
gap: 85px;
}
.accordion .accordion-body.accordion-body-double-col .double-col-img {
flex: 0 0 30%;
}
.accordion .accordion-body.accordion-body-double-col .content {
flex: 0 70%;
}
.accordion .accordion-collapse.show,
.accordion .accordion-collapse.collapsing,
.accordion .accordion-button[aria-expanded=true] {
background-color: #eae7f1;
transition: 150ms linear all;
}
.accordion-item.has-image .accordion-body {
padding-left: 180px;
}
.accordion-item.accordion-item-with-product {
background-color: white;
border-bottom: 1px solid #00386a;
}
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing {
border-bottom: 1px solid white;
}
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] {
background-color: #00386a !important;
transition: 150ms linear all;
}
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show h3,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show h4,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show h5,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show span,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show p,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show strong,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing h3,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing h4,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing h5,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing span,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing p,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing strong,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] h3,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] h4,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] h5,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] span,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] p,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] strong {
color: white;
}
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show .button,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing .button,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] .button {
background-color: white !important;
color: #005db9 !important;
border-color: white !important;
margin-top: 30px;
}
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.show .button:hover,
.accordion-item.accordion-item-with-product.bg-blue .accordion-collapse.collapsing .button:hover,
.accordion-item.accordion-item-with-product.bg-blue .accordion-button[aria-expanded=true] .button:hover {
background-color: #4b3f67 !important;
color: white !important;
}
.accordion-item.accordion-item-with-product.bg-blue .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgxNTEgMTUuNjY3N0MxNS4zNjc5IDE2LjExMDggMTQuNjMyMSAxNi4xMTA4IDE0LjE4NDkgMTUuNjY3N0wwLjMzNTQxNyAxLjk0NzNDLTAuMTExODA2IDEuNTA0MjQgLTAuMTExODA2IDAuNzc1MzQ2IDAuMzM1NDE3IDAuMzMyMjkxQzAuNzgyNjQgLTAuMTEwNzY0IDEuNTE4MzkgLTAuMTEwNzY0IDEuOTY1NjIgMC4zMzIyOTFMMTUgMTMuMjQ1MkwyOC4wMzQ0IDAuMzMyMjk0QzI4LjQ4MTYgLTAuMTEwNzYxIDI5LjIxNzQgLTAuMTEwNzYxIDI5LjY2NDYgMC4zMzIyOTRDMzAuMTExOCAwLjc3NTM0OSAzMC4xMTE4IDEuNTA0MjUgMjkuNjY0NiAxLjk0NzNMMTUuODE1MSAxNS42Njc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.accordion-item.accordion-item-with-product.bg-blue .arrow-link {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDIyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMS44NTM2IDQuMzAxMDlDMjIuMDQ4OSA0LjA4Nzk1IDIyLjA0ODkgMy43NDE4MSAyMS44NTM2IDMuNTI4NjdMMTkuMzUzNSAwLjgwMDQ4QzE5LjE1ODIgMC41ODczNCAxOC44NDEgMC41ODczNCAxOC42NDU2IDAuODAwNDhDMTguNDUwMyAxLjAxMzYyIDE4LjQ1MDMgMS4zNTk3NiAxOC42NDU2IDEuNTcyOUwyMC4yOTQyIDMuMzcwMUgwLjUwMDAyOEMwLjIyMzQ1IDMuMzcwMSAwIDMuNjEzOTMgMCAzLjkxNTczQzAgNC4yMTc1NCAwLjIyMzQ1IDQuNDYxMzcgMC41MDAwMjggNC40NjEzN0gyMC4yOTI2TDE4LjY0NzIgNi4yNTg1N0MxOC40NTE5IDYuNDcxNzEgMTguNDUxOSA2LjgxNzg1IDE4LjY0NzIgNy4wMzA5OUMxOC44NDI1IDcuMjQ0MTMgMTkuMTU5NyA3LjI0NDEzIDE5LjM1NSA3LjAzMDk5TDIxLjg1NTIgNC4zMDI4TDIxLjg1MzYgNC4zMDEwOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.accordion-item.accordion-item-with-product .accordion-button {
gap: 0;
height: 192px;
}
.accordion-item.accordion-item-with-product .accordion-button .image-container {
max-width: 100px;
width: 100%;
min-width: 100px;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner {
gap: 140px;
padding: 0px 120px 50px 140px;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner.has-multiple-products {
gap: 40px;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner.has-multiple-products .accordion-body,
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner.has-multiple-products .product-link {
flex: 1;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner .accordion-body {
padding-left: 0;
padding-right: 0;
flex: 0 0 44%;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner .product-link {
width: 100%;
text-decoration: none;
flex: 0 0 41%;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner .product-link .product-col {
background: rgba(255, 255, 255, 0.1);
transition: 150ms linear all;
padding: 20px;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner .product-link .product-col.empty {
background: transparent;
height: 0;
padding: 0;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner .product-link .product-col:has(.accordion) {
padding: 0;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner .product-link .product-col .product-image {
max-width: 250px;
width: 100%;
margin: 0 auto;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner .product-link:hover .product-col {
background: rgba(255, 255, 255, 0.17);
transition: 150ms linear all;
}
.accordion-item.accordion-item-with-product .accordion-button {
gap: 20px !important;
}
@media screen and (max-width: 768px) {
.accordion-item.has-image .accordion-title {
font-size: 22px !important;
}
.accordion .accordion-body.accordion-body-double-col {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.accordion .accordion-body.accordion-body-double-col .double-col-img {
max-width: 500px;
width: 100%;
height: 100%;
}
.accordion .accordion-body.accordion-body-double-col .double-col-img img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 720px) {
.accordion .accordion-header button {
gap: 40px;
padding: 15px 20px;
}
.accordion .accordion-header button .accordion-title {
font-size: 24px;
}
.accordion .accordion-header .image-container {
width: 100px;
max-width: 100px;
min-width: 100px;
}
.accordion-item.has-image .accordion-body {
padding-left: 20px;
}
}
@media screen and (max-width: 1124px) {
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner {
gap: 90px;
}
}
@media screen and (max-width: 1124px) {
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner {
gap: 50px;
}
}
@media screen and (max-width: 768px) {
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner {
padding: 0 50px 50px 50px;
}
.accordion .accordion-body {
padding: 20px;
}
}
@media screen and (max-width: 555px) {
.accordion-item .accordion-button,
.accordion-item.accordion-item-with-product .accordion-button {
height: auto !important;
}
.accordion-item .accordion-button:after,
.accordion-item.accordion-item-with-product .accordion-button:after {
margin-left: auto;
margin-right: auto;
}
.accordion-item .accordion-button .accordion-title,
.accordion-item.accordion-item-with-product .accordion-button .accordion-title {
text-align: left;
width: 100%;
font-size: 18px !important;
}
.accordion-item .accordion-button .image-container,
.accordion-item.accordion-item-with-product .accordion-button .image-container {
width: 52px;
height: 52px;
min-width: 52px;
}
.accordion-item .accordion-button .image-container img,
.accordion-item.accordion-item-with-product .accordion-button .image-container img {
-o-object-fit: contain;
object-fit: contain;
height: 52px !important;
width: 52px !important;
-o-object-position: center;
object-position: center;
}
}
@media screen and (max-width: 500px) {
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner {
padding: 50px;
}
}
@media screen and (max-width: 450px) {
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner {
padding: 50px 20px;
}
}
@media only screen and (max-width: 490px) {
.accordion .accordion-item:not(.has-image) .accordion-title {
flex: 0 0 calc(100% - 100px - 20px);
font-size: 22px;
}
.accordion .accordion-item .accordion-button::after {
background-position: center;
}
}
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item {
background: transparent !important;
}
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-button {
padding: 20px 20px 0 20px;
}
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-button[aria-expanded=true] {
background: transparent !important;
}
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-button:after {
margin-left: 20px;
}
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-collapse {
padding: 0 20px 20px 20px;
border: 0;
}
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-collapse .accordion-body {
padding: 0;
}
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-collapse.show,
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-collapse.collapsing,
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-button[aria-expanded=true] {
background: transparent !important;
}
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-button {
height: auto;
padding-top: 20px;
width: 100%;
justify-content: space-between;
}
@media only screen and (max-width: 490px) {
.accordion-item.accordion-item-with-product.bg-blue .multiple-products-accordion .accordion-item .accordion-button:after {
margin: 0 auto;
}
.accordion-item.accordion-item-with-product .accordion-product-info-row.accordion-inner.has-multiple-products {
gap: 20px;
}
}
.latest-posts-inner {
gap: 50px;
width: 100%;
display: flex !important;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.latest-posts-inner {
flex-direction: column;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.news-view-inner {
display: flex;
display: grid;
align-items: stretch;
justify-content: flex-start;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
}
.facetwp-facet-load_more {
margin-bottom: 0 !important;
}
button.facetwp-load-more {
margin-top: 50px;
margin-bottom: 0;
color: #fff;
border-color: #4b3f67;
background: #4b3f67;
}
button.facetwp-load-more:hover {
background: transparent;
color: #4b3f67;
}
button.facetwp-load-more.facetwp-hidden {
display: none;
}
@media only screen and (max-width: 1000px) {
.news-view-inner {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 550px) {
.news-view-inner {
grid-template-columns: repeat(1, 1fr);
}
}
.post-item .article-inner {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
height: 100%;
text-decoration: none;
}
.post-item .article-inner .title {
font-size: 24px;
font-weight: 600;
color: #00386a;
}
.post-item .titles {
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
}
.post-item p.read-more {
margin-top: auto;
width: 100%;
color: #4b3f67;
}
.post-item img,
.post-item .no-image {
width: 100%;
background: #00386a;
aspect-ratio: 407/301;
}
.post-item .post-info {
padding-left: 15px;
padding-right: 15px;
}
.post-item .post-info p,
.post-item .post-info a {
font-size: 14px;
font-weight: 600;
color: #005db9;
}
.post-item.scale-down .attachment-image {
-o-object-fit: contain;
object-fit: contain;
background: #fff;
}
.post-item.scale-down .attachment-image img {
-o-object-fit: contain;
object-fit: contain;
}
.team-members {
position: relative;
z-index: 25;
}
.team-members button.btn-primary {
margin-bottom: 45px;
background: transparent;
border-color: transparent;
border: none;
width: 25%;
}
.team-members button.btn-primary:hover .team-member-image .cutout-hover {
transition: 350ms linear all;
transform: translateY(0%);
}
.team-members button.btn-primary:hover .arrow-link {
background-position: 4% 50%;
}
.team-members button.btn-primary svg path {
fill: #fff;
}
.team-members button.btn-primary:focus {
outline: 2px solid #0d6efd;
}
.team-members button.btn-primary p {
margin-bottom: 5px;
}
.team-members button.btn-primary .name {
font-size: 24px;
font-weight: 600;
color: #00386a;
}
.team-members button.btn-primary .job-title {
font-size: 16px;
font-weight: 300;
}
.team-members button.btn-primary .arrow-link {
color: #4b3f67;
}
.team-members button.btn-primary .team-member-copy {
margin-top: 10px;
text-align: left;
width: 100%;
}
.team-members button.btn-primary .team-member-image {
overflow: hidden;
position: relative;
overflow: hidden;
}
.team-members button.btn-primary .team-member-image .cutout-overlay,
.team-members button.btn-primary .team-member-image .cutout-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.team-members button.btn-primary .team-member-image .cutout-overlay {
z-index: 10;
}
.team-members button.btn-primary .team-member-image .cutout-hover {
transform: translateY(80%);
transition: 350ms linear all;
}
.team-members button.btn-primary .team-member-image img {
aspect-ratio: 279/345;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center;
width: 100%;
}
.team-modal,
.patient-story-modal,
.patient-carousel-modal {
overflow-y: auto;
background: transparent;
opacity: 0;
pointer-events: none;
z-index: 5005;
display: block;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
}
.team-modal button.close svg,
.patient-story-modal button.close svg,
.patient-carousel-modal button.close svg {
width: 46px;
height: auto;
}
.team-modal .name,
.patient-story-modal .name,
.patient-carousel-modal .name {
font-size: 52px;
font-weight: 700;
font-family: "Montserrat", sans-serif !important;
margin: 10px auto;
margin-bottom: 0;
}
.team-modal .bio,
.patient-story-modal .bio,
.patient-carousel-modal .bio {
padding-bottom: 50px;
}
.team-modal .bio p,
.patient-story-modal .bio p,
.patient-carousel-modal .bio p {
font-size: 20px;
font-weight: 300;
}
.team-modal.open,
.patient-story-modal.open,
.patient-carousel-modal.open {
opacity: 1;
pointer-events: auto;
}
.team-modal.open a,
.patient-story-modal.open a,
.patient-carousel-modal.open a {
pointer-events: auto;
}
.team-modal.open a svg path,
.patient-story-modal.open a svg path,
.patient-carousel-modal.open a svg path {
transition: 150ms linear all;
}
.team-modal.open a:hover svg path,
.patient-story-modal.open a:hover svg path,
.patient-carousel-modal.open a:hover svg path {
transition: 150ms linear all;
}
.team-modal.open .team-modal-dialog,
.team-modal.open .patient-story-modal-dialog,
.patient-story-modal.open .team-modal-dialog,
.patient-story-modal.open .patient-story-modal-dialog,
.patient-carousel-modal.open .team-modal-dialog,
.patient-carousel-modal.open .patient-story-modal-dialog {
pointer-events: auto;
opacity: 1;
transition: 350ms 0.75s linear all;
background: #4b3f67;
}
.team-modal .team-modal-dialog,
.team-modal .patient-story-modal-dialog,
.patient-story-modal .team-modal-dialog,
.patient-story-modal .patient-story-modal-dialog,
.patient-carousel-modal .team-modal-dialog,
.patient-carousel-modal .patient-story-modal-dialog {
position: relative;
z-index: 6;
pointer-events: none;
opacity: 0;
transition: 350ms linear opacity;
max-width: 100%;
background: transparent;
margin-top: 0;
}
.team-modal .team-modal-dialog .team-modal-header,
.team-modal .team-modal-dialog .patient-story-modal-header,
.team-modal .patient-story-modal-dialog .team-modal-header,
.team-modal .patient-story-modal-dialog .patient-story-modal-header,
.patient-story-modal .team-modal-dialog .team-modal-header,
.patient-story-modal .team-modal-dialog .patient-story-modal-header,
.patient-story-modal .patient-story-modal-dialog .team-modal-header,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-header,
.patient-carousel-modal .team-modal-dialog .team-modal-header,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-header,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-header,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-header {
border-bottom: none;
margin-left: auto;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
padding: 20px 20px 0 20px;
height: 100px;
}
.team-modal .team-modal-dialog .team-modal-header button,
.team-modal .team-modal-dialog .patient-story-modal-header button,
.team-modal .patient-story-modal-dialog .team-modal-header button,
.team-modal .patient-story-modal-dialog .patient-story-modal-header button,
.patient-story-modal .team-modal-dialog .team-modal-header button,
.patient-story-modal .team-modal-dialog .patient-story-modal-header button,
.patient-story-modal .patient-story-modal-dialog .team-modal-header button,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-header button,
.patient-carousel-modal .team-modal-dialog .team-modal-header button,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-header button,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-header button,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-header button {
border: none;
background: transparent;
position: fixed;
}
.team-modal .team-modal-dialog .team-modal-content,
.team-modal .team-modal-dialog .patient-story-modal-content,
.team-modal .patient-story-modal-dialog .team-modal-content,
.team-modal .patient-story-modal-dialog .patient-story-modal-content,
.patient-story-modal .team-modal-dialog .team-modal-content,
.patient-story-modal .team-modal-dialog .patient-story-modal-content,
.patient-story-modal .patient-story-modal-dialog .team-modal-content,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content,
.patient-carousel-modal .team-modal-dialog .team-modal-content,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content {
background: transparent;
border: none;
max-width: 100%;
padding: 0;
margin: 0 auto;
z-index: 5;
min-height: calc(100vh - 145px);
pointer-events: none;
}
.team-modal .team-modal-dialog .team-modal-content .patient-quote p,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-quote p,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-quote p,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-quote p,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-quote p,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-quote p,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-quote p,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-quote p,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-quote p,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-quote p,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-quote p,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-quote p {
font-size: 24px;
font-weight: 700;
font-family: "Montserrat", sans-serif !important;
font-style: italic;
margin-top: 10px;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left,
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-left,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-right,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-left,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-right,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right {
flex: 0 0 50%;
pointer-events: none;
background-color: #00386a;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left span,
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right span,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left span,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right span,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left span,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right span,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left span,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right span,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-left span,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-right span,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left span,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right span,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left span,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right span,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left span,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right span,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-left span,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-right span,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left span,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right span,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left span,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right span,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left span,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right span {
color: inherit;
}
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right {
flex: 0 0 50% !important;
pointer-events: none;
}
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left {
border-right: unset !important;
}
.team-modal .team-modal-dialog .team-modal-content .ap-btn,
.team-modal .team-modal-dialog .team-modal-content .btn,
.team-modal .team-modal-dialog .patient-story-modal-content .ap-btn,
.team-modal .team-modal-dialog .patient-story-modal-content .btn,
.team-modal .patient-story-modal-dialog .team-modal-content .ap-btn,
.team-modal .patient-story-modal-dialog .team-modal-content .btn,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .ap-btn,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .btn,
.patient-story-modal .team-modal-dialog .team-modal-content .ap-btn,
.patient-story-modal .team-modal-dialog .team-modal-content .btn,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .ap-btn,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .btn,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .ap-btn,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .btn,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .ap-btn,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .btn,
.patient-carousel-modal .team-modal-dialog .team-modal-content .ap-btn,
.patient-carousel-modal .team-modal-dialog .team-modal-content .btn,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .ap-btn,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .btn,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .ap-btn,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .btn,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .ap-btn,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .btn {
padding: 0 !important;
color: #fff;
border: 0;
font-size: 18px;
text-decoration: underline;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-left,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-left,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left {
height: 100vh;
border-right: 10px solid #005db9;
flex: 4;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image,
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image {
position: sticky;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image img,
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image img,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image img,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image img,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image img,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image img,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image img,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image img,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image img,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image img,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image img,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .team-modal-content-team-image img,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-left .patient-story-modal-content-image img,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .team-modal-content-team-image img,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img {
width: 100%;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-right,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-right,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right {
display: flex;
align-items: flex-start;
flex-direction: column;
flex: 5;
padding-left: 50px;
padding-right: 50px;
padding-top: 80px;
padding-bottom: 80px;
overflow-y: auto;
height: 100vh;
justify-content: center;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right h4,
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right p,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right h4,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right p,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right h4,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right p,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right h4,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right p,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right h4,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right p,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right h4,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right p,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right h4,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right p,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right h4,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right p,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-right h4,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-right p,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right h4,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right p,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right h4,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right p,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right h4,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right p,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right h4,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right p,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right h4,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right p,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right h4,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right p,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right h4,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right p,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-right h4,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-right p,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right h4,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right p,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right h4,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right p,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right h4,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right p,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right h4,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right p,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right h4,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right p,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right h4,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right p,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right h4,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right p {
color: #fff;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio {
max-width: 600px;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.team-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.team-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.team-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.team-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.team-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.team-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-story-modal .team-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-story-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-story-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-story-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-carousel-modal .team-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-carousel-modal .team-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-carousel-modal .team-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-carousel-modal .patient-story-modal-dialog .team-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .team-modal-content-right .team-modal-bio .team-modal-job-title,
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right .team-modal-bio .team-modal-job-title {
font-size: 24px;
font-weight: 300;
margin-bottom: 35px;
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-check:focus + .btn-primary,
.btn-primary:focus {
box-shadow: none;
}
.team-bg-one,
.team-bg-two {
width: 100vw;
height: 100vh;
background: #00386a;
position: fixed;
top: 0;
pointer-events: none;
}
.team-bg-one {
transform-origin: center left;
width: 0vw;
left: 0;
transition: 0.5s linear all;
}
.team-bg-two {
background: #00386a;
transform-origin: center right;
width: 0vw;
right: 0;
transition: 0.5s linear all;
}
.patient-story-modal .team-bg-two,
.patient-story-modal .team-bg-one,
.patient-carousel-modal .team-bg-two,
.patient-carousel-modal .team-bg-one {
background: #4b3f67;
}
.team-modal.open .team-bg-one {
width: 100vw;
transition: 0.5s linear all;
background-color: #00386a;
}
.patient-story-modal.open .team-bg-one,
.patient-carousel-modal.open .team-bg-one {
width: 100vw;
transition: 0.5s linear all;
background-color: #4b3f67;
}
.patient-story-modal.open .team-modal-content-right,
.patient-carousel-modal.open .team-modal-content-right {
pointer-events: auto !important;
}
@media screen and (max-width: 991px) {
.team-members button.btn-primary {
width: 33%;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image {
position: relative;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right {
flex: 1;
}
}
@media screen and (min-width: 769px) {
.team-modal,
.patient-story-modal,
.patient-modal-no-video {
cursor: url('data:image/svg+xml,') 36 36, auto;
}
}
@media screen and (max-width: 768px) {
.team-modal {
overflow: scroll;
padding-top: 80px;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left {
border: 0;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image {
max-width: 350px;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-left .team-modal-content-team-image img {
height: auto;
aspect-ratio: 3/4;
}
.team-modal .team-modal-dialog .team-modal-content .team-modal-content-right {
padding: 20px;
}
.team-members button.btn-primary {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.team-members button.btn-primary {
width: 100%;
}
}
.swiper-wrapper {
transition-timing-function: linear;
display: flex;
}
.not-swiper-wrapper {
padding: 0 20px;
}
.swiper-slide {
max-width: 290px;
}
.scrolling-cards.image-contain img {
-o-object-fit: contain;
object-fit: contain;
}
.single-employee_stories .scrolling-card .title {
text-align: center;
}
.single-employee_stories .scrolling-card .content-container p.text-left {
text-align: center;
}
.scrolling-card .icon-container {
max-width: 290px;
}
.scrolling-card .icon-container img {
width: 100%;
aspect-ratio: 1/1;
}
.scrolling-card.padded .icon-container {
padding: 40px;
aspect-ratio: 1/1;
}
.scrolling-card.padded .icon-container img {
-o-object-fit: contain;
object-fit: contain;
}
.scrolling-card .title {
font-size: 24px;
font-weight: 500;
color: #00386a !important;
margin-bottom: 38px;
}
.swiper-container {
align-items: center;
display: flex;
justify-content: center;
}
.swiper-scrollbar {
height: 4px;
margin: 64px 15px 0;
max-width: 382px;
position: static !important;
width: 100%;
z-index: auto !important;
background: #f6f6f6;
}
.swiper-scrollbar .swiper-scrollbar-drag {
background-color: #00386a;
cursor: grab;
}
@media only screen and (max-width: 610px) {
.swiper-scrollbar {
display: none;
}
}
@media screen and (min-width: 2200px) {
.swiper-wrapper {
justify-content: center;
}
.swiper-slide {
max-width: 330px;
}
}
#primary:has(.special-content-rows) .sticky-features .left {
top: 135px;
}
#primary section:last-child:has(.bg-blue) .content-block.bg-blue {
border-bottom: 1px solid white;
}
.sticky-features {
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 56% 100%;
background-position: center right;
}
.sticky-features .bg-img {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.sticky-features .bg-img img {
width: 100%;
height: 100%;
-o-object-position: left;
object-position: left;
}
.sticky-features .sticky-features-inner {
z-index: 1;
position: relative;
}
.sticky-features .sticky-features-inner .left {
flex: 1;
top: 80px;
padding: 90px 20px 20px 20px;
position: sticky;
max-width: 600px;
}
.sticky-features .sticky-features-inner .right {
flex: 1;
}
.sticky-features .features {
display: flex;
flex-direction: column;
gap: 60px;
align-items: center;
justify-content: center;
padding-top: 100px;
padding-bottom: 100px;
}
.sticky-features .feature .attachment-image {
aspect-ratio: 1/1;
flex: 1;
}
.sticky-features .feature .icon {
max-width: 168px;
width: 100%;
}
.sticky-features .feature .icon img {
width: 100%;
}
.sticky-features .feature .title-container {
max-width: 250px;
flex: 1;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
}
.sticky-features .feature .title {
font-weight: 300;
font-size: 18px;
color: #333333;
margin: 0;
text-align: left;
}
.sticky-features .feature .title strong {
font-weight: 600;
font-size: 24px;
color: #00386a;
margin: 0;
text-align: left;
}
@media screen and (max-width: 1224px) {
.bg-img {
display: none;
}
}
@media screen and (max-width: 768px) {
#primary:has(.special-content-rows) .sticky-features .left {
top: 0;
}
.sticky-features .sticky-features-inner .left {
position: relative;
}
.sticky-features .sticky-features-inner .right {
width: 100%;
}
.sticky-features .sticky-features-inner .features {
gap: 20px;
padding-top: 0;
}
.sticky-features .sticky-features-inner .features .feature .title-container {
aspect-ratio: initial;
}
}
@media only screen and (max-width: 600px) {
.sticky-features {
background-image: none !important;
}
.sticky-features .sticky-features-inner .left {
padding-top: 40px;
top: 0;
}
.sticky-features .bg-img {
display: none;
}
}
.product-area-tabs-inner .no-js .owl-carousel,
.product-area-tabs-inner .owl-carousel.owl-loaded {
display: flex !important;
flex-direction: column !important;
}
.product-area-tabs-inner .no-js .owl-carousel .owl-nav,
.product-area-tabs-inner .owl-carousel.owl-loaded .owl-nav {
position: absolute;
top: 50%;
right: 0;
left: 0;
width: 100%;
transform: translateY(-50%);
pointer-events: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.product-area-tabs-inner .no-js .owl-carousel .owl-nav button,
.product-area-tabs-inner .owl-carousel.owl-loaded .owl-nav button {
pointer-events: auto;
}
.product-area-tabs-inner .no-js .owl-carousel .owl-nav button svg,
.product-area-tabs-inner .owl-carousel.owl-loaded .owl-nav button svg {
transition: 150ms linear all;
}
.product-area-tabs-inner .no-js .owl-carousel .owl-nav button:hover,
.product-area-tabs-inner .owl-carousel.owl-loaded .owl-nav button:hover {
background-color: transparent;
}
.product-area-tabs-inner .no-js .owl-carousel .owl-nav button:hover svg,
.product-area-tabs-inner .owl-carousel.owl-loaded .owl-nav button:hover svg {
opacity: 0.8;
transition: 150ms linear all;
}
.product-area-tabs-inner .nav-tabs {
border-bottom: 0;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: Center;
gap: 20px;
margin-top: 50px;
margin-bottom: 50px;
}
.product-area-tabs-inner .nav-tabs .nav-item {
flex: 1;
max-width: 450px;
min-width: 280px;
}
.product-area-tabs-inner .nav-tabs button.nav-link {
width: 100%;
padding: 20px;
font-size: 24px;
font-weight: 600;
border-radius: 0;
border: 1px solid #005db9;
color: #fff;
background: #005db9;
}
.product-area-tabs-inner .nav-tabs button.nav-link:hover {
background: transparent;
}
.product-area-tabs-inner .nav-tabs button.nav-link.active {
color: #00386a;
background: #fff;
}
.product-area-tabs-inner .nav-tabs button.nav-link.active:hover {
background: rgba(255, 255, 255, 0.8);
}
.tab-content {
width: 100%;
}
.tab-content .owl-stage-outer {
width: 100vw;
}
.products-grid {
margin-top: 50px;
}
.products-grid.no-carousel {
display: flex;
flex-direction: row;
gap: 50px;
justify-content: center;
align-items: stretch;
}
.products-grid.no-carousel .product-grid-item {
max-width: 320px;
width: 100%;
}
.products-grid .product-grid-item img {
aspect-ratio: 1/1;
width: 100%;
margin: 0 auto;
}
.products-grid .product-grid-item p.title {
font-size: 24px;
font-weight: 600;
color: #00386a;
margin-top: 22px;
}
.products-grid .owl-item {
opacity: 0.4;
transition: 150ms linear all;
}
.products-grid .owl-item.active {
opacity: 1;
transition: 150ms linear all;
}
@media only screen and (max-width: 610px) {
.product-area-tabs-inner .nav-tabs {
gap: 10px;
}
.product-area-tabs-inner .nav-tabs button.nav-link {
padding: 10px;
}
.product-area-tabs-inner .nav-tabs .swiper-container.small-bounds {
display: none;
}
}
.information-that-helps {
padding-bottom: 50px;
}
.information-that-helps .information-that-helps-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: stretch;
gap: 22px;
}
.information-that-helps .fs-wrap {
width: 100%;
max-width: 330px;
}
.information-that-helps .facetwp-facet-country {
justify-content: center;
display: flex;
}
.information-that-helps .facetwp-facet-country .fs-label {
color: #fff;
}
.information-that-helps .fs-label-wrap {
background: transparent;
border: 0;
border-bottom: 1px solid white;
}
.information-that-helps .fs-arrow {
background-image: url('data:image/svg+xml,');
border-left: 0;
border-right: 0;
border-top: 0;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center right;
}
.information-that-helps .fs-option-label,
.information-that-helps input {
color: #333333;
transition: 150ms linear all;
}
.information-that-helps .fs-option {
transition: 150ms linear all;
}
.information-that-helps .fs-option:hover {
background: #00386a;
transition: 150ms linear all;
}
.information-that-helps .fs-option:hover .fs-option-label {
transition: 150ms linear all;
color: white;
}
.information-that-helps .informative-link {
text-decoration: none;
background-color: rgba(217, 217, 217, 0.2);
padding: 22px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
flex: 0 0 calc(50% - 22px);
}
.information-that-helps .informative-link .title {
text-transform: uppercase;
font-size: 21px;
}
@media only screen and (max-width: 885px) {
.information-that-helps .informative-link {
flex: 0 0 calc(50% - 11px);
}
}
@media only screen and (max-width: 575px) {
.information-that-helps .informative-link {
flex: 0 0 100%;
}
}
.content-block:has(.timeline-container) {
padding-bottom: 0;
}
.timeline {
display: flex;
margin: 0 auto;
flex-wrap: wrap;
flex-direction: column;
max-width: 1040px;
position: relative;
gap: 150px;
}
.timeline__content-title {
font-weight: 600;
text-align: center;
font-size: 24px;
margin: 0 0 10px 0;
color: #00386a !important;
}
.timeline__content-desc {
margin: 0;
font-size: 15px;
box-sizing: border-box;
color: #333333 !important;
font-family: "Source Sans Pro", sans-serif;
font-weight: normal;
line-height: 25px;
}
.timeline__content-desc p,
.timeline__content-desc li {
color: #333333 !important;
}
.timeline:before {
position: absolute;
left: 50%;
width: 8px;
height: 100%;
margin-left: -4px;
content: "";
background: white;
}
@media only screen and (max-width: 767px) {
.timeline:before {
left: 40px;
}
}
.timeline-item {
padding: 20px 0 20px 0;
background-color: transparent;
transition: 0.5s;
box-sizing: border-box;
width: calc(50% - 60px);
display: flex;
position: relative;
transition: 350ms ease-in-out transform;
}
.timeline-item:before {
content: attr(data-year);
width: 100%;
position: absolute;
color: #fff;
font-size: 52px;
font-family: "Montserrat", sans-serif !important;
font-weight: 100;
top: 50%;
padding-left: 65px;
/* opacity: 0; */
right: calc(-100% - 76px);
transform: translatey(-50%);
opacity: 0;
transition: 350ms 350ms ease-in-out opacity;
}
.timeline-item:after {
opacity: 0;
filter: blur(10px);
transition: 350ms ease-in-out opacity;
width: calc(100% + 30px);
height: 60px;
content: "";
display: flex;
position: absolute;
background: url('data:image/svg+xml,');
top: 50%;
right: calc(-100% - 56px);
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
background-position: center left;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.timeline-item:after {
right: auto;
left: 6px !important;
background-position: left center !important;
top: 50%;
transform: translateY(-50%);
}
}
.timeline-item:nth-child(even) {
align-self: flex-end;
}
.timeline-item:nth-child(even):before {
right: auto;
text-align: right;
left: calc(-100% - 76px);
padding-left: 0;
padding-right: 65px;
}
.timeline-item:nth-child(even):after {
left: calc(-100% - 56px);
background-position: right center;
}
.timeline-item .timeline__content {
padding: 30px 20px;
background: white;
filter: blur(2px);
}
.timeline-item--active {
transition: 350ms ease-in-out transform;
}
.timeline-item--active:before {
transition: 350ms 350ms ease-in-out opacity;
opacity: 1;
}
.timeline-item--active:after {
filter: blur(0);
opacity: 1;
transition: 350ms ease-in-out all;
}
@media only screen and (max-width: 767px) {
.timeline-item {
align-self: baseline !important;
width: 100%;
padding: 0 20px 0 100px;
}
.timeline-item:before {
left: 100px !important;
padding: 0 !important;
top: -35px;
text-align: left !important;
width: calc(100% - 100px);
}
}
.timeline__img {
max-width: 100%;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
.timeline-container {
overflow: hidden;
width: 100%;
position: relative;
padding: 150px 0;
transition: 0.3s ease 0s;
background-attachment: fixed;
background-size: cover;
background-position: center;
}
.timeline-container:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
}
.timeline-header {
width: 100%;
text-align: center;
margin-bottom: 80px;
position: relative;
}
.timeline-header * {
color: #fff;
}
.timeline__img {
display: none;
}
.timeline-item--active .timeline__content {
transition-delay: 600ms !important;
filter: blur(0px);
transition: 150ms all linear;
}
.content-block:has(.quote-carousel) {
padding: 0;
}
.quote-carousel .owl-stage {
display: flex;
flex-direction: row;
align-items: stretch;
}
.quote-carousel .owl-item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.quote-carousel .owl-item .quote-item {
position: relative;
padding-top: 324px;
padding-bottom: 0;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
height: 100%;
}
.quote-carousel .owl-item .quote-item .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.quote-carousel .owl-item .quote-item .quote-start,
.quote-carousel .owl-item .quote-item .quote-end {
position: absolute;
z-index: 7;
width: 250px;
}
.quote-carousel .owl-item .quote-item .quote-start svg,
.quote-carousel .owl-item .quote-item .quote-end svg {
width: 100%;
height: auto;
}
.quote-carousel .owl-item .quote-item .quote-start {
top: -120px;
left: -1%;
}
.quote-carousel .owl-item .quote-item .quote-end {
bottom: 20px;
right: -1%;
}
.quote-carousel .quote {
line-height: 1.3;
letter-spacing: -0.72px;
text-align: left;
font-size: 38px;
font-style: italic;
font-weight: 600;
position: relative;
z-index: 10;
color: #4b3f67;
}
.quote-carousel .attribution {
position: relative;
z-index: 10;
color: #4b3f67 !important;
font-size: 20px;
display: flex;
font-weight: 300;
flex-direction: column;
}
.quote-carousel .attribution span {
font-size: 11px;
}
.quote-carousel .content-container {
width: calc(100% - 70px - 70px);
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
padding-bottom: 60px;
max-width: 1135px;
margin: 0 auto;
position: relative;
z-index: 5;
}
.quote-carousel .content-container:after {
z-index: 1;
content: "";
background: rgba(255, 255, 255, 0.75);
filter: blur(20px);
height: 100%;
width: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.quote-carousel .owl-theme .owl-dots {
margin-top: -50px !important;
position: relative;
pointer-events: none;
}
.quote-carousel .owl-theme .owl-dots .owl-dot {
pointer-events: auto;
}
.quote-carousel .owl-theme .owl-dots .owl-dot span {
width: 26px;
height: 26px;
transition: 150ms linear all;
background: white;
border: 1px solid #00386a;
}
.quote-carousel .owl-theme .owl-dots .owl-dot.active span, .quote-carousel .owl-theme .owl-dots .owl-dot:hover span {
background: #00386a;
transition: 150ms linear all;
}
@media only screen and (max-width: 996px) {
.quote-carousel .owl-item .quote-item .quote-start,
.quote-carousel .owl-item .quote-item .quote-end {
width: 200px;
}
.quote-carousel .owl-item .quote-item .quote-start {
top: -78px;
left: 0;
}
.quote-carousel .owl-item .quote-item .quote-end {
bottom: 45px;
}
}
@media only screen and (max-width: 800px) {
.quote-carousel .quote {
font-size: 1.9rem;
line-height: 2.85rem;
}
.quote-carousel .content-container {
width: 100%;
}
.quote-carousel .content-container:after {
width: 150%;
height: 120%;
top: 0;
left: -20%;
}
}
@media only screen and (max-width: 650px) {
.quote-carousel .owl-item .quote-item .quote-start,
.quote-carousel .owl-item .quote-item .quote-end {
opacity: 0.5;
width: 120px;
}
.quote-carousel .owl-item .quote-item .quote-start {
top: -20px;
left: -20px;
}
.quote-carousel .owl-item .quote-item .quote-end {
right: -20px;
bottom: 50px;
}
}
@media only screen and (max-width: 550px) {
.quote-carousel .quote {
font-size: 21px;
line-height: 1.2;
}
.quote-carousel .attribution {
font-size: 14px;
line-height: 1.1;
}
.quote-carousel .content-container {
padding: 20px 20px 50px 20px;
}
}
@media only screen and (min-width: 1480px) {
.quote-carousel .owl-item .quote-item {
padding-top: 430px;
}
}
@media only screen and (min-width: 1600px) {
.quote-carousel .owl-item .quote-item {
padding-top: 480px;
}
}
.downloads-view .post-item {
border-bottom: 1px solid #333333;
}
.downloads-view .post-item:nth-child(1) {
border-top: 1px solid #333333;
}
.downloads-view .post-item .article-inner {
transition: 150ms linear all;
padding: 0 15px;
}
.downloads-view .post-item .article-inner:hover {
background-color: #F6F6F6;
transition: 150ms linear all;
}
.downloads-view .post-item .article-inner:hover .download-logo svg path {
animation: downloadAnim 2s infinite;
fill: white;
transition: 150ms linear all;
}
.downloads-view .post-item .article-inner:hover .download-logo svg rect:nth-child(2) {
fill: #00386a;
transition: 150ms linear all;
}
.downloads-view .post-item .article-inner:hover .download-logo svg rect:last-of-type {
fill: white;
transition: 150ms linear all;
}
.downloads-view .post-item .article-inner .downloads-item-thumbnail {
max-width: 87px;
width: 100%;
height: 87px;
}
.downloads-view .post-item .article-inner img {
width: 100%;
height: 100%;
}
.downloads-view .post-item .article-inner .titles {
flex-direction: row;
padding-left: 44px;
padding-right: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.downloads-view .post-item .article-inner .titles .title-and-excerpt p {
color: #333333;
}
.downloads-view .post-item .article-inner .titles .title-and-excerpt .title {
font-size: 32px;
margin-bottom: 5px;
font-weight: 300;
}
.downloads-view .post-item .article-inner .titles .title-and-excerpt .excerpt {
margin-bottom: 0;
}
.downloads-view .post-item .article-inner .titles .download-logo {
max-width: 78px;
max-height: 78px;
}
.downloads-view .post-item .article-inner .titles .download-logo svg {
width: 100%;
height: 100%;
}
@keyframes downloadAnim {
from {
transform: translateY(-15px);
}
to {
transform: translateY(0px);
}
}
@media screen and (max-width: 768px) {
.downloads-view .post-item .article-inner .titles .download-logo {
max-width: 60px;
max-height: 78px;
}
.downloads-view .post-item .article-inner .titles .title {
font-size: 768px;
}
}
@media screen and (max-width: 575px) {
.downloads-view .post-item .article-inner {
padding: 15px;
}
.downloads-view .post-item .article-inner .downloads-item-thumbnail {
max-width: 100px;
height: 100px;
}
.downloads-view .post-item .article-inner .titles {
padding-left: 0px;
}
}
.patient-stories,
.employee-stories {
position: relative;
}
.patient-stories .splide__slide,
.employee-stories .splide__slide {
min-height: 100px;
}
.patient-stories.stories-grid,
.employee-stories.stories-grid {
padding-bottom: 250px;
}
.patient-stories.stories-grid .stories-row,
.employee-stories.stories-grid .stories-row {
row-gap: 50px;
-moz-column-gap: 60px;
column-gap: 60px;
}
.patient-stories.stories-grid .stories-row .grid-item,
.employee-stories.stories-grid .stories-row .grid-item {
border: none;
overlay: none;
padding: 0;
flex: 0 0 30%;
}
.patient-stories.stories-grid .stories-row .grid-item:nth-child(1):after, .patient-stories.stories-grid .stories-row .grid-item:nth-child(2):after, .patient-stories.stories-grid .stories-row .grid-item:nth-child(3):after,
.employee-stories.stories-grid .stories-row .grid-item:nth-child(1):after,
.employee-stories.stories-grid .stories-row .grid-item:nth-child(2):after,
.employee-stories.stories-grid .stories-row .grid-item:nth-child(3):after {
border-top: 0px solid white;
}
.patient-stories.stories-grid .stories-row .grid-item .employee-details,
.employee-stories.stories-grid .stories-row .grid-item .employee-details {
gap: 6px;
margin-bottom: 15px;
padding-right: 20px;
}
.patient-stories.stories-grid .stories-row .grid-item .employee-details p,
.employee-stories.stories-grid .stories-row .grid-item .employee-details p {
margin: 0;
}
.patient-stories.stories-grid .stories-row .grid-item .employee-details .employee-job,
.employee-stories.stories-grid .stories-row .grid-item .employee-details .employee-job {
font-size: 16px;
font-weight: 300;
}
.patient-stories .patient-carousel-item,
.employee-stories .patient-carousel-item {
overlay: none;
border: none;
padding: 0;
}
.patient-stories .patient-carousel-item:hover,
.patient-stories .patient-grid-item:hover,
.employee-stories .patient-carousel-item:hover,
.employee-stories .patient-grid-item:hover {
cursor: pointer;
}
.patient-stories .patient-carousel-item:hover .arrow-link,
.patient-stories .patient-grid-item:hover .arrow-link,
.employee-stories .patient-carousel-item:hover .arrow-link,
.employee-stories .patient-grid-item:hover .arrow-link {
background-position: 45% 50%;
transition: 150ms linear all;
}
.patient-stories .patient-details,
.patient-stories .employee-details,
.employee-stories .patient-details,
.employee-stories .employee-details {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
padding-left: 20px;
}
.patient-stories .patient-details .patient-name,
.patient-stories .patient-details .employee-name,
.patient-stories .employee-details .patient-name,
.patient-stories .employee-details .employee-name,
.employee-stories .patient-details .patient-name,
.employee-stories .patient-details .employee-name,
.employee-stories .employee-details .patient-name,
.employee-stories .employee-details .employee-name {
font-size: 32px;
font-weight: 300;
line-height: 1.2;
color: white;
margin-bottom: 0;
text-align: left;
}
.patient-stories .patient-details .patient-condition,
.patient-stories .patient-details .employee-job,
.patient-stories .employee-details .patient-condition,
.patient-stories .employee-details .employee-job,
.employee-stories .patient-details .patient-condition,
.employee-stories .patient-details .employee-job,
.employee-stories .employee-details .patient-condition,
.employee-stories .employee-details .employee-job {
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: white;
text-align: left;
}
.patient-stories .patient-image,
.patient-stories .employee-image,
.employee-stories .patient-image,
.employee-stories .employee-image {
position: relative;
aspect-ratio: 350/414;
}
.patient-stories .patient-image .patient-image-inner,
.patient-stories .patient-image .employee-image-inner,
.patient-stories .employee-image .patient-image-inner,
.patient-stories .employee-image .employee-image-inner,
.employee-stories .patient-image .patient-image-inner,
.employee-stories .patient-image .employee-image-inner,
.employee-stories .employee-image .patient-image-inner,
.employee-stories .employee-image .employee-image-inner {
position: absolute;
inset: 0;
overflow: hidden;
width: 100%;
aspect-ratio: 350/414;
}
.patient-stories .patient-image .patient-image-inner img,
.patient-stories .patient-image .employee-image-inner img,
.patient-stories .employee-image .patient-image-inner img,
.patient-stories .employee-image .employee-image-inner img,
.employee-stories .patient-image .patient-image-inner img,
.employee-stories .patient-image .employee-image-inner img,
.employee-stories .employee-image .patient-image-inner img,
.employee-stories .employee-image .employee-image-inner img {
width: 100%;
height: 100%;
}
.patient-stories .patient-image:after,
.patient-stories .employee-image:after,
.employee-stories .patient-image:after,
.employee-stories .employee-image:after {
background: linear-gradient(180deg, rgba(0, 56, 106, 0) 69%, rgba(75, 63, 103, 0.75) 84%);
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@media screen and (max-width: 1239px) {
.stories-grid .stories-row {
-moz-column-gap: 59px !important;
column-gap: 59px !important;
}
.stories-grid .stories-row .grid-item {
flex: 0 0 28% !important;
}
}
@media screen and (max-width: 901px) {
.employee-stories-grid .employee-row {
justify-content: center !important;
}
.stories-grid {
padding-bottom: 200px !important;
}
.stories-grid .stories-row .grid-item {
flex: 0 0 40% !important;
}
.stories-grid .stories-row .grid-item:nth-child(1):after, .stories-grid .stories-row .grid-item:nth-child(2):after {
border-top: 0px solid white !important;
}
.stories-grid .stories-row .grid-item:nth-child(3):after {
border-top: 0px solid #eae7f1 !important;
}
}
.main-quote {
position: relative;
height: 100vh;
overflow: hidden;
}
.main-quote-img {
width: 100%;
height: 100%;
display: block;
clip-path: polygon(49% 100%, 51% 100%, 51% 0%, 49% 0%);
}
.main-quote-img img {
height: 100vh;
}
.quote-text {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
}
.quote-text .content-container:after {
content: none;
}
.quote-text .quote-start {
position: relative;
top: 75px;
}
.quote-text .quote-end {
position: absolute;
bottom: -30px;
right: 0;
}
.quote-text-1 {
opacity: 1; /* Initially visible */
}
@media screen and (min-width: 769px) {
.mobile-iframe {
display: none;
}
.patient-carousel-modal, .patient-story-modal {
overflow-y: scroll;
}
.patient-carousel-modal .close, .patient-story-modal .close {
cursor: pointer;
}
.patient-carousel-modal .patient-story-modal-content-video, .patient-story-modal .patient-story-modal-content-video {
display: none;
}
.patient-story-modal.patient-video-modal.open .patient-story-modal-content-left, .patient-carousel-modal.patient-video-modal.open .patient-story-modal-content-left {
cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMC44Nzg5IDU0LjEyVjI3TDU1LjI5ODcgNDEuNzkyN0wzMC44Nzg5IDU0LjEyWiIgZmlsbD0iIzAwMzg2QSIvPgo8L3N2Zz4K") 36 36, auto;
pointer-events: auto;
}
.patient-story-modal.patient-video-modal.open .patient-story-modal-content-right, .patient-carousel-modal.patient-video-modal.open .patient-story-modal-content-right {
cursor: url('data:image/svg+xml,') 36 36, auto;
pointer-events: auto;
}
.patient-story-modal .patient-story-modal-content-video.video-open:not(iframe), .patient-carousel-modal .patient-story-modal-content-video.video-open:not(iframe) {
cursor: url('data:image/svg+xml,') 36 36, auto;
pointer-events: auto;
}
}
@media screen and (max-width: 768px) {
.patient-story-modal .patient-story-modal-content-video.video-open:not(iframe), .patient-carousel-modal .patient-story-modal-content-video.video-open:not(iframe) {
pointer-events: auto;
}
.mobile-iframe {
width: 100%;
aspect-ratio: 16/9;
margin-top: 50px;
pointer-events: auto;
}
.mobile-iframe iframe {
width: 100%;
height: 100%;
}
.stories-grid .stories-row .grid-item {
flex: 0 0 40%;
}
.patient-carousel-modal, .patient-story-modal {
overflow-y: scroll;
height: 100%;
}
.patient-carousel-modal .close svg, .patient-story-modal .close svg {
width: 55px;
height: 55px;
}
.patient-carousel-modal .patient-story-modal-content, .patient-story-modal .patient-story-modal-content {
display: block;
}
.patient-carousel-modal .patient-story-modal-content-video iframe, .patient-story-modal .patient-story-modal-content-video iframe {
width: 100% !important;
height: auto !important;
}
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left, .patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left {
height: 50vh;
}
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image, .patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image {
width: 100%;
}
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img, .patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-left .patient-story-modal-content-image img {
height: 100% !important;
}
}
@media screen and (max-width: 575px) {
.stories-grid {
padding-bottom: 75px !important;
}
.stories-grid .stories-row {
gap: 20px;
}
.stories-grid .stories-row .grid-item {
flex: 0 0 100% !important;
}
.stories-grid .stories-row .grid-item:nth-child(2), .stories-grid .stories-row .grid-item:nth-child(4), .stories-grid .stories-row .grid-item:nth-child(6), .stories-grid .stories-row .grid-item:nth-child(8), .stories-grid .stories-row .grid-item:nth-child(10), .stories-grid .stories-row .grid-item:nth-child(12) {
margin-top: 0px;
}
.stories-grid .stories-row .grid-item:nth-child(1):after {
border-top: 0px solid white;
}
.stories-grid .stories-row .grid-item:nth-child(2):after {
border-top: 0px solid #eae7f1;
}
.patient-carousel-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right, .patient-story-modal .patient-story-modal-dialog .patient-story-modal-content .patient-story-modal-content-right {
padding-right: 20px;
padding-left: 20px;
}
}
.patient-story-modal .patient-condition,
.patient-story-modal .patient-name,
.patient-carousel-modal .patient-condition,
.patient-carousel-modal .patient-name {
color: white;
}
.patient-story-modal .patient-condition,
.patient-carousel-modal .patient-condition {
margin-bottom: 0;
text-transform: uppercase;
font-weight: 300;
font-size: 21px;
line-height: 1.2;
}
.patient-story-modal .name,
.patient-carousel-modal .name {
margin: 0 0 1rem 0;
font-style: normal;
}
.patient-story-modal .patient-story p,
.patient-carousel-modal .patient-story p {
font-size: 20px;
font-weight: 300;
line-height: 1.2;
}
.patient-story-modal.patient-video-modal.open:has(.modal-video-open),
.patient-carousel-modal.patient-video-modal.open:has(.modal-video-open) {
pointer-events: none !important;
}
.patient-story-modal .patient-story-modal-content-video,
.patient-carousel-modal .patient-story-modal-content-video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
background-color: #4b3f67;
height: 100vh;
}
.patient-story-modal .patient-story-modal-content-video.video-open,
.patient-carousel-modal .patient-story-modal-content-video.video-open {
opacity: 1;
z-index: 10;
}
.patient-story-modal .patient-story-modal-content-video.video-open iframe,
.patient-carousel-modal .patient-story-modal-content-video.video-open iframe {
aspect-ratio: 16/9;
width: auto;
}
.patient-story-modal .patient-story-modal-content-left,
.patient-story-modal .patient-story-modal-content-right,
.patient-carousel-modal .patient-story-modal-content-left,
.patient-carousel-modal .patient-story-modal-content-right {
position: relative;
}
.patient-story-modal .patient-story-modal-content-left.modal-video-open,
.patient-story-modal .patient-story-modal-content-right.modal-video-open,
.patient-carousel-modal .patient-story-modal-content-left.modal-video-open,
.patient-carousel-modal .patient-story-modal-content-right.modal-video-open {
opacity: 0;
pointer-events: none !important;
}
body.single .hero-inner {
background-color: transparent;
}
.content-block.bg-white .get-to-know-your-colleagues .titles-bottom p {
color: white;
}
.get-to-know-your-colleagues-item.post-item-simple:first-child:nth-last-child(4),
.get-to-know-your-colleagues-item.post-item-simple:first-child:nth-last-child(4) ~ article {
flex: 1;
flex: 0 0 calc(25.5% - 35px);
}
.get-to-know-your-colleagues-item.post-item-simple:first-child:nth-last-child(3),
.get-to-know-your-colleagues-item.post-item-simple:first-child:nth-last-child(3) ~ article {
flex: 1;
flex: 0 0 calc(33% - 35px);
}
.get-to-know-your-colleagues-item.post-item-simple:first-child:nth-last-child(2),
.get-to-know-your-colleagues-item.post-item-simple:first-child:nth-last-child(2) ~ article {
flex: 1;
flex: 0 0 calc(33% - 35px);
}
.post-item-simple {
background: #eae7f1;
}
.post-item-simple .image-container {
position: relative;
width: 100%;
height: 100%;
}
.post-item-simple .image-container img {
width: 100%;
height: 100%;
}
.post-item-simple.get-to-know-your-colleagues-item .image-container:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: linear-gradient(180deg, rgba(75, 63, 103, 0) 49%, rgba(75, 63, 103, 0.53) 75%, #4b3f67 93%);
}
.post-item-simple.get-to-know-your-colleagues-item a.article-inner {
width: 100%;
height: 100%;
padding: 0 !important;
position: relative;
}
.post-item-simple.get-to-know-your-colleagues-item a.article-inner .titles {
position: absolute;
bottom: 0;
left: 0;
height: auto;
padding-left: 15px;
}
.post-item-simple.get-to-know-your-colleagues-item a.article-inner .titles .title {
color: #fff;
font-size: 28px;
font-weight: 300;
font-family: "Montserrat", sans-serif !important;
}
.post-item-simple a.article-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 18px;
height: 100%;
text-decoration: none;
}
.post-item-simple .titles {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.post-item-simple .date {
font-size: 16px;
color: #685778;
}
.post-item-simple .title {
font-size: 20px;
font-weight: 700;
color: #685778;
}
.post-item-simple .arrow-link {
color: #685778;
font-size: 13px;
font-weight: 300;
margin-bottom: 0;
letter-spacing: 0.247px;
}
.related-posts {
padding-left: 20px;
padding-right: 20px;
}
.related-posts .post-item {
flex: 1;
max-width: 410px;
}
.pages-container:has(.get-to-know-your-colleagues-item) {
gap: 45px;
}
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .button-container.button-order-bottom {
order: 3;
}
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .get-to-know-your-colleagues-item a:hover .titles-bottom .arrow-link {
background-position: 10px 50% !important;
}
@media screen and (min-width: 575px) and (max-width: 768px) {
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .post-item-simple.get-to-know-your-colleagues-item {
max-width: 100%;
}
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .post-item-simple.get-to-know-your-colleagues-item a.article-inner {
display: flex;
align-items: stretch;
}
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .post-item-simple.get-to-know-your-colleagues-item a.article-inner .titles {
position: relative;
display: flex;
justify-content: space-between;
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 0;
}
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .post-item-simple.get-to-know-your-colleagues-item a.article-inner .titles p {
color: #4b3f67;
}
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .post-item-simple.get-to-know-your-colleagues-item a.article-inner .titles p.arrow-link {
background-image: url('data:image/svg+xml,') !important;
}
}
@media screen and (max-width: 575px) {
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .post-item-simple.get-to-know-your-colleagues-item {
max-width: 100%;
}
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .post-item-simple.get-to-know-your-colleagues-item .image-container {
width: 100%;
max-width: 100%;
}
.get-to-know-your-colleagues .get-to-know-your-colleagues-inner .post-item-simple.get-to-know-your-colleagues-item .image-container img {
width: 100%;
}
}
.video-embed-inner {
position: relative;
}
.video-embed-inner .video-poster {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.video-embed-inner .video-poster.video-poster-remove {
opacity: 0;
z-index: -1;
pointer-events: none;
transition: 150ms all linear;
}
.video-embed-inner .video-poster img {
aspect-ratio: 16/9;
}
.video-embed-inner .video-poster .play-btn {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
transition: 150ms all linear;
cursor: pointer;
}
.video-embed-inner .video-poster .play-btn:hover {
scale: 1.2;
transition: 150ms all linear;
}
.multi-column .multi-column-container {
gap: 35px;
flex-wrap: wrap;
}
.multi-column .multi-column-copy {
font-size: 16px;
}
.multi-column .multi-column-copy strong {
font-size: 24px;
font-weight: 600;
}
.multi-column .multi-column-copy .pre-title {
color: #4991d7;
}
.multi-column .multi-column-image {
max-width: 500px;
}
.multi-column-container-inner:first-child:nth-last-child(4), .multi-column-container-inner:first-child:nth-last-child(4) ~ .multi-column-container-inner {
flex: 1;
flex: 0 0 calc(25% - 35px);
}
.multi-column-container-inner:first-child:nth-last-child(3), .multi-column-container-inner:first-child:nth-last-child(3) ~ .multi-column-container-inner {
flex: 1;
flex: 0 0 calc(25.5% - 35px);
}
.multi-column-container-inner .multi-column-copy {
margin-top: 22px;
}
@media only screen and (max-width: 1100px) {
.multi-column-container-inner {
flex: 0 0 calc(50% - 35px);
}
.multi-column-container-inner:first-child:nth-last-child(4), .multi-column-container-inner:first-child:nth-last-child(4) ~ .multi-column-container-inner {
flex: 1;
flex: 0 0 calc(25% - 35px);
}
.multi-column-container-inner:first-child:nth-last-child(3), .multi-column-container-inner:first-child:nth-last-child(3) ~ .multi-column-container-inner {
flex: 1;
flex: 0 0 calc(30% - 35px);
}
}
@media screen and (max-width: 901px) {
.multi-column-container-inner {
flex: 0 0 calc(50% - 35px);
}
.multi-column-container-inner:first-child:nth-last-child(4), .multi-column-container-inner:first-child:nth-last-child(4) ~ .multi-column-container-inner {
flex: 1;
flex: 0 0 calc(50% - 35px);
}
}
@media only screen and (max-width: 768px) {
.pages-container:has(> :last-child:nth-child(3)) { /* 3 elements */
flex-direction: column !important;
}
.multi-column-container-inner {
flex: 0 0 calc(50% - 35px);
}
.multi-column-container-inner:first-child:nth-last-child(3), .multi-column-container-inner:first-child:nth-last-child(3) ~ article {
flex: 1;
flex: 0 0 calc(30% - 35px);
}
}
@media only screen and (max-width: 575px) {
.multi-column-container {
flex-direction: column;
}
}
.growing-bg-image-row {
position: relative;
}
.growing-bg-image-row .growing-background-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.growing-bg-image-row .growing-background-image img {
height: 100%;
}
.growing-bg-img-inner-img {
width: 100%;
height: 100%;
display: block;
clip-path: polygon(49% 100%, 51% 100%, 51% 0%, 49% 0%);
}
.growing-bg-img-inner-img img {
height: 100vh;
}
.contact-tabs .contact-tabs-inner .tabs {
flex-wrap: wrap;
gap: 20px;
}
.contact-tabs .contact-tabs-inner .tabs .nav-item {
display: flex;
width: 31%;
}
.contact-tabs .contact-tabs-inner .tabs .nav-item .tab {
background: #fff;
padding: 20px;
border: none;
outline: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
transition: 150ms linear all;
width: 100%;
}
.contact-tabs .contact-tabs-inner .tabs .nav-item .tab p {
color: #00386a;
text-align: center;
font-weight: 600;
font-size: 24px;
transition: 150ms linear all;
margin-bottom: 0;
}
.contact-tabs .contact-tabs-inner .tabs .nav-item .tab.active {
background: #00386a;
}
.contact-tabs .contact-tabs-inner .tabs .nav-item .tab.active p {
color: #fff;
}
.contact-tabs .contact-tabs-inner .tabs .nav-item .tab:hover {
background: #00386a;
transition: 150ms linear all;
}
.contact-tabs .contact-tabs-inner .tabs .nav-item .tab:hover p {
color: #fff;
transition: 150ms linear all;
}
.contact-tabs .contact-tabs-inner .tab-content {
margin-top: 70px;
}
@media screen and (max-width: 768px) {
.contact-tabs .contact-tabs-inner .tabs .nav-item {
width: 100%;
}
}
.iit-proposal {
padding-bottom: 50px;
position: relative;
}
.iit-proposal.active .desktop svg,
.iit-proposal.active .mobile svg {
opacity: 0.5;
transition: 150ms linear all;
}
.iit-proposal .mobile {
display: none;
}
.iit-proposal .desktop svg,
.iit-proposal .mobile svg {
transition: 150ms linear all;
width: 100%;
height: 100%;
}
.iit-proposal .desktop svg g[data-name^=Step],
.iit-proposal .mobile svg g[data-name^=Step] {
cursor: pointer;
}
.iit-proposal .desktop svg g[data-name^=Step] path[id^=background],
.iit-proposal .desktop svg g[data-name^=Step] path[id^=text],
.iit-proposal .mobile svg g[data-name^=Step] path[id^=background],
.iit-proposal .mobile svg g[data-name^=Step] path[id^=text] {
transition: 150ms linear all;
}
.iit-proposal .desktop svg g[data-name^=Step]:hover path[id^=background],
.iit-proposal .mobile svg g[data-name^=Step]:hover path[id^=background] {
fill: #00386a !important;
transition: 150ms linear all;
}
.iit-proposal .desktop svg g[data-name^=Step]:hover path[id^=text],
.iit-proposal .mobile svg g[data-name^=Step]:hover path[id^=text] {
fill: white !important;
transition: 150ms linear all;
}
.iit-proposal .proposal-modal-container {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0);
width: 100%;
height: 100%;
opacity: 0;
transition: 150ms linear all;
}
.iit-proposal .proposal-modal-container.active {
opacity: 1;
transition: 150ms linear all;
}
.iit-proposal .proposal-modal-container .proposal-modal {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
.iit-proposal .proposal-modal-container .proposal-modal .proposal-modal-inner {
max-width: 460px;
padding: 20px;
background: #00386a;
}
.iit-proposal .proposal-modal-container .proposal-modal .proposal-modal-inner * {
color: white;
}
.iit-proposal .proposal-modal-container .proposal-modal h2,
.iit-proposal .proposal-modal-container .proposal-modal h3,
.iit-proposal .proposal-modal-container .proposal-modal h4 {
font-size: 25px;
}
.iit-proposal .proposal-modal-container .proposal-modal .modal-top {
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin-bottom: 10px;
background: transparent;
}
.iit-proposal .proposal-modal-container .proposal-modal .modal-body,
.iit-proposal .proposal-modal-container .proposal-modal .modal-content {
background: transparent;
border: 0;
}
.iit-proposal .proposal-modal-container .proposal-modal button#close {
border: 0;
background: transparent;
}
.iit-proposal .proposal-modal-container .proposal-modal button#close svg {
width: 25px;
height: 25px;
}
.iit-proposal .proposal-modal-container .proposal-modal.active {
opacity: 1;
transition: 150ms linear all;
pointer-events: auto;
}
.proposal-modal-container-inner {
position: relative;
height: 100%;
width: 100%;
}
@media only screen and (max-width: 767px) {
.iit-proposal .mobile {
display: block;
}
.iit-proposal .desktop {
display: none;
}
}
.special-content-rows {
position: relative;
}
@keyframes stickyBlockDown {
from {
top: 106px;
}
to {
top: 114px;
}
}
.careers-autocomplete {
position: fixed;
top: 24px;
left: 0;
width: 100%;
padding: 0;
z-index: 6;
background: #00386a;
height: 90px;
animation-name: stickyBlockDown;
animation-duration: 550ms;
animation-delay: 2.5s;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.careers-autocomplete .careers-autocomplete-inner {
position: relative;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background-color: #00386a;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer;
padding: 0 20px;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay p {
margin: 0;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay .row-middle {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay .row-middle p {
font-size: 26px;
font-family: "Montserrat", sans-serif !important;
margin-bottom: 0;
color: white;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay .row-top p {
color: #4991d7 !important;
font-size: 18px;
opacity: 1 !important;
font-weight: 300;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay .row-bottom p {
color: white !important;
font-size: 15px;
opacity: 1 !important;
font-weight: 300;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay.overlaybtn-closed {
pointer-events: none;
z-index: -1;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search] {
width: 100%;
background: #00386a;
color: #fff;
border: 0;
outline: none;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
color: white !important;
font-size: 26px;
font-family: "Montserrat", sans-serif !important;
height: 90px;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-moz-placeholder {
color: white !important;
opacity: 1 !important;
font-size: 26px;
font-family: "Montserrat", sans-serif !important;
font-weight: 300;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]::placeholder {
color: white !important;
opacity: 1 !important;
font-size: 26px;
font-family: "Montserrat", sans-serif !important;
font-weight: 300;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]:focus::-moz-placeholder {
opacity: 0 !important;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]:focus::placeholder {
opacity: 0 !important;
}
.careers-autocomplete .careers-autocomplete-inner .autocomplete-form {
position: relative;
display: flex;
}
.careers-autocomplete .careers-autocomplete-inner #country-filter[placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 350ms 2s linear;
transition: opacity 350ms 2s linear;
opacity: 0;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-webkit-input-placeholder {
color: transparent;
font-size: 26px;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-moz-input-placeholder {
color: transparent;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]:-ms-input-placeholder {
color: transparent;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-webkit-search-cancel-button,
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-webkit-search-results-button,
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
width: 32px;
height: 32px;
line-height: 26px;
color: white;
text-align: left;
cursor: pointer;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-webkit-search-cancel-button:before,
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-webkit-search-results-button:before,
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-webkit-search-results-decoration:before {
position: absolute;
content: "x";
font-style: normal;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]:invalid {
border: 0 !important;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search] + label {
position: absolute;
cursor: pointer;
right: 20px;
top: -2px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search] + label:before {
position: absolute;
content: "";
left: -152px;
width: 180px;
color: #fff;
text-align: left;
display: none;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search] + label:after {
pointer-events: none;
border-radius: 9999px;
border-style: none;
--tw-bg-opacity: 1;
background-color: rgb(255, 255, 255);
text-align: center;
--tw-shadow: 0 0 5px 0 rgba(0, 56, 106, 0.25);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
width: 24px;
height: 24px;
font-size: 11px;
line-height: 28px;
transition: all 0.2s linear;
font-family: "merz-theapeutics-icons";
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]:focus::-webkit-input-placeholder {
font-weight: normal;
color: #fff;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]:focus::-moz-input-placeholder {
font-weight: normal;
color: #fff;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]:focus:-ms-input-placeholder {
font-weight: normal;
color: #fff;
}
.ui-autocomplete {
scrollbar-base-color: #fff;
scrollbar-track-color: #7ad7c7;
scrollbar-3dlight-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-arrow-color: #7ad7c7;
scrollbar-shadow-color: #fff;
scrollbar-dark-shadow-color: #fff;
padding: 0;
margin: 0;
overflow-y: auto;
overflow-x: hidden;
background: #00386a;
color: #fff;
border-style: solid;
border-color: #00386a;
z-index: 50 !important;
width: 100%;
list-style-type: none;
padding: 20px;
left: 0 !important;
}
.ui-autocomplete ul {
list-style: none;
}
.ui-autocomplete li {
height: 36px;
margin: 0;
white-space: nowrap;
cursor: pointer;
max-width: 1240px;
margin: auto;
width: 100%;
padding: 0 20px;
}
.ui-autocomplete li div {
color: white;
}
.ui-autocomplete li:hover {
transition: background 0.15s ease-in;
background: #00386a;
}
.ui-autocomplete li:hover:nth-child(5),
.ui-autocomplete li:hover:last-child {
border-radius: 0 0 5px 5px;
}
.ui-autocomplete li a {
display: block;
padding: 0 12px;
cursor: pointer;
}
@media only screen and (max-width: 1199px) {
.ui-autocomplete li {
display: flex;
align-items: center;
}
}
@media screen and (max-width: 768px) {
.careers-autocomplete {
top: -2px;
animation-name: stickyBlockDownMobile;
transition: 200ms linear top;
}
}
@media only screen and (max-width: 450px) {
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay .row-top p {
font-size: 14px;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay .row-middle p {
font-size: 18px;
}
.careers-autocomplete .careers-autocomplete-inner .careers-button-overlay .row-bottom p {
font-size: 14px;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search] {
font-size: 18px;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]::-moz-placeholder {
font-size: 18px;
}
.careers-autocomplete .careers-autocomplete-inner input[type=search]::placeholder {
font-size: 18px;
}
}
@keyframes stickyBlockDown {
from {
top: 25px;
}
to {
top: 112px;
}
}
@keyframes stickyBlockDownMobile {
from {
top: -3px;
}
to {
top: 97px;
}
}
@keyframes moveHero {
from {
padding-top: 113px;
}
to {
padding-top: 200px;
}
}
#primary:last-child:has(.content-block.bg-blue) {
border-bottom: 4px solid white;
}
#primary main:last-child:has(.content-block.bg-blue) {
border-bottom: 4px solid white;
}
.sticky-link-block {
position: fixed;
top: -3px;
left: 0;
width: 100%;
padding: 0;
z-index: 6;
background: #00386a;
height: 72px;
animation-name: stickyBlockDown;
animation-duration: 550ms;
animation-delay: 2.5s;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.sticky-link-block p {
color: white;
margin: 0;
}
.sticky-link-block .sticky-link-block-inner {
background: #00386a;
gap: 20px;
}
.sticky-link-block .sticky-link-block-inner .arrow-right {
margin-left: auto;
}
.sticky-link-block .sticky-link-block-inner .copy-middle p {
font-size: 26px;
font-family: "Montserrat", sans-serif !important;
}
.sticky-link-block .sticky-link-block-inner .copy-top p {
color: #4991d7 !important;
font-size: 18px;
font-weight: 300;
}
.sticky-link-block .sticky-link-block-inner .copy-bottom p {
font-size: 15px;
font-weight: 300;
}
.sticky-link-block .sticky-link-block-inner .sticky-link-image {
max-width: 88px;
}
@media screen and (max-width: 768px) {
.wrapper.scroll-down .sticky-link-block {
top: 82px !important;
transition: 200ms linear top;
}
.sticky-link-block {
animation-name: stickyBlockDownMobile;
transition: 200ms linear top;
}
.sticky-link-block .sticky-link-block-inner .copy-middle p {
font-size: 18px;
}
.sticky-link-block .sticky-link-block-inner .copy-top p {
font-size: 16px;
font-weight: 300;
}
.sticky-link-block .sticky-link-block-inner .copy-bottom p {
font-size: 14px;
}
}
.bg-blue {
background: #00386a;
}
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6,
.bg-blue p,
.bg-blue span,
.bg-blue li {
color: #fff;
}
.bg-blue .qm_btn svg circle {
fill: #fff;
}
.bg-blue .qm_btn svg path {
fill: #00386a;
}
.bg-blue p.pre-title {
color: #fff;
}
.bg-blue .swiper-scrollbar {
background: rgba(255, 255, 255, 0.2);
}
.bg-blue .swiper-scrollbar-drag {
background: #fff;
}
.bg-blue .turned-corner:after {
border-top-color: #00386a;
}
.bg-blue a {
color: #fff;
}
.bg-blue a:hover {
text-decoration: none;
color: #fff;
}
.bg-blue .button,
.bg-blue .text-btn,
.bg-blue .ap-btn {
background-color: #fff;
color: #005db9 !important;
border-color: #fff;
}
.bg-blue .button:hover,
.bg-blue .text-btn:hover,
.bg-blue .ap-btn:hover {
background-color: #4b3f67;
color: #fff !important;
}
.bg-blue .owl-theme .owl-dots .owl-dot span {
border: 1px solid #fff !important;
}
.bg-blue .owl-theme .owl-dots .owl-dot:hover span, .bg-blue .owl-theme .owl-dots .owl-dot.active span {
background-color: #fff !important;
}
.bg-blue .content-row.body-copy * {
color: #fff;
}
.bg-blue .content-row.body-copy:has(form) * input,
.bg-blue .content-row.body-copy:has(form) * option,
.bg-blue .content-row.body-copy:has(form) * select,
.bg-blue .content-row.body-copy:has(form) * textarea {
color: grey;
text-align: start;
}
.bg-blue .content-row.body-copy:has(form) * input[value=Submit] {
border: 1px solid white;
background-color: white;
color: #00386a !important;
}
.bg-blue .content-row.body-copy:has(form) * label,
.bg-blue .content-row.body-copy:has(form) * legend,
.bg-blue .content-row.body-copy:has(form) * .gf_step_label {
color: white;
}
.bg-blue .content-row.body-copy:has(form) *.gf_step_pending {
background: transparent;
}
.bg-blue .content-row.body-copy:has(form) *.gf_step_pending .gf_step_label {
color: #fff;
}
.bg-blue .double-column.full-size .larger-bounds .image:before {
background: linear-gradient(270deg, rgba(0, 56, 106, 0) 3%, rgba(0, 56, 106, 0.53) 46%, #00386a 93%);
}
.bg-blue .content-row.facts-and-features .facts-item:before {
background: #00386a;
}
.bg-blue .content-row.facts-and-features .facts-item .line {
background: #fff;
}
.bg-blue .content-row.facts-and-features .facts-item * {
color: #fff;
}
.bg-blue .scrolling-card .icon-container {
padding: 0;
}
.bg-blue .scrolling-card .title {
color: #fff !important;
}
.bg-blue .quote-block .quote-text,
.bg-blue .quote-block .author {
color: #fff;
}
.bg-blue .products-grid .product-grid-item p.title {
color: #fff;
}
.bg-blue .three-column-feature .owl-theme .owl-dots .owl-dot span {
border: 1px solid #fff !important;
}
.bg-blue .three-column-feature .owl-theme .owl-dots .owl-dot:hover span, .bg-blue .three-column-feature .owl-theme .owl-dots .owl-dot.active span {
background-color: #fff !important;
}
.bg-blue .fact-cards .fact-card-item {
color: #00386a;
background: #fff;
border: 2px solid #fff;
}
.bg-blue .fact-cards .fact-card-item:hover {
background: #00386a;
color: #fff;
}
@media only screen and (max-width: 767px) {
.bg-blue .double-column.full-size .double-column-inner .image:before {
background: linear-gradient(180deg, rgba(0, 56, 106, 0) 3%, rgba(0, 56, 106, 0.53) 46%, #00386a 93%);
}
}
.bg-grey {
background: #f6f6f6;
}
.bg-grey .turned-corner:after {
border-top-color: #f6f6f6;
}
.bg-grey .post-item,
.bg-grey .you-might-also-like-item.post-item-simple {
background: #eae7f1;
}
.bg-grey .button {
border-color: #00386a;
background: #00386a;
color: #fff;
}
.bg-grey .button:hover {
background: transparent;
color: #00386a;
}
.bg-grey .accordion-item {
background: transparent;
}
.bg-grey .accordion-item p a {
word-break: break-all;
}
.bg-grey .scrolling-card .icon-container {
background: rgba(75, 63, 103, 0.1);
}
.bg-grey .swiper-scrollbar {
background: rgba(75, 63, 103, 0.1);
}
@media only screen and (max-width: 767px) {
.bg-grey .double-column.full-size .double-column-inner .image:before {
background: linear-gradient(180deg, rgba(246, 246, 246, 0) 3%, rgba(246, 246, 246, 0.53) 46%, #f6f6f6 93%);
}
}
.bg-purple {
background: #4b3f67;
}
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple h5,
.bg-purple h6,
.bg-purple p,
.bg-purple li {
color: #fff;
}
.bg-purple a {
color: #fff;
}
.bg-purple a:hover {
text-decoration: none;
color: #fff;
}
.bg-purple .turned-corner:after {
border-top-color: #4b3f67;
}
.bg-purple .button,
.bg-purple .text-btn,
.bg-purple .ap-btn {
background-color: #fff;
color: #4b3f67 !important;
border-color: #fff;
}
.bg-purple .button:hover,
.bg-purple .text-btn:hover,
.bg-purple .ap-btn:hover {
background-color: #4b3f67;
color: #fff !important;
}
.bg-purple .owl-theme .owl-dots .owl-dot span {
background: #fff;
}
.bg-purple .owl-theme .owl-dots .owl-dot:hover span, .bg-purple .owl-theme .owl-dots .owl-dot.active span {
background: #4b3f67;
}
.bg-purple .content-row.body-copy * {
color: #fff;
}
.bg-purple .content-row.facts-and-features .facts-item:before {
background: #4b3f67;
}
.bg-purple .content-row.facts-and-features .facts-item .line {
background: #fff;
}
.bg-purple .content-row.facts-and-features .facts-item * {
color: #fff;
}
.bg-purple .quote-block .quote-text,
.bg-purple .quote-block .author {
color: #fff;
}
.bg-purple .fact-cards .fact-card-item {
color: #4b3f67;
background: #fff;
border: 2px solid #fff;
}
.bg-purple .fact-cards .fact-card-item:hover {
background: #4b3f67;
color: #fff;
}
.bg-purple .products-grid .product-grid-item p.title {
color: #fff;
}
.bg-purple .nav-tabs button.nav-link {
background: #8e499c;
color: #fff;
border-color: #8e499c;
}
.bg-purple .swiper-scrollbar .swiper-scrollbar-drag {
background: #8e499c;
}
.bg-purple .double-column.full-size .larger-bounds .image:before {
background: linear-gradient(270deg, rgba(75, 63, 103, 0) 3%, rgba(75, 63, 103, 0.53) 46%, #4b3f67 93%);
}
@media only screen and (max-width: 767px) {
.bg-purple .double-column.full-size .double-column-inner .image:before {
background: linear-gradient(180deg, rgba(75, 63, 103, 0) 3%, rgba(75, 63, 103, 0.53) 46%, #4b3f67 93%);
}
}
.footer {
padding-top: 62px;
}
.footer .left {
max-width: 300px;
}
.footer .middle {
gap: 20px;
}
.footer .middle nav {
flex: 1;
}
.footer .middle nav.footer-menu-social:empty {
display: none;
}
.footer-menu {
padding: 0;
margin: 0;
padding-bottom: 50px;
}
.footer-menu a {
text-decoration: none;
}
.footer-menu a:hover {
text-decoration: underline;
}
.footer-menu > li > a {
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 15px;
display: flex;
flex-direction: column;
gap: 5px;
}
.footer-menu > li > a:after {
content: "";
height: 2px;
width: 74px;
background: #fff;
}
.footer-menu > li > ul.sub-menu {
display: flex;
flex-direction: column;
gap: 18px;
list-style: none;
padding: 0;
}
.footer-menu > li > ul.sub-menu li a {
font-size: 16px;
text-transform: uppercase;
}
@media only screen and (max-width: 877px) {
.footer .middle {
width: 100%;
}
}
/*
==================
Contact
==================
*/
#ap-contact {
transform: translate(100.5%, 0);
will-change: transform;
max-width: 850px;
}
@media only screen and (max-height: 1100px) {
#ap-contact {
height: 100%;
bottom: 20px;
height: auto;
max-height: calc(100vh - 60px);
top: initial;
}
}
#ap-contact.toggle-bar--active {
transition: transform 0.6s ease;
transform: translate(0, 0);
}
#ap-contact .ap-contact_items {
display: flex;
flex-direction: column;
}
#ap-contact .ap-contact_items a {
font-size: 18px;
line-height: 22px;
}
#ap-contact .js-toggle-sidebar {
transform: translate(-100%, 0);
}
#ap-contact .js-toggle-sidebar img {
padding: 6px;
}
#ap-contact .js-toggle-sidebar p {
margin-bottom: 0;
}
#ap-contact .js-toggle-sidebar::after {
right: -15px;
}
.ap-contact {
color: #fff;
position: fixed;
right: 0;
top: 100px;
padding-top: 0.75rem; /* py-3 */
padding-bottom: 0.75rem;
background-color: #00386a;
border-top-left-radius: 0.5rem; /* assuming rounded-l is 0.5rem */
border-bottom-left-radius: 0.5rem;
z-index: 3;
display: block; /* default; overridden by media queries */
align-items: flex-start;
width: calc(100% - 80px);
height: 80vh;
max-height: 75vh;
}
.ap-contact p,
.ap-contact a,
.ap-contact span {
color: #fff;
}
button.back-to-top {
position: fixed;
bottom: -50px;
right: 20px;
padding: 20px;
border-radius: 50%;
border: 0;
background: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: 300ms linear bottom;
box-shadow: -5px 5px 18px 3px rgba(0, 0, 0, 0.49);
}
button.back-to-top.visible {
bottom: 20px;
transition: 300ms linear bottom;
}
button.back-to-top svg {
width: 25px;
height: 25px;
}
button.back-to-top svg path {
fill: #00386a;
}
@media (min-width: 768px) {
.ap-contact {
display: flex;
padding: 1.5rem; /* md:p-6 */
padding-right: 0.5rem; /* md:pr-2 */
top: 0;
width: 60%; /* md:w-3/5 */
height: 100%;
max-height: 100%;
}
}
@media (min-width: 1024px) {
.ap-contact {
top: 22vh;
width: auto; /* lg:w-auto */
height: auto; /* lg:h-auto */
max-width: 710px;
max-height: 75vh;
}
}
.js-toggle-sidebar {
position: absolute;
z-index: 2;
background-color: #00386a; /* Replace with hex if needed */
color: white;
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
width: 60px;
height: 50px;
text-align: center;
cursor: pointer;
box-shadow: var(--shadow-sidebar); /* Or actual shadow value */
left: 0;
bottom: 25%; /* 1/4 */
}
@media (min-width: 768px) {
.js-toggle-sidebar {
width: 80px;
height: 70px;
bottom: 50%; /* 1/2 */
}
}
@media (min-width: 1024px) {
.js-toggle-sidebar {
bottom: 25%;
}
}
.ap-sidebar {
transform: translate(calc(-100% + 60px), 0);
will-change: transform;
transition: transform 0.6s ease;
background: #00386a;
}
@media (min-width: 768px) {
.ap-sidebar {
transform: translate(calc(-100% + 80px), 0);
}
}
.ap-sidebar.ap-sidebar--mandatory {
transform: translate(-100%, 0);
}
.ap-sidebar.ap-sidebar--mandatory .js-toggle-sidebar {
bottom: 0;
right: 0;
transform: translate(100%);
}
.ap-sidebar a {
will-change: opacity, font-weight;
transition: opacity 0.3s ease, font-weight 0.3s ease;
position: relative;
}
.ap-sidebar a::after {
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 0;
height: 1px;
background-color: white;
transition: width 0.3s ease;
}
.ap-sidebar li:hover a::after {
width: 100%;
}
.ap-sidebar.toggle-bar--active {
transform: translate(0, 0);
}
.ap-sidebar .js-toggle-sidebar::after {
content: "";
position: absolute;
left: -15px;
}
.ap-sidebar .ap-simplebar .simplebar-track {
margin: 0 30px;
}
.mandatory-sidebar-button {
width: 80px;
height: 65px;
left: initial;
right: -80px;
border-radius: 0 10px 10px 0;
bottom: 18px;
border: 0;
background: #00386a;
}
.ap-sidebar__content * {
color: #fff;
}
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
width: auto;
max-width: 100%; /* Not required for horizontal scroll to trigger */
max-height: 100%; /* Needed for vertical scroll to trigger */
scrollbar-width: none;
-ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
width: 0;
height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
content: " ";
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: black;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
/* When hovered, remove all transitions from drag handle */
opacity: 0.5;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
/*
==================
Simplebar
==================
*/
.ap-hide-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.ap-hide-scrollbar::-webkit-scrollbar {
display: none;
}
.ap-simplebar {
z-index: 10;
}
.ap-section .ap-simplebar .simplebar-wrapper {
padding-bottom: 15px;
}
@media screen and (min-width: 1200px) and (min-height: 820px) {
.ap-section .ap-simplebar .simplebar-wrapper {
padding-bottom: 60px;
}
}
.ap-simplebar.simplebar-dragging .simplebar-track .simplebar-scrollbar:before,
.ap-simplebar .simplebar-track.simplebar-hover .simplebar-scrollbar:before {
opacity: 1;
}
.ap-simplebar .simplebar-content-wrapper {
padding-right: 20px;
}
.ap-simplebar .simplebar-track {
background-color: #095cac;
border-radius: 5px;
opacity: 1;
margin: 0 50px;
}
.ap-simplebar .simplebar-track.simplebar-horizontal {
height: 16px;
}
.ap-simplebar .simplebar-track .simplebar-scrollbar {
height: 16px;
}
.ap-simplebar .simplebar-track .simplebar-scrollbar::before {
background-color: #fff;
opacity: 0.9;
}
.ap-simplebar .simplebar-track.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
top: 4px;
}
.mandatory-pull-out {
z-index: 5001;
position: fixed;
bottom: 20px;
left: 0;
max-height: 60vh;
}
.mandatory-pull-out .mandatory-inner {
background-color: #00386a;
padding: 20px 10px 20px 20px;
border-radius: 0 20px 0 0;
max-width: 320px;
width: 100%;
}
.mandatory-pull-out .mandatory-inner * {
color: white;
}
.mandatory-pull-out .mandatory-inner .mandatory-content {
overflow-y: scroll;
height: calc(60vh - 20px - 20px);
padding-right: 10px;
padding-bottom: 40px;
scrollbar-color: white #4b3f67;
}
.mandatory-pull-out .mandatory-inner .mandatory-content:before {
width: 100%;
height: 60px;
background: pink;
display: flex;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, #00386a 0%, #00386a 28%, rgba(0, 56, 106, 0) 100%);
}
.mandatory-pull-out .mandatory-sidebar-button {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
right: -80px;
width: 80px;
height: 60px;
bottom: 0;
color: #fff;
font-size: 14px;
}
.mandatory-pull-out.open {
transform: translateX(0);
transition: 300ms linear all;
}
.safe-harbour-outer, .country-switch-outer {
display: flex;
z-index: 444;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 56, 106, 0.7);
opacity: 0;
pointer-events: none;
}
.safe-harbour-outer.open, .country-switch-outer.open {
opacity: 1;
pointer-events: auto;
transition: 300ms linear opacity;
}
.safe-harbour-outer a, .country-switch-outer a {
max-width: 700px;
}
.safe-harbour, .country-switch {
width: 100%;
max-width: 1020px;
padding: 40px;
border-radius: 20px;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.safe-harbour .buttons, .country-switch .buttons {
gap: 40px;
}
.safe-harbour button, .country-switch button {
padding: 0;
border: 0;
background: transparent;
}
@media only screen and (max-width: 767px) {
.footer .footer-inner .top .left {
width: 100%;
}
.contact-pullout-col {
text-align: center;
}
}
.footer-menu-social ul.sub-menu {
flex-direction: row !important;
}
.footer-menu-social .linkedin,
.footer-menu-social .twitter {
position: relative;
background: white;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
color: rgba(0, 0, 0, 0);
border-radius: 50%;
}
.footer-menu-social .linkedin a,
.footer-menu-social .twitter a {
font-size: 0 !important;
line-height: 0;
margin-bottom: 0;
margin-top: 0;
display: flex;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
left: 1px;
position: relative;
}
.footer-menu-social .linkedin a {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzAwMzg2YSIgZD0iTTEwMC4zIDQ0OEg3LjRWMTQ4LjloOTIuOXpNNTMuOCAxMDguMUMyNC4xIDEwOC4xIDAgODMuNSAwIDUzLjhhNTMuOCA1My44IDAgMCAxIDEwNy42IDBjMCAyOS43LTI0LjEgNTQuMy01My44IDU0LjN6TTQ0Ny45IDQ0OGgtOTIuN1YzMDIuNGMwLTM0LjctLjctNzkuMi00OC4zLTc5LjItNDguMyAwLTU1LjcgMzcuNy01NS43IDc2LjdWNDQ4aC05Mi44VjE0OC45aDg5LjF2NDAuOGgxLjNjMTIuNC0yMy41IDQyLjctNDguMyA4Ny45LTQ4LjMgOTQgMCAxMTEuMyA2MS45IDExMS4zIDE0Mi4zVjQ0OHoiLz48L3N2Zz4=");
background-repeat: no-repeat;
}
.footer-menu-social .twitter a {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzAwMzg2YSIgZD0iTTQ1OS40IDE1MS43Yy4zIDQuNSAuMyA5LjEgLjMgMTMuNiAwIDEzOC43LTEwNS42IDI5OC42LTI5OC42IDI5OC42LTU5LjUgMC0xMTQuNy0xNy4yLTE2MS4xLTQ3LjEgOC40IDEgMTYuNiAxLjMgMjUuMyAxLjMgNDkuMSAwIDk0LjItMTYuNiAxMzAuMy00NC44LTQ2LjEtMS04NC44LTMxLjItOTguMS03Mi44IDYuNSAxIDEzIDEuNiAxOS44IDEuNiA5LjQgMCAxOC44LTEuMyAyNy42LTMuNi00OC4xLTkuNy04NC4xLTUyLTg0LjEtMTAzdi0xLjNjMTQgNy44IDMwLjIgMTIuNyA0Ny40IDEzLjMtMjguMy0xOC44LTQ2LjgtNTEtNDYuOC04Ny40IDAtMTkuNSA1LjItMzcuNCAxNC4zLTUzIDUxLjcgNjMuNyAxMjkuMyAxMDUuMyAyMTYuNCAxMDkuOC0xLjYtNy44LTIuNi0xNS45LTIuNi0yNCAwLTU3LjggNDYuOC0xMDQuOSAxMDQuOS0xMDQuOSAzMC4yIDAgNTcuNSAxMi43IDc2LjcgMzMuMSAyMy43LTQuNSA0Ni41LTEzLjMgNjYuNi0yNS4zLTcuOCAyNC40LTI0LjQgNDQuOC00Ni4xIDU3LjggMjEuMS0yLjMgNDEuNi04LjEgNjAuNC0xNi4yLTE0LjMgMjAuOC0zMi4yIDM5LjMtNTIuNiA1NC4zeiIvPjwvc3ZnPg==");
background-repeat: no-repeat;
}
@media only screen and (max-width: 650px) {
.safe-harbour-outer {
padding: 20px !important;
}
.safe-harbour-outer .buttons {
align-items: flex-start !important;
}
.safe-harbour-outer .buttons .arrow-link {
order: 2;
}
}
@media only screen and (max-width: 545px) {
.footer .footer-inner .top .middle {
flex-wrap: wrap;
}
.footer .footer-inner .top .middle #footerMenu {
padding-bottom: 0;
}
.footer .footer-inner .top .middle .footer-menu-social {
padding-top: 0;
width: 100%;
flex: initial;
}
}
@media only screen and (max-width: 330px) {
.footer .footer-inner .top .middle .footer-menu-legal,
.footer .footer-inner .top .middle .footer-menu-main {
padding-top: 0;
width: 100%;
flex: initial;
}
}
body.single h1 {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}
body.single .content-bounds {
max-width: 960px;
}
body.single .larger-bounds {
max-width: 1100px;
}
body.single .larger-bounds.double-column-inner {
gap: 50px;
}
body.single h2,
body.single h3,
body.single h4 {
margin-top: 50px;
margin-bottom: 25px;
}
@media only screen and (max-width: 500px) {
body.single .single-hero h1 {
font-size: 35px;
}
}
.wpcf7-form > div {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
gap: 20px;
}
.wpcf7-form > div > div {
width: 49%;
}
.wpcf7-form > div > div > p > label {
font-weight: 400;
color: #00386a;
display: flex;
flex-direction: column;
}
.wpcf7-form > div > div > p > label > span > * {
background-color: #f6f6f6;
padding: 5px;
border: 0;
max-width: 100%;
width: 100%;
}
.wpcf7-form > div > div > p > label > span > .wpcf7-not-valid-tip {
background-color: rgba(255, 0, 0, 0.2);
padding: 10px;
margin-top: 5px;
display: inline-flex;
}
.bg-blue .wpcf7-form > div > div > p > label {
color: #fff;
}
.bg-blue .wpcf7-form > div > div > p > label > span > * {
color: #00386a;
background-color: #fff;
}
.bg-blue .wpcf7-form > div > div > p > label > span > .wpcf7-not-valid-tip {
background-color: #4b3f67;
}
.bg-grey .wpcf7-form > div > div > p > label {
color: #00386a;
}
.bg-grey .wpcf7-form > div > div > p > label > span > * {
color: #00386a;
background-color: #fff;
}
.bg-grey .wpcf7-form > div > div > p > label > span > .wpcf7-not-valid-tip {
background-color: #4b3f67;
}
@media screen and (max-width: 901px) {
.wpcf7-form > div > div {
width: 100%;
}
}
.error-page .error-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.error-page .error-content .error-content-inner {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
height: 100%;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row {
max-width: 1268px;
margin: 0 auto;
padding: 42px 30px 42px 16px;
border-radius: 20px;
background: #f6f6f6;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu > li.mega-menu-item.mega-current_page_item {
color: #4b3f67;
text-decoration: underline;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-weight: 600;
font-size: 16px;
letter-spacing: -0.36px;
color: #00386a;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
font-weight: 600;
letter-spacing: -0.36px;
color: #4b3f67;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .mega-menu-item-type-widget img {
width: 100%;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 10px;
}
.menu-box .menu-box-title {
font-size: 24px;
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
}
.menu-box .menu-box-text {
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #333333;
}
.menu-box .arrow-link {
color: #00386a;
font-weight: 300;
text-decoration: none;
}
.menu-article .menu-article-title {
font-size: 16px;
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
}
.menu-article .menu-article-text {
font-size: 16px;
font-weight: 300;
color: #333333;
}
.menu-article .arrow-link {
color: #00386a;
font-weight: 300;
display: flex;
text-decoration: none;
}
.mega-links-column {
padding-top: 40px !important;
-moz-column-count: 2;
column-count: 2;
}
.mega-links-column-global-menu {
-moz-column-count: 2;
column-count: 2;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item.top-link > a.mega-menu-link {
font-size: 24px;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
display: flex;
flex-direction: row;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > .mega-menu-item-has-children {
display: flex;
flex-direction: row;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu:nth-child(1):after {
content: "|";
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item {
padding: 15px 0 0 0;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link li.mega-menu-item,
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item li.mega-menu-item {
padding: 0;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link li.mega-menu-item:nth-child(1) a:after,
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item li.mega-menu-item:nth-child(1) a:after {
content: "|";
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link.top-link a.mega-menu-link,
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.top-link a.mega-menu-link {
font-size: 24px !important;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link > a.mega-menu-link,
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
color: #fff;
font-size: 16px;
font-weight: 600;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row {
max-width: 1268px;
margin: 0 auto;
padding: 100px 30px 42px 16px;
border-radius: 20px;
background: #005db9;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu > li.mega-menu-item.mega-current_page_item {
color: #4b3f67;
text-decoration: underline;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-weight: 600;
font-size: 24px;
letter-spacing: -0.36px;
color: #fff;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
font-weight: 600;
letter-spacing: -0.36px;
color: #4b3f67;
text-decoration: underline;
}
#mega-menu-wrap-global_navigation #mega-menu-global_navigation .mega-menu-item-type-widget img {
width: 100%;
}
@media screen and (min-width: 769px) {
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
display: none;
}
}
@media screen and (max-width: 768px) {
.wrapper.scroll-down #mega-menu-wrap-primary_navigation .mega-menu-toggle.mega-menu-open + #mega-menu-primary_navigation, .wrapper.scroll-down #mega-menu-wrap-primary_navigation .mega-menu-toggle + #mega-menu-primary_navigation {
margin-top: 69px;
}
header.header .header-inner {
padding: 0;
}
header.header .header-inner .nav-container {
padding-top: 0;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background: #f6f6f6 !important;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
background: #f6f6f6;
padding-top: 0;
overflow-y: scroll;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row {
background: #f6f6f6;
}
#mega-menu-wrap-primary_navigation .mega-menu-toggle.mega-menu-open + #mega-menu-primary_navigation,
#mega-menu-wrap-primary_navigation .mega-menu-toggle + #mega-menu-primary_navigation {
width: 100%;
background-color: white;
margin-top: 87px;
height: 100vh;
max-height: calc(100vh - 50px);
overflow: scroll;
padding-bottom: 175px;
}
#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
overflow: scroll;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
overflow-y: scroll;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
display: none;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item {
padding: 15px 0px;
margin: 0 !important;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link {
font-size: 18px !important;
color: #00386a;
}
#mega-menu-wrap-primary_navigation:has(.mega-menu-open) #mega-menu-primary_navigation[data-effect-mobile^=slide_] + button.mega-close:before {
content: none;
}
#mega-menu-wrap-primary_navigation .mega-menu-toggle.mega-menu-open:after {
opacity: 0;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
background: transparent;
color: #00386a;
font-weight: 700;
border-bottom: none;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
color: #00386a;
}
}
li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background-image: linear-gradient(#00599F calc(100% - 11px), #00599F 10px);
background-repeat: no-repeat;
background-size: 100% 8%;
background-position: 0px 100%;
}
@media screen and (max-width: 1100px) {
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item {
margin: 0 20px 0 0;
}
}
.search-bounds {
max-width: 900px;
padding: 0 20px;
margin: 0 auto;
padding-bottom: 100px;
}
.site-search {
padding-top: 50px;
}
.site-search article {
padding: 15px 0;
border-bottom: 1px solid #f6f6f6;
}
.site-search .title p {
color: #00386a;
transition: 150ms linear all;
font-size: 35px;
}
.site-search .post-type {
color: #00386a;
font-weight: 500;
transition: 150ms linear all;
}
.site-search .article-inner {
gap: 20px;
}
.site-search .article-inner .left {
flex-grow: 1;
}
.site-search .article-inner .right {
min-width: 200px;
width: 200px;
}
.site-search .article-inner .right .search-image-outer {
clip-path: view-box;
border-radius: 18px;
overflow: hidden;
}
.site-search .article-inner .right .search-image {
position: relative;
overflow: hidden;
padding-top: 65%;
width: 100%;
}
.site-search .article-inner .right .search-image img,
.site-search .article-inner .right .search-image picture {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.site-search article a {
text-decoration: none;
}
.site-search article a img,
.site-search article a source {
will-change: scale;
transition: 350ms linear all;
}
.site-search article a:hover img,
.site-search article a:hover source {
scale: 1.1;
transition: 350ms linear all;
}
.site-search article a:hover .post-type {
color: #4b3f67;
transition: 150ms linear all;
}
.facetwp-pager {
z-index: 300;
}
.facetwp-pager .facetwp-page {
color: #4b3f67;
text-decoration: none;
font-weight: 500;
}
.facetwp-pager .facetwp-page:hover {
text-decoration: underline;
color: #00386a;
}
.facetwp-pager .facetwp-page.active {
color: #00386a;
}
.search-container-outer.search-active {
top: 113px;
transition: 350ms linear top;
padding-right: 20px;
}
.search-container-outer {
transition: 350ms linear top;
background: #00386a;
left: 0;
width: 100vw;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.search-container-outer .search-container {
display: flex;
align-items: center;
justify-content: center;
}
.search-container-outer svg {
width: 22px;
height: auto;
}
.search-container-outer svg path {
fill: #fff;
}
.search-container-outer .close svg {
width: 16px;
}
.search-container-outer button {
padding: 5px 10px;
border-radius: 0;
background: transparent;
border: 0;
}
.search-container-outer .search-input {
padding: 15px 20px;
width: 100%;
color: white;
border: 0;
border-radius: 0;
background: transparent;
outline: #005db9;
}
.search-container-outer .search-input::-moz-placeholder {
color: #fff;
}
.search-container-outer .search-input::placeholder {
color: #fff;
}