:root {
/* Colors */
--color-transparent: #00000000;
--color-black: #000;
--color-white: #fff;
--color-primary-1: #253742;
--color-primary-2: #478c92;
--color-primary-3: #edeefe;
--color-primary-4: #8f3f8f;
--color-primary-5: #ff4d0b;
--color-primary-6: #88e99b;
--color-primary-7: #a6aaf8;
--color-primary-8: #eac856;
--color-primary-9: #502f94;
--color-primary-10: #76153a;
--color-primary-11: #241a38;
--color-secondary-1: #25374299;
--color-secondary-2: #478c9266;
--color-secondary-3: #edeefe33;
--color-secondary-4: #8f3f7f33;
--color-secondary-5: #ff4d0bb3;
--color-secondary-7: #a6aaf866;
--color-tertiary-1: #253742b3;
--color-tertiary-2: #478c9233;
--color-tertiary-7: #a6aaf82e;
--color-functional-1: #1e3f3d;
--color-functional-2: #ecf5f4;
--color-functional-3: #f6f6fe;
--color-functional-4: #d2d5d3;
--color-functional-5: #1e3f3d33;
--color-black-secondary: #00000033;
--color-white-tertiary: #ffffff1a;
/* Sizing */
--size-189: 189px;
--size-187: 187px;
--size-184: 184px;
--size-182: 182px;
--size-165: 165px;
--size-150: 150px;
--size-147: 147px;
--size-140: 140px;
--size-134: 134px;
--size-125: 125px;
--size-123: 123px;
--size-130: 130px;
--size-120: 120px;
--size-115: 115px;
--size-113: 113px;
--size-112: 112px;
--size-110: 110px;
--size-108: 108px;
--size-106: 106px;
--size-104: 104px;
--size-103: 103px;
--size-100: 100px;
--size-97: 97px;
--size-95: 95px;
--size-90: 90px;
--size-89: 89px;
--size-85: 85px;
--size-84: 84px;
--size-83: 83px;
--size-80: 80px;
--size-79: 79px;
--size-78: 78px;
--size-77: 77px;
--size-76: 76px;
--size-75: 75px;
--size-72: 72px;
--size-71: 71px;
--size-70: 70px;
--size-69: 69px;
--size-68: 68px;
--size-66: 66px;
--size-65: 65px;
--size-64: 64px;
--size-63: 63px;
--size-62: 62px;
--size-61: 61px;
--size-60: 60px;
--size-59: 59px;
--size-58: 58px;
--size-55: 55px;
--size-53: 53px;
--size-52: 52px;
--size-51: 51px;
--size-50: 50px;
--size-49: 49px;
--size-48: 48px;
--size-46: 46px;
--size-45: 45px;
--size-44: 44px;
--size-42: 42px;
--size-40: 40px;
--size-39: 39px;
--size-38: 38px;
--size-37: 37px;
--size-36: 36px;
--size-35: 35px;
--size-34: 34px;
--size-33: 33px;
--size-32: 32px;
--size-31: 31px;
--size-30: 30px;
--size-29: 29px;
--size-28: 28px;
--size-27: 27px;
--size-26: 26px;
--size-25: 25px;
--size-24: 24px;
--size-23: 23px;
--size-22: 22px;
--size-21: 21px;
--size-20: 20px;
--size-19: 19px;
--size-18: 18px;
--size-17: 17px;
--size-16: 16px;
--size-15: 15px;
--size-14: 14px;
--size-13: 13px;
--size-12: 12px;
--size-11: 11px;
--size-10: 10px;
--size-9: 9px;
--size-8: 8px;
--size-7: 7px;
--size-6: 6px;
--size-5: 5px;
--size-4: 4px;
--size-3: 3px;
--size-2: 2px;
--size-1: 1px;
--computed-left: -52px;
--computed-tertiary-left: -25px;
}
:root {
--text-primary: var(--color-primary-1);
--text-secondary: var(--color-secondary-1);
--text-tertiary: var(--color-primary-3);
--cards-bg-primary: var(--color-primary-3);
--category-cards-bg-primary: var(--color-primary-3);
--category-block-bg-primary: var(--color-primary-9);
--contact-card-bg-primary: var(--color-white);
--box-bg-primary: var(--color-functional-3);
--basic-cards-bg-primary: var(--color-white);
--btn-bg-primary: var(--color-primary-2);
--btn-bg-secondary: var(--color-white);
--btn-bg-tertiary: var(--color-white);
--btn-text-primary: var(--color-white);
--btn-text-secondary: var(--color-primary-1);
--btn-text-tertiary: var(--color-primary-1);
--btn-bg-column-card: var(--color-white);
--btn-text-column-card: var(--color-primary-1);
--btn-bg-regular-primary: var(--color-primary-2);
--btn-bg-regular-secondary: var(--color-primary-4);
--btn-text-regular: var(--color-white);
--bullets-text-primary: var(--color-primary-1);
--progressbar-bg-color: var(--color-secondary-2);
--progressbar-color: var(--color-primary-2);
--toc-bg-primary: var(--color-white);
--toc-border-primary: var(--color-primary-7);
--toc-border-radius-primary: var(--size-15);
--border-primary-card: #0000000f;
--color-disabled: var(--color-functional-5);
--chevron-dropdown: url("data:image/svg+xml;utf8,\");
--image-btn: url("data:image/svg+xml;utf8,\");
}
@font-face {
font-family: "Season Mix";
src: url("/wp-content/fonts/SeasonMixVFUprights.woff2") format("woff2-variations"), url("/wp-content/fonts/SeasonMix-Variable.woff") format("woff"), url("/wp-content/fonts/SeasonMixVFUprights.ttf") format("truetype-variations");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "DM Sans";
src: url("/wp-content/fonts/DMSans-VF.woff2") format("woff2"), url("/wp-content/fonts/DMSans-VF.woff") format("woff");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Season Mix", sans-serif !important;
color: var(--text-primary) !important;
margin-top: 0px !important;
}
p,
a,
b,
li {
font-family: "DM Sans" !important;
color: var(--text-primary);
}
span {
color: inherit;
}
.text-white li,
.text-white b {
color: var(--color-white) !important;
}
.dmsans {
font-family: "DM Sans" !important;
}
.seasonmix {
font-family: "Season Mix" !important;
}
@media (min-width: 767px) {
.dmsans-lg {
font-family: "DM Sans" !important;
}
.seasonmix-lg {
font-family: "Season Mix" !important;
}
}
/* Text Colors */
.text-lilac {
color: var(--color-primary-3) !important;
}
.text-white {
color: var(--color-white);
}
.primary-text {
color: var(--text-primary);
}
.secondary-text {
color: var(--text-secondary);
}
.text-yellow {
color: var(--color-primary-8);
}
/* Background Colors */
.bg-disabled {
background-color: var(--color-disabled);
}
.bg-img {
background-color: var(--color-functional-4);
}
.bg-black {
background-color: var(--color-black);
}
.bg-lilac {
background-color: var(--color-primary-3);
}
.bg-purple {
background-color: var(--color-primary-7);
}
.bg-pink {
background-color: var(--color-primary-4);
}
.bg-yellow {
background-color: var(--color-primary-8);
}
.bg-gradient-box {
background: linear-gradient(140deg, #478c92, #253742);
}
.bg-gradient-primary-5 {
background: linear-gradient(187deg, var(--color-secondary-5) 3.62%, var(--color-transparent) 85%);
}
.bg-gradient-primary-5-reverse {
background: linear-gradient(353deg, var(--color-secondary-5) 3.62%, var(--color-transparent) 85%);
}
.bg-gradient-primary-7 {
background: linear-gradient(187deg, #a6aaf8 5.3%, var(--color-transparent) 71.04%);
}
.bg-gradient-primary-7-reverse {
background: linear-gradient(353deg, #a6aaf8 5.3%, var(--color-transparent) 71.04%);
}
.bg-gradient-primary-7-reverse-small {
background: linear-gradient(356deg, #a6aaf8 5.3%, var(--color-transparent) 61.04%);
}
/* Font Size */
.header-184 {
font-size: var(--size-184);
}
.header-100 {
font-size: var(--size-100);
}
.header-70 {
font-size: var(--size-70);
}
.header-65 {
font-size: var(--size-65);
}
.header-64 {
font-size: var(--size-64);
}
.header-60 {
font-size: var(--size-60);
}
.header-40 {
font-size: var(--size-40);
}
.header-36 {
font-size: var(--size-36);
}
.header-30 {
font-size: var(--size-30);
}
.header-20 {
font-size: var(--size-20);
}
.font-size-13 {
font-size: var(--size-13);
}
.font-size-12 {
font-size: var(--size-12);
}
@media (max-width: 1100px) {
.mob-header-64 {
font-size: var(--size-64) !important;
}
.mob-header-40 {
font-size: var(--size-40) !important;
}
.mob-header-36 {
font-size: var(--size-36) !important;
}
.mob-header-20 {
font-size: var(--size-20) !important;
}
.mob-header-14 {
font-size: var(--size-14) !important;
}
.mob-header-12 {
font-size: var(--size-12) !important;
}
}
/* Bullets/ Lists */
.bullets-primary {
list-style: none;
margin: 0;
padding: 0;
}
.bullets-primary li {
position: relative;
padding-left: 1.2em;
margin-bottom: 8px;
font-size: 16px;
line-height: 120%;
color: var(--bullets-text-primary);
font-weight: 400;
}
.bullets-primary li:last-child {
margin-bottom: 0px !important;
}
.bullets-primary li::before {
content: "";
position: absolute;
left: 0;
top: 23%;
width: var(--size-10);
height: var(--size-10);
border-radius: 50%;
background: linear-gradient(135deg, var(--color-primary-4) 10%, var(--color-secondary-4) 75%);
}
.bullets-primary li.lines::before {
top: 12%;
}
@media (min-width: 767px) {
.bullets-primary li.lines-desktop::before {
top: 12%;
}
}
.bullets-primary.bullets-primary-mb-15 li {
margin-bottom: 15px;
}
.bullets-primary.bullets-primary-lh-130 li {
line-height: 130%;
}
@media (max-width: 767px) {
.bullets-primary.bullets-primary-mb-11 li {
margin-bottom: 11px;
}
.bullets-primary.bullets-primary-mb-10 li {
margin-bottom: 10px;
}
.bullets-primary li.lines-mob::before {
top: 12%;
}
.video-close.end-0 {
top: 23% !important;
}
}
@media (max-width: 400px) {
.bullets-primary li.lines-smallmob::before {
top: 12%;
}
.video-close.end-0 {
top: 26.5% !important;
}
}
/* Heights */
.video-block {
height: 754px !important;
width: 100% !important;
border-radius: var(--size-20) !important;
}
@media (max-width: 767px) {
.video-block {
height: 197px !important;
}
}
/* Borders */
.rounded-20 {
border-radius: var(--size-20);
}
@media (min-width: 767px) {
.rounded-lg-20 {
border-radius: var(--size-20) !important;
}
}
.video-close.end-0 {
right: 0% !important;
}
.video-close:hover.end-0 {
right: 0% !important;
}
.border-primary-card {
border: 1px solid var(--border-primary-card);
}
/* Font Weight */
.fw-580 {
font-weight: 580 !important;
}
.fw-420 {
font-weight: 420 !important;
}
@media (min-width: 1000px) {
.fw-lg-420 {
font-weight: 420 !important;
}
.fw-lg-bold {
font-weight: 700 !important;
}
.fw-lg-medium {
font-weight: 500 !important;
}
.fw-lg-normal {
font-weight: 400 !important;
}
.fw-lg-300 {
font-weight: 300 !important;
}
}
@media (max-width: 767px) {
.fw-mob-500 {
font-weight: 500 !important;
}
.fw-mob-bold {
font-weight: 700 !important;
}
.fw-400 {
font-weight: 400 !important;
}
}
/* Line Height */
.lh-200 {
line-height: 200%;
}
.lh-140 {
line-height: 140%;
}
.lh-130 {
line-height: 130%;
}
.lh-120 {
line-height: 120%;
}
.lh-110 {
line-height: 110%;
}
.lh-100 {
line-height: 100%;
}
.lh-90 {
line-height: 90%;
}
.lh-80 {
line-height: 80%;
}
.lh-60 {
line-height: 60%;
}
.lh-10 {
line-height: 10%;
}
.lh--1 {
line-height: 1%;
}
@media (min-width: 767px) {
.lh-lg-110 {
line-height: 110% !important;
}
.lh-lg-100 {
line-height: 100% !important;
}
.lh-lg-60 {
line-height: 60% !important;
}
.lh-lg-85 {
line-height: 85%;
}
}
@media (max-width: 767px) {
.lh-mob-130 {
line-height: 130% !important;
}
}
/* Separator */
.card-separator {
color: var(--color-primary-1) !important;
height: 1px !important;
opacity: 1 !important;
margin-bottom: var(--size-30);
margin-top: 0px !important;
}
.card-separator-white {
color: var(--color-white) !important;
height: 1px !important;
opacity: 1 !important;
margin-bottom: var(--size-30);
margin-top: 0px !important;
}
/* Letter Spacing */
.ls--0-45 {
letter-spacing: -0.45px;
}
.ls--0-4 {
letter-spacing: -0.4px;
}
/* Cards */
.unstack-card {
border-radius: var(--size-20);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
font-size: 1.5rem;
color: #333;
padding: var(--size-60);
}
@media (max-width: 767px) {
.unstack-card {
padding: var(--size-30) var(--size-15) !important;
}
.cta-card {
padding: var(--size-20) var(--size-40) var(--size-39) var(--size-20) !important;
}
.cta-card.np {
padding: var(--size-20) !important;
}
.app-card {
padding: var(--size-31) 22.58px var(--size-27) 22.58px !important;
}
}
.cta-card {
background-color: var(--color-white);
padding: var(--size-40) var(--size-40) var(--size-39) var(--size-40);
border-radius: var(--size-20);
}
.app-card {
background-color: var(--color-white);
padding: var(--size-31) var(--size-28) var(--size-30) var(--size-28);
border-radius: var(--size-20);
}
.column-card {
background-color: var(--cards-bg-primary);
padding: var(--size-30);
border-radius: var(--size-20);
height: 100%;
}
@media (min-width: 767px) {
.app-card,
.cta-card {
width: 366px;
}
}
@media (min-width: 1400px) {
.column-card {
height: 338px;
}
.column-card,
.app-card,
.cta-card {
width: 433px !important;
}
.contact-card {
width: 887px;
height: 100%;
}
.top-form {
width: 710px;
}
}
.basic-card {
background-color: var(--basic-cards-bg-primary);
padding: var(--size-40);
border-radius: var(--size-20);
}
.animated-card-carousel-card {
width: 165px;
height: 160px;
padding-top: var(--size-25);
padding-left: var(--size-15);
padding-right: var(--size-14);
position: relative;
flex: none;
background-color: var(--color-white-tertiary);
border-radius: var(--size-20);
}
.black-number {
width: var(--size-30);
height: var(--size-30);
background-color: var(--color-black);
border-radius: 50%;
color: #fff;
font-size: var(--size-16);
font-weight: 580;
line-height: 120%;
position: absolute;
top: -9%;
display: flex;
align-items: center;
justify-content: center;
font-family: "Season Mix";
}
@media (max-width: 767px) {
.basic-card {
padding: var(--size-20) !important;
}
.top-img-modal {
top: -2% !important;
}
.top-img-modal.testimonial {
top: 6% !important;
}
.column-card {
height: 255px;
}
.cta-card {
background-color: var(--color-white);
padding: var(--size-40) var(--size-40) var(--size-40) var(--size-20);
border-radius: var(--size-20);
}
.simple-card {
padding: var(--size-20) var(--size-15) !important;
}
}
.simple-card {
background-color: var(--color-white);
padding: var(--size-35) var(--size-40) var(--size-40) var(--size-40);
border-radius: var(--size-20);
height: 100%;
}
@media (min-width: 395px) and (max-width: 767px) {
.video-close.end-0 {
top: 24% !important;
}
}
@media (min-width: 767px) {
.simple-card {
width: 366px;
}
}
@media (min-width: 1400px) {
.simple-card {
width: 433px !important;
}
.contact-card {
padding: var(--size-40) !important;
}
}
.contact-card {
background-color: var(--contact-card-bg-primary);
padding: var(--size-20) var(--size-20) var(--size-19) var(--size-20);
border-radius: var(--size-20);
}
.text-icon-box-small {
padding: var(--size-25) var(--size-15);
display: flex;
justify-content: start;
align-items: center;
flex-direction: column;
gap: var(--size-15);
border-radius: var(--size-20);
background-color: var(--box-bg-primary);
}
.text-icon-box-small p {
font-size: var(--size-16);
}
.text-icon-box-small p,
.text-icon-box p {
line-height: 120%;
font-weight: 580;
margin-bottom: 0px;
color: var(--text-primary);
text-align: center;
font-family: "Season Mix" !important;
}
.text-icon-box {
padding: var(--size-30);
display: flex;
justify-content: start;
align-items: center;
flex-direction: column;
gap: var(--size-30);
border-radius: var(--size-20);
background-color: var(--box-bg-primary);
}
.heading-text-icon-box {
padding: var(--size-30);
display: flex;
justify-content: start;
align-items: center;
flex-direction: column;
gap: var(--size-30);
border-radius: var(--size-20);
background-color: var(--box-bg-primary);
text-align: center;
}
.text-icon-box p {
font-size: var(--size-20);
}
@media (min-width: 1400px) {
.d-grid-8 {
display: grid !important;
grid-template-columns: repeat(8, 1fr) !important;
column-gap: 20px !important;
}
.d-grid-5 {
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
column-gap: 20px !important;
}
}
.d-grid-5 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
@media (max-width: 767px) {
.d-grid-5,
.d-grid-8 {
display: grid;
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
.heading-text-icon-box,
.text-icon-box {
width: 270px !important;
flex: none;
height: auto;
}
.g-mob-0 {
gap: 0px !important;
}
.d-overflow-box .text-icon-box {
width: 270px;
flex: none;
}
.d-overflow-box .text-icon-box-small {
width: 160px;
flex: none;
}
.d-overflow-box {
display: flex;
gap: 10px;
overflow: scroll;
}
.w-160-mob .text-icon-box {
width: 160px !important;
}
.w-160-mob .text-icon-box p {
font-size: var(--size-14) !important;
line-height: 100% !important;
}
}
@media (min-width: 1400px) {
.category-card {
width: 433px !important;
height: 433px !important;
}
}
@media (min-width: 767px) {
.category-card {
width: 366px;
height: auto;
}
}
.category-card {
background-color: var(--category-cards-bg-primary);
border-radius: var(--size-20);
padding: var(--size-30);
}
.category-block {
background-color: var(--color-primary-9);
padding: var(--size-4) var(--size-10);
display: inline-block;
font-size: 16px;
font-style: normal;
font-weight: 580;
line-height: 120%;
color: var(--text-tertiary);
border-radius: var(--size-5);
font-family: "Season Mix" !important;
}
/* Buttons */
.pricing-cta-button,
.primary-cta-button,
.secondary-cta-button,
.tertiary-link,
.tertiary-link-reverse,
.table-of-contents-link {
display: inline-flex;
align-items: center;
text-decoration: none;
}
@media (max-width: 767.98px) {
.dropdown-toc [id] {
scroll-margin-top: 100px !important;
}
}
.table-link {
height: var(--size-24);
display: flex;
align-items: center;
text-decoration: none;
}
@media (max-width: 767px) {
.portal-btn {
font-family: "Season Mix" !important;
padding-top: var(--size-19) !important;
padding-bottom: var(--size-18) !important;
}
.category-card {
padding: 24.25px;
}
}
.portal-btn {
border-radius: 38px;
background: var(--color-primary-1);
color: #fff !important;
border: none;
font-family: "DM Sans";
font-size: var(--size-14);
transition: ease-in-out 0.3s;
text-decoration: none;
}
.portal-btn:hover,
.portal-btn:focus {
color: #fff !important;
background: #220229;
}
.portal-btn ~ .dropdown-menu {
z-index: 9999;
}
.portal-btn::after {
border: none;
margin-left: 0 !important;
content: none !important;
}
.primary-reg-button {
background-color: var(--btn-bg-regular-primary);
color: var(--btn-text-regular) !important;
padding: var(--size-15);
border-radius: var(--size-60);
font-size: var(--size-18);
font-weight: 580;
line-height: 100%;
letter-spacing: -0.45px;
font-family: "Season Mix" !important;
border: none !important;
transition: ease-in-out 0.3s;
text-decoration: none;
}
.secondary-reg-button {
background-color: var(--btn-bg-regular-secondary);
color: var(--btn-text-regular) !important;
padding: var(--size-15);
border-radius: var(--size-60);
font-size: var(--size-18);
font-weight: 580;
line-height: 100%;
letter-spacing: -0.45px;
font-family: "Season Mix" !important;
border: none !important;
transition: ease-in-out 0.3s;
text-decoration: none;
}
.primary-reg-button:hover,
.primary-reg-button:active,
.primary-reg-button:focus {
color: var(--btn-text-regular);
background-color: #253742 !important;
}
.secondary-reg-button:hover,
.secondary-reg-button:active,
.secondary-reg-button:focus {
color: var(--btn-text-regular);
background-color: var(--color-primary-11) !important;
}
@media (max-width: 767px) {
li .primary-reg-button,
li .secondary-reg-button {
padding: var(--size-19) var(--size-18);
font-size: var(--size-18) !important;
}
}
@media (min-width: 1000px) {
li .primary-reg-button,
li .secondary-reg-button {
font-size: var(--size-16) !important;
letter-spacing: normal !important;
padding: var(--size-17) var(--size-16);
}
li .secondary-reg-button {
width: 172px;
}
li .primary-reg-button {
width: 183px;
}
}
.mob-reg-btn .primary-reg-button,
.mob-reg-btn .secondary-reg-button {
color: #fff;
font-size: var(--size-12);
font-weight: 580;
line-height: 250%;
height: var(--size-30);
flex-shrink: 0;
padding: 0px;
border-radius: 50px;
text-decoration: none;
}
.mob-reg-btn .primary-reg-button {
width: 125px;
}
.mob-reg-btn .secondary-reg-button {
width: 121px;
}
.pricing-cta-button span {
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-10);
color: var(--btn-text-secondary) !important;
border-radius: var(--size-40);
padding: 0px var(--size-20);
font-size: var(--size-18);
line-height: 50px;
position: relative;
transition: ease-in-out 0.3s;
display: inline-block;
font-family: "Season Mix" !important;
font-weight: 580;
}
.pricing-cta-button:hover span {
transform: translateX(52px);
}
.pricing-cta-button::after {
content: url("data:image/svg+xml;utf8,\");
float: right;
height: 50px;
width: 50px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-10);
color: var(--btn-text-secondary) !important;
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-left: 2px;
transition: ease-in-out 0.3s;
transition-behavior: normal;
opacity: 1;
scale: 1;
}
.pricing-cta-button::before {
content: url("data:image/svg+xml;utf8,\");
height: 50px;
width: 50px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-10);
color: var(--btn-text-secondary) !important;
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-right: 2px;
opacity: 0;
transition: ease-in-out 0.3s;
position: absolute;
}
.pricing-cta-button:hover::before {
content: url("data:image/svg+xml;utf8,\");
float: left;
height: 50px;
width: 50px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-10);
color: var(--btn-text-secondary) !important;
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-right: 2px;
display: block;
position: absolute;
transition: all 0.3s;
transition-behavior: allow-discrete;
opacity: 1;
scale: 1;
}
.pricing-cta-button:hover::after {
opacity: 0;
}
.primary-cta-button span {
background-color: var(--btn-bg-primary);
color: var(--btn-text-primary) !important;
border-radius: var(--size-40);
padding: 0px var(--size-20);
font-size: var(--size-18);
line-height: 50px;
position: relative;
transition: ease-in-out 0.3s;
display: inline-block;
font-family: "Season Mix" !important;
font-weight: 580;
}
.primary-cta-button:hover span {
transform: translateX(52px);
}
.primary-cta-button::after {
content: url("data:image/svg+xml;utf8,\");
float: right;
height: 50px;
width: 50px;
background-color: var(--btn-bg-primary);
color: var(--btn-text-primary);
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-left: 2px;
transition: ease-in-out 0.3s;
transition-behavior: normal;
opacity: 1;
scale: 1;
}
.primary-cta-button::before {
content: url("data:image/svg+xml;utf8,\");
height: 50px;
width: 50px;
background-color: var(--btn-bg-primary);
color: var(--btn-text-primary);
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-right: 2px;
opacity: 0;
transition: ease-in-out 0.3s;
position: absolute;
}
.primary-cta-button:hover::before {
content: url("data:image/svg+xml;utf8,\");
height: 50px;
width: 50px;
background-color: var(--btn-bg-primary);
color: var(--btn-text-primary);
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-right: 2px;
display: block;
position: absolute;
transition: all 0.3s;
transition-behavior: allow-discrete;
opacity: 1;
scale: 1;
}
.primary-cta-button:hover::after {
opacity: 0;
}
.secondary-cta-button span {
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-secondary) !important;
border-radius: var(--size-40);
padding: 0px var(--size-20);
font-size: var(--size-18);
line-height: 50px;
position: relative;
transition: ease-in-out 0.3s;
display: inline-block;
font-family: "Season Mix" !important;
font-weight: 580;
}
.secondary-cta-button:hover span {
transform: translateX(52px);
}
.secondary-cta-button::after {
content: url("data:image/svg+xml;utf8,\");
float: right;
height: 50px;
width: 50px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-secondary) !important;
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-left: 2px;
transition: ease-in-out 0.3s;
transition-behavior: normal;
opacity: 1;
scale: 1;
}
.secondary-cta-button::before {
content: url("data:image/svg+xml;utf8,\");
height: 50px;
width: 50px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-secondary) !important;
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-right: 2px;
opacity: 0;
transition: ease-in-out 0.3s;
position: absolute;
}
.secondary-cta-button:hover::before {
content: url("data:image/svg+xml;utf8,\");
float: left;
height: 50px;
width: 50px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-secondary) !important;
border-radius: var(--size-40);
line-height: 50px;
text-align: center;
margin-right: 2px;
display: block;
position: absolute;
transition: all 0.3s;
transition-behavior: allow-discrete;
opacity: 1;
scale: 1;
}
.secondary-cta-button:hover::after {
opacity: 0;
}
.table-link span {
background-color: transparent;
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
font-size: var(--size-20);
transition: ease-in-out 0.3s;
font-family: "Season Mix" !important;
font-weight: 580;
}
.table-link::after {
content: url("data:image/svg+xml;utf8,\");
height: 20px;
width: 20px;
display: block;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
margin-left: 5px;
transition: ease-in-out 0.3s;
transition-behavior: normal;
font-size: 12px;
opacity: 1;
scale: 1;
transform: rotate(90deg);
}
.table-link.dropdown::after {
transform: rotate(-90deg);
}
.table-p {
color: #71858c;
font-size: var(--size-14);
font-weight: 400;
line-height: 130%;
margin-bottom: 0px;
margin-top: var(--size-10);
}
.tertiary-link span {
background-color: transparent;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2);
text-decoration-thickness: 8%;
text-underline-offset: 20.5%;
text-underline-position: from-font;
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
font-size: var(--size-16);
transition: ease-in-out 0.3s;
font-family: "Season Mix" !important;
font-weight: 580;
}
.tertiary-link:hover span {
transform: translateX(25px);
text-decoration: underline !important;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2) !important;
text-decoration-thickness: 8%;
text-underline-offset: 20.5%;
text-underline-position: from-font;
}
.tertiary-link::after {
content: url("data:image/svg+xml;utf8,\");
height: 20px;
width: 20px;
display: block;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
margin-left: 5px;
transition: ease-in-out 0.3s;
transition-behavior: normal;
font-size: 12px;
opacity: 1;
scale: 1;
}
.tertiary-link::before {
content: url("data:image/svg+xml;utf8,\");
height: 20px;
width: 20px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
font-size: 12px;
margin-right: 2px;
opacity: 0;
transition: ease-in-out 0.3s;
position: absolute;
scale: 1;
}
.tertiary-link:hover::before {
content: url("data:image/svg+xml;utf8,\");
height: 20px;
width: 20px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
display: block;
position: absolute;
transition: all 0.3s;
transition-behavior: allow-discrete;
opacity: 1;
scale: 1;
}
.tertiary-link:hover::after {
opacity: 0;
transform: translateX(-20px);
}
.tertiary-link-reverse span {
background-color: transparent;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2);
text-decoration-thickness: 8%;
text-underline-offset: 20.5%;
text-underline-position: from-font;
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
font-size: var(--size-18);
transition: ease-in-out 0.3s;
font-family: "Season Mix" !important;
font-weight: 580;
}
.tertiary-link-reverse:hover span {
transform: translateX(-25px);
text-decoration: underline !important;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2) !important;
text-decoration-thickness: 8%;
text-underline-offset: 20.5%;
text-underline-position: from-font;
}
.tertiary-link-reverse::before {
content: url("data:image/svg+xml;utf8,");
height: 20px;
width: 20px;
display: block;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
margin-right: 5px;
transition: ease-in-out 0.3s;
transition-behavior: normal;
font-size: 12px;
opacity: 1;
scale: 1;
}
.tertiary-link-reverse::after {
content: url("data:image/svg+xml;utf8,");
height: 20px;
width: 20px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
font-size: 12px;
margin-right: 2px;
opacity: 0;
transition: ease-in-out 0.3s;
scale: 1;
}
.tertiary-link-reverse:hover::after {
content: url("data:image/svg+xml;utf8,");
height: 20px;
width: 20px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
display: block;
transition: all 0.3s;
transition-behavior: allow-discrete;
opacity: 1;
scale: 1;
transform: translateX(-25px);
margin-left: 5px;
}
.tertiary-link-reverse:hover::before {
opacity: 0;
transform: translateX(-20px);
}
.table-of-contents-link span {
background-color: transparent;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2);
text-decoration-thickness: 8%;
text-underline-offset: 20.5%;
text-underline-position: from-font;
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
font-size: var(--size-16);
transition: ease-in-out 0.3s;
font-family: "Season Mix" !important;
font-weight: 580;
}
.table-of-contents-link:hover span {
transform: translateX(25px);
text-decoration: underline !important;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2) !important;
text-decoration-thickness: 8%;
text-underline-offset: 20.5%;
text-underline-position: from-font;
}
.table-of-contents-link::after {
content: url("data:image/svg+xml;utf8,\");
height: 20px;
width: 20px;
display: block;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
margin-left: 5px;
transition: ease-in-out 0.3s;
transition-behavior: normal;
font-size: 12px;
opacity: 1;
scale: 1;
}
.table-of-contents-link::before {
content: url("data:image/svg+xml;utf8,\");
height: 20px;
width: 20px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
font-size: 12px;
margin-right: 2px;
opacity: 0;
transition: ease-in-out 0.3s;
position: absolute;
scale: 1;
}
.table-of-contents-link:hover::before {
content: url("data:image/svg+xml;utf8,\");
float: left;
height: 20px;
width: 20px;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
line-height: 20px;
text-align: center;
display: block;
position: absolute;
transition: all 0.3s;
transition-behavior: allow-discrete;
opacity: 1;
scale: 1;
}
.table-of-contents-link:hover::after {
opacity: 0;
transform: translateX(-20px);
}
.cta-link {
color: var(--text-primary);
display: block;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 19.8px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2);
text-decoration-thickness: 18%;
text-underline-offset: 20.5%;
text-underline-position: from-font;
}
/* Gap */
.gap-37 {
gap: var(--size-37);
}
.gap-25 {
gap: var(--size-25);
}
.gap-23 {
gap: var(--size-23);
}
.gap-20 {
gap: var(--size-20);
}
.gap-10 {
gap: var(--size-10);
}
.gap-y-24 {
row-gap: var(--size-24);
}
@media (min-width: 1000px) {
.gap-lg-63 {
gap: var(--size-63);
}
.gap-lg-25 {
gap: var(--size-25);
}
.gap-lg-20 {
gap: var(--size-20);
}
.gap-y-lg-24 {
row-gap: var(--size-24);
}
}
/* Swiper */
.step-swiper .swiper-wrapper {
padding-bottom: var(--size-79);
}
.step-swiper .swiper-slide {
width: 433px !important;
height: auto;
}
@media (max-width: 767px) {
.step-swiper .swiper-wrapper {
padding-bottom: var(--size-39);
}
.step-swiper .swiper-slide {
width: 330px !important;
}
.step-swiper .swiper-slide img {
width: 73% !important;
}
.step-swiper .swiper-slide:last-child img {
width: 55% !important;
}
.step-carousel-img-position {
top: -26% !important;
}
.step-carousel-img-position.diag {
top: -16% !important;
}
}
.overhang-swiper .swiper-wrapper {
padding-bottom: 0px;
}
.overhang-swiper .swiper-slide {
width: 433px !important;
height: auto;
}
@media (max-width: 767px) {
.overhang-swiper .swiper-wrapper {
padding-bottom: 0px;
}
.overhang-swiper .swiper-slide {
width: 330px !important;
}
.overhang-swiper .swiper-slide img {
width: 73% !important;
}
.overhang-swiper .swiper-slide img.binocular {
width: 53% !important;
}
}
.step-carousel-img-position {
top: -26%;
position: absolute;
width: 100%;
}
/* ///////////// */
/* ///////////// */
/* ///////////// */
/* BREAKPOINTS */
/* ///////////// */
/* ///////////// */
/* ///////////// */
@media (max-width: 1200px) and (min-width: 1000px) {
.d-grid-4 {
grid-template-columns: repeat(3, 1fr);
display: grid;
column-gap: 12px;
}
}
@media (min-width: 767px) and (max-width: 1000px) {
.w-lg-610 {
width: 100%;
}
.d-grid-8 {
display: grid;
overflow: scroll;
padding-left: var(--size-50);
padding-right: var(--size-50);
grid-template-columns: repeat(4, 150px);
column-gap: 20px;
row-gap: 20px;
justify-content: center;
}
.w-lg-398 {
width: 398px !important;
}
.d-grid-5 {
width: auto;
display: grid !important;
overflow: scroll;
padding-left: var(--size-50);
padding-right: var(--size-50);
grid-template-columns: repeat(5, 252px) !important;
column-gap: 20px;
}
.stack-card-360 li.stack-card-360-card {
width: 700px;
}
.cta-card,
.app-card {
margin-left: auto !important;
margin-right: auto !important;
}
.column-card {
width: 100%;
}
.step-swiper .swiper-wrapper {
padding-top: var(--size-100);
}
.overhang-swiper .swiper-wrapper {
padding-top: var(--size-120);
}
.simple-card {
width: 336px;
}
#dropdownTocAcc .flex-md-row {
flex-direction: column !important;
}
#dropdownTocAcc .d-lg-none {
display: flex !important;
}
.w-lg-683-741 {
width: 100% !important;
}
.overhang-swiper .step-carousel-img-position {
top: -36% !important;
}
.navbar-toggler.collapsed .open-toggler {
display: none;
}
.navbar-toggler.collapsed .close-toggler {
display: block;
}
.close-toggler {
display: none;
}
.open-toggler {
display: block;
}
.navbar .container {
max-width: 720px !important;
}
}
@media (min-width: 1000px) and (max-width: 1200px) {
.w-lg-610 {
width: 410px;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-398 {
width: 398px !important;
}
.simple-card {
width: 305px;
}
.contact-card {
width: 601px;
height: 100%;
}
.cta-card,
.app-card {
width: 345px;
}
.stack-card-360 li.stack-card-360-card {
width: 950px;
}
.d-grid-8 {
display: grid;
overflow: scroll;
padding-left: var(--size-50);
padding-right: var(--size-50);
grid-template-columns: repeat(4, 150px);
column-gap: 20px;
row-gap: 20px;
justify-content: center;
}
.d-grid-5 {
width: auto;
display: grid !important;
overflow: scroll;
padding-left: var(--size-50);
padding-right: var(--size-50);
grid-template-columns: repeat(3, 252px) !important;
column-gap: 20px;
justify-content: center;
}
.header-184 {
font-size: var(--size-125);
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.w-lg-610 {
width: 510px;
}
.w-lg-50 {
width: 50% !important;
}
.d-grid-8 {
display: grid;
overflow: scroll;
grid-template-columns: repeat(8, 150px);
column-gap: 10px;
justify-content: center;
}
.w-lg-398 {
width: 398px !important;
}
.d-grid-5 {
width: auto;
display: grid !important;
overflow: none;
padding-left: var(--size-50);
padding-right: var(--size-50);
grid-template-columns: repeat(5, 224px) !important;
column-gap: 15px;
justify-content: center;
}
.heading-text-icon-box {
padding: var(--size-25);
}
.header-184 {
font-size: var(--size-125);
}
.contact-card {
width: 750px;
height: 100%;
}
.cta-card {
width: 376px;
}
#subject-access-request .contact-card,
#autism-enquiry .contact-card {
width: 850px;
}
.contact-card {
padding: var(--size-40) !important;
}
.stack-card-360 li.stack-card-360-card {
top: 4% !important;
}
.navbar .menu-dropdown {
padding: 40px 50px 50px 50px !important;
}
.mid-header-30 {
font-size: var(--size-30) !important;
}
.navbar .mid-mb-40 {
margin-bottom: var(--size-40) !important;
}
.navbar .mid-mb-10 {
margin-bottom: var(--size-10) !important;
}
.navbar .mid-mb-31 {
margin-bottom: var(--size-31) !important;
}
.navbar .mid-mb-30 {
margin-bottom: var(--size-30) !important;
}
.navbar .icon-wrapper-mm {
height: var(--size-40) !important;
margin-bottom: var(--size-10);
}
.navbar .icon-img-mm {
height: var(--size-40) !important;
}
.navbar .menu-title {
margin-bottom: var(--size-10) !important;
height: var(--size-23);
}
.navbar .menu-desc {
font-size: var(--size-12) !important;
height: var(--size-35);
}
.navbar .lh-mid-120 {
line-height: 120%;
}
.navbar .dropdown-menu.height {
height: 581px;
}
.portal-btn {
padding-top: 4.5px;
padding-bottom: 4.5px;
}
}
@media (min-width: 1400px) {
.w-lg-610 {
width: 610px;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-398 {
width: 398px !important;
}
.stack-card-360 li.stack-card-360-card {
top: 7%;
}
.navbar .menu-dropdown {
padding: 30px 50px !important;
}
}
.swiper-button-disabled {
pointer-events: none;
}
@media (min-width: 1440px) {
.image-cards-swiper .flex-lg-wrap {
flex-wrap: wrap !important;
}
}
@media (max-width: 1440px) {
.image-cards-swiper .flex-xl-wrap,
.column-cards-swiper .flex-lg-wrap {
flex-wrap: nowrap !important;
}
.image-cards-swiper .d-xl-none,
.column-cards-swiper .d-lg-none,
.overhang-swiper .d-lg-none {
display: flex !important;
}
}
@media (min-width: 1441px) {
.swiper-full-width-break {
max-width: 1340px;
}
}
@media (min-width: 1440px) and (max-width: 1441px) {
.swiper-full-width-break {
padding-left: calc(70% - 950px) !important;
padding-right: calc(70% - 950px) !important;
}
}
@media (min-width: 1000px) and (max-width: 1200px) {
.swiper-full-width-break {
padding-left: calc(80% - 950px) !important;
padding-right: calc(80% - 950px) !important;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.swiper-full-width-break {
padding-left: calc(70% - 840px) !important;
padding-right: calc(70% - 840px) !important;
}
}
@media (min-width: 767px) and (max-width: 1000px) {
.swiper-full-width-break {
padding-left: calc(90% - 690px) !important;
padding-right: calc(90% - 690px) !important;
}
}
@media (max-width: 767px) {
.story-adult-text-swiper,
.story-young-adult-text-swiper,
.story-children-teens-text-swiper,
.story-clinician-text-swiper {
width: 100%;
}
.story-adult-video-swiper,
.story-young-adult-video-swiper,
.story-children-teens-video-swiper {
width: 100%;
height: 620px !important;
}
.navbar-toggler.collapsed .open-toggler {
display: none;
}
.navbar-toggler.collapsed .close-toggler {
display: block;
}
.close-toggler {
display: none;
}
.open-toggler {
display: block;
}
}
@media (min-width: 1400px) {
.step-carousel-img-position {
top: -27% !important;
}
.story-adult-text-swiper,
.story-young-adult-text-swiper,
.story-children-teens-text-swiper {
width: 596px !important;
}
.story-clinician-text-swiper {
width: 599px !important;
}
.story-adult-video-swiper,
.story-young-adult-video-swiper,
.story-children-teens-video-swiper {
width: 350px !important;
}
.story-clinician-video-swiper {
width: 378px !important;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.step-carousel-img-position {
top: -26%;
}
.story-adult-text-swiper,
.story-young-adult-text-swiper,
.story-children-teens-text-swiper {
width: 390px;
}
.story-clinician-text-swiper {
width: 430px;
}
.story-adult-video-swiper,
.story-young-adult-video-swiper,
.story-children-teens-video-swiper {
width: 380px;
}
.story-clinician-video-swiper {
width: 360px;
}
}
@media (min-width: 1000px) and (max-width: 1200px) {
.step-carousel-img-position {
top: -26%;
}
.story-adult-text-swiper,
.story-young-adult-text-swiper,
.story-children-teens-text-swiper {
width: 340px;
}
.story-clinician-text-swiper {
width: 430px;
}
.story-adult-video-swiper,
.story-young-adult-video-swiper,
.story-children-teens-video-swiper {
width: 280px;
}
.story-clinician-video-swiper {
width: 360px;
}
}
@media (min-width: 767px) and (max-width: 1000px) {
.step-carousel-img-position {
top: -26%;
}
.story-adult-text-swiper,
.story-young-adult-text-swiper,
.story-children-teens-text-swiper {
width: 340px;
}
.story-clinician-text-swiper {
width: 430px;
}
.story-adult-video-swiper,
.story-young-adult-video-swiper,
.story-children-teens-video-swiper {
width: 350px;
height: 700px;
}
.story-clinician-video-swiper {
width: 360px;
}
.story-section #adultTab.d-lg-flex,
.story-section #youngAdultTab.d-lg-flex,
.story-section #childrenAndTeensTab.d-lg-flex,
.story-section #adultTab .swiper-slide.d-lg-flex,
.story-section #youngAdultTab .swiper-slide.d-lg-flex,
.story-section #childrenAndTeensTab .swiper-slide.d-lg-flex {
display: flex;
}
}
/* ///////////// */
/* ///////////// */
/* ///////////// */
/* ///////////// */
/* ///////////// */
/* ///////////// */
.image-cards-swiper .swiper-slide,
.story-adult-text-swiper .swiper-slide,
.story-young-adult-text-swiper .swiper-slide,
.story-children-teens-text-swiper .swiper-slide,
.story-clinician-text-swiper .swiper-slide,
.story-adult-video-swiper .swiper-slide,
.story-young-adult-video-swiper .swiper-slide,
.story-children-teens-video-swiper .swiper-slide,
.story-clinician-video-swiper .swiper-slide,
.timeline-swiper .swiper-slide {
height: auto;
}
@media (min-width: 767px) {
.image-cards-swiper .swiper-slide {
width: 366px;
flex: 0 0 auto;
}
}
@media (min-width: 1400px) {
.image-cards-swiper .swiper-slide {
width: 433px !important;
}
.image-cards-swiper.cards-4 .swiper-slide {
width: 318px !important;
}
}
@media (min-width: 1000px) {
#adultTab,
#youngAdultTab,
#childrenAndTeensTab {
gap: var(--size-78);
}
}
@media (max-width: 767px) {
.image-cards-swiper .swiper-slide {
width: 330px;
}
.column-cards-swiper .swiper-slide {
width: 338px !important;
}
}
.column-cards-swiper .swiper-slide {
height: auto;
}
@media (min-width: 1000px) {
.column-cards-swiper .swiper-slide {
width: 33.333333%;
flex: 0 0 auto;
}
}
.common-swiper-2 .swiper-pagination-common-2,
.common-swiper .swiper-pagination-common,
.image-cards-swiper .swiper-pagination,
.overhang-swiper .swiper-pagination,
.column-cards-swiper .swiper-pagination,
.story-section .swiper-adult-pagination-story,
.story-section .swiper-young-adult-pagination-story,
.story-section .swiper-children-teens-pagination-story,
.story-section .swiper-clinician-pagination-story,
.tp-trustpilot-carousel .swiper-pagination-tp,
.other-staff-swiper .swiper-pagination-other-staff,
.timeline-swiper .swiper-pagination-quals {
background-color: var(--progressbar-bg-color);
height: var(--size-2) !important;
}
.common-swiper-2 .swiper-pagination-progressbar-fill,
.common-swiper .swiper-pagination-progressbar-fill,
.image-cards-swiper .swiper-pagination-progressbar-fill,
.overhang-swiper .swiper-pagination-progressbar-fill,
.column-cards-swiper .swiper-pagination-progressbar-fill,
.story-section .swiper-pagination-progressbar-fill,
.swiper-pagination-tp .swiper-pagination-progressbar-fill,
.swiper-pagination-other-staff .swiper-pagination-progressbar-fill,
.swiper-pagination-quals .swiper-pagination-progressbar-fill {
background-color: var(--progressbar-color) !important;
height: var(--size-4) !important;
top: -50%;
}
.swiper-pagination-common,
.swiper-pagination-common-2,
.swiper-adult-pagination-story,
.swiper-young-adult-pagination-story,
.swiper-children-teens-pagination-story,
.swiper-clinician-pagination-story,
.swiper-pagination-tp,
.swiper-pagination-other-staff,
.swiper-pagination-quals {
height: 4px !important;
}
.slide-counter-common-2,
.slide-counter-common,
.slide-counter-image-card,
.slide-counter-overhang,
.slide-counter-column-card,
.slide-adult-counter-story,
.slide-young-adult-counter-story,
.slide-children-teens-counter-story,
.slide-clinician-counter-story,
.slide-tp-counter,
.slide-counter-other-staff,
.slide-counter-timeline {
display: flex;
flex: none;
font-size: var(--size-13);
font-family: "DM Sans";
}
/* Flex */
.flex-none {
flex: none;
}
/* Swiper Buttons */
.common-next-2,
.common-prev-2,
.common-next,
.common-prev,
.column-card-next,
.column-card-prev,
.image-card-next,
.image-card-prev,
.overhang-next,
.overhang-prev,
.story-adult-next,
.story-adult-prev,
.story-young-adult-next,
.story-young-adult-prev,
.story-children-teens-next,
.story-children-teens-prev,
.story-clinician-next,
.story-clinician-prev,
.tp-carousel-next,
.tp-carousel-prev,
.timeline-next,
.timeline-prev,
.other-staff-next,
.other-staff-prev {
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--color-primary-2);
color: var(--btn-text-column-card);
border-radius: var(--size-40);
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
flex: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.common-next-2.swiper-button-disabled,
.common-prev-2.swiper-button-disabled,
.common-next.swiper-button-disabled,
.common-prev.swiper-button-disabled,
.column-card-next.swiper-button-disabled,
.column-card-prev.swiper-button-disabled,
.image-card-next.swiper-button-disabled,
.image-card-prev.swiper-button-disabled,
.overhang-next.swiper-button-disabled,
.overhang-prev.swiper-button-disabled,
.story-adult-next.swiper-button-disabled,
.story-adult-prev.swiper-button-disabled,
.story-young-adult-next.swiper-button-disabled,
.story-young-adult-prev.swiper-button-disabled,
.story-children-teens-next.swiper-button-disabled,
.story-children-teens-prev.swiper-button-disabled,
.story-clinician-next.swiper-button-disabled,
.story-clinician-prev.swiper-button-disabled,
.tp-carousel-next.swiper-button-disabled,
.tp-carousel-prev.swiper-button-disabled,
.timeline-next.swiper-button-disabled,
.timeline-prev.swiper-button-disabled,
.other-staff-next.swiper-button-disabled,
.other-staff-prev.swiper-button-disabled {
box-shadow: inset 0 0 0 1px var(--color-primary-2) !important;
}
.common-swiper .heading-text-icon-box,
.common-swiper-2 .heading-text-icon-box {
height: auto;
}
/* Positioning */
/* Padding */
.p-50 {
padding: var(--size-50);
}
.p-42 {
padding: var(--size-42);
}
.p-30 {
padding: var(--size-30);
}
.p-20 {
padding: var(--size-20);
}
.p-15 {
padding: var(--size-15);
}
.py-120 {
padding-top: var(--size-120);
padding-bottom: var(--size-120);
}
.py-90 {
padding-top: var(--size-90);
padding-bottom: var(--size-90);
}
.py-60 {
padding-top: var(--size-60);
padding-bottom: var(--size-60);
}
.py-40 {
padding-top: var(--size-40);
padding-bottom: var(--size-40);
}
.py-36 {
padding-top: var(--size-36);
padding-bottom: var(--size-36);
}
.py-30 {
padding-top: var(--size-30);
padding-bottom: var(--size-30);
}
.py-20 {
padding-top: var(--size-20);
padding-bottom: var(--size-20);
}
.py-15 {
padding-top: var(--size-15);
padding-bottom: var(--size-15);
}
.py-11 {
padding-top: var(--size-11);
padding-bottom: var(--size-11);
}
.py-10 {
padding-top: var(--size-10);
padding-bottom: var(--size-10);
}
.pt-189 {
padding-top: var(--size-189);
}
.pt-125 {
padding-top: var(--size-125);
}
.pt-100 {
padding-top: var(--size-100);
}
.pt-95 {
padding-top: var(--size-95);
}
.pt-70 {
padding-top: var(--size-70);
}
.pt-65 {
padding-top: var(--size-65);
}
.pt-62 {
padding-top: var(--size-62);
}
.pt-60 {
padding-top: var(--size-60);
}
.pt-40 {
padding-top: var(--size-40);
}
.pt-36 {
padding-top: var(--size-36);
}
.pt-30 {
padding-top: var(--size-30);
}
.pt-25 {
padding-top: var(--size-25);
}
.pt-15 {
padding-top: var(--size-15);
}
.pb-95 {
padding-bottom: var(--size-95);
}
.pb-90 {
padding-bottom: var(--size-90);
}
.pb-76 {
padding-bottom: var(--size-76);
}
.pb-71 {
padding-bottom: var(--size-71);
}
.pb-70 {
padding-bottom: var(--size-70);
}
.pb-69 {
padding-bottom: var(--size-69);
}
.pb-66 {
padding-bottom: var(--size-66);
}
.pb-65 {
padding-bottom: var(--size-65);
}
.pb-62 {
padding-bottom: var(--size-62);
}
.pb-60 {
padding-bottom: var(--size-60);
}
.pb-55 {
padding-bottom: var(--size-55);
}
.pb-50 {
padding-bottom: var(--size-50);
}
.pb-45 {
padding-bottom: var(--size-45);
}
.pb-42 {
padding-bottom: var(--size-42);
}
.pb-40 {
padding-bottom: var(--size-40);
}
.pb-30 {
padding-bottom: var(--size-30);
}
.pb-29 {
padding-bottom: var(--size-29);
}
.pb-28 {
padding-bottom: var(--size-28);
}
.pb-25 {
padding-bottom: var(--size-25);
}
.pb-20 {
padding-bottom: var(--size-20);
}
.pb-15 {
padding-bottom: var(--size-15);
}
.pb-14 {
padding-bottom: var(--size-14);
}
.pb-10 {
padding-bottom: var(--size-10);
}
.pb--3 {
padding-bottom: var(--size-3);
}
.px-85 {
padding-left: var(--size-85);
padding-right: var(--size-85);
}
.px-80 {
padding-left: var(--size-80);
padding-right: var(--size-80);
}
.px-55 {
padding-left: var(--size-55);
padding-right: var(--size-55);
}
.px-40 {
padding-left: var(--size-40);
padding-right: var(--size-40);
}
.px-30 {
padding-left: var(--size-30);
padding-right: var(--size-30);
}
.px-25 {
padding-left: var(--size-25);
padding-right: var(--size-25);
}
.px-21-5 {
padding-left: 21.5px;
padding-right: 21.5px;
}
.px-20 {
padding-left: var(--size-20);
padding-right: var(--size-20);
}
.px-18 {
padding-left: var(--size-18);
padding-right: var(--size-18);
}
.px-15 {
padding-left: var(--size-15);
padding-right: var(--size-15);
}
.px-13 {
padding-left: var(--size-13);
padding-right: var(--size-13);
}
.px-7 {
padding-left: var(--size-7);
padding-right: var(--size-7);
}
.pe-69 {
padding-right: var(--size-69);
}
.pe-60 {
padding-right: var(--size-60);
}
.pe-51 {
padding-right: var(--size-51);
}
.pe-50 {
padding-right: var(--size-50);
}
.pe-35 {
padding-right: var(--size-35);
}
.pe-15 {
padding-right: var(--size-15);
}
.pe-13 {
padding-right: var(--size-13);
}
.pe-13-3 {
padding-right: 13.333px;
}
.pe-10 {
padding-right: var(--size-10);
}
.px-6-67 {
padding-right: 6.6667px;
padding-left: 6.6667px;
}
.ps-120 {
padding-left: var(--size-120);
}
.ps-115 {
padding-left: var(--size-115);
}
.ps-60 {
padding-left: var(--size-60);
}
.ps-50 {
padding-left: var(--size-50);
}
.ps-25 {
padding-left: var(--size-25);
}
.ps-15 {
padding-left: var(--size-15);
}
.ps-13-3 {
padding-left: 13.333px;
}
.ps-13 {
padding-left: var(--size-13);
}
@media (min-width: 1000px) {
.p-lg-50 {
padding: var(--size-50) !important;
}
.py-lg-120 {
padding-top: var(--size-120) !important;
padding-bottom: var(--size-120) !important;
}
.py-lg-90 {
padding-top: var(--size-90) !important;
padding-bottom: var(--size-90) !important;
}
.py-lg-89 {
padding-top: var(--size-89) !important;
padding-bottom: var(--size-89) !important;
}
.py-lg-50 {
padding-top: var(--size-50) !important;
padding-bottom: var(--size-50) !important;
}
.py-lg-40 {
padding-top: var(--size-40) !important;
padding-bottom: var(--size-40) !important;
}
.py-lg-30 {
padding-top: var(--size-30) !important;
padding-bottom: var(--size-30) !important;
}
.py-lg-10 {
padding-top: var(--size-10) !important;
padding-bottom: var(--size-10) !important;
}
.px-lg-85 {
padding-left: var(--size-85) !important;
padding-right: var(--size-85) !important;
}
.px-lg-80 {
padding-left: var(--size-80) !important;
padding-right: var(--size-80) !important;
}
.px-lg-53 {
padding-left: var(--size-53) !important;
padding-right: var(--size-53) !important;
}
.px-lg-55 {
padding-left: var(--size-55) !important;
padding-right: var(--size-55) !important;
}
.px-lg-40 {
padding-left: var(--size-40) !important;
padding-right: var(--size-40) !important;
}
.px-lg-30 {
padding-left: var(--size-30) !important;
padding-right: var(--size-30) !important;
}
.px-lg-29 {
padding-left: var(--size-29) !important;
padding-right: var(--size-29) !important;
}
.px-lg-25 {
padding-left: var(--size-25) !important;
padding-right: var(--size-25) !important;
}
.px-lg-15 {
padding-left: var(--size-15) !important;
padding-right: var(--size-15) !important;
}
.px-lg-10 {
padding-left: var(--size-10) !important;
padding-right: var(--size-10) !important;
}
.px-lg-7 {
padding-left: var(--size-7) !important;
padding-right: var(--size-7) !important;
}
.px-lg-6-67 {
padding-right: 6.6667px !important;
padding-left: 6.6667px !important;
}
.pe-lg-115 {
padding-right: var(--size-115) !important;
}
.pe-lg-112 {
padding-right: var(--size-112) !important;
}
.pe-lg-95 {
padding-right: var(--size-95) !important;
}
.pe-lg-69 {
padding-right: var(--size-69) !important;
}
.pe-lg-61 {
padding-right: var(--size-61) !important;
}
.pe-lg-60 {
padding-right: var(--size-60) !important;
}
.pe-lg-53 {
padding-right: var(--size-53) !important;
}
.pe-lg-51 {
padding-right: var(--size-51) !important;
}
.pe-lg-50 {
padding-right: var(--size-50) !important;
}
.pe-lg-46 {
padding-right: var(--size-46) !important;
}
.pe-lg-37 {
padding-right: var(--size-37) !important;
}
.pe-lg-36 {
padding-right: var(--size-36) !important;
}
.pe-lg-35 {
padding-right: var(--size-35) !important;
}
.pe-lg-30 {
padding-right: var(--size-30) !important;
}
.pe-lg-28 {
padding-right: var(--size-28) !important;
}
.pe-lg-25 {
padding-right: var(--size-25) !important;
}
.pe-lg-20 {
padding-right: var(--size-20) !important;
}
.pe-lg-14 {
padding-right: var(--size-14) !important;
}
.pe-lg-13-3 {
padding-right: 13.333px !important;
}
.pe-lg-12 {
padding-right: var(--size-12) !important;
}
.pe-lg-10 {
padding-right: var(--size-10) !important;
}
.pe-lg-9 {
padding-right: var(--size-9) !important;
}
.pe-lg--1 {
padding-right: var(--size-1) !important;
}
.ps-lg-123 {
padding-left: var(--size-123) !important;
}
.ps-lg-120 {
padding-left: var(--size-120) !important;
}
.ps-lg-115 {
padding-left: var(--size-115) !important;
}
.ps-lg-112 {
padding-left: var(--size-112) !important;
}
.ps-lg-60 {
padding-left: var(--size-60) !important;
}
.ps-lg-50 {
padding-left: var(--size-50) !important;
}
.ps-lg-46 {
padding-left: var(--size-46) !important;
}
.ps-lg-37 {
padding-left: var(--size-37) !important;
}
.ps-lg-28 {
padding-left: var(--size-28) !important;
}
.ps-lg-19 {
padding-left: var(--size-19) !important;
}
.ps-lg-14 {
padding-left: var(--size-14) !important;
}
.ps-lg-13-3 {
padding-left: 13.333px !important;
}
.ps-lg-13 {
padding-left: var(--size-13) !important;
}
.ps-lg-12 {
padding-left: var(--size-12) !important;
}
.ps-lg-10 {
padding-left: var(--size-10) !important;
}
.ps-lg-9 {
padding-left: var(--size-9) !important;
}
.ps-lg--1 {
padding-left: var(--size-1) !important;
}
.ps-lg-45 {
padding-left: var(--size-45) !important;
}
.ps-lg-25 {
padding-left: var(--size-25) !important;
}
.py-lg-90 {
padding-top: var(--size-90) !important;
padding-bottom: var(--size-90) !important;
}
.py-lg-60 {
padding-top: var(--size-60) !important;
padding-bottom: var(--size-60) !important;
}
.pb-lg-187 {
padding-bottom: var(--size-187) !important;
}
.pb-lg-182 {
padding-bottom: var(--size-182) !important;
}
.pb-lg-165 {
padding-bottom: var(--size-165) !important;
}
.pb-lg-150 {
padding-bottom: var(--size-150) !important;
}
.pb-lg-147 {
padding-bottom: var(--size-147) !important;
}
.pb-lg-140 {
padding-bottom: var(--size-140) !important;
}
.pb-lg-130 {
padding-bottom: var(--size-130) !important;
}
.pb-lg-125 {
padding-bottom: var(--size-125) !important;
}
.pb-lg-123 {
padding-bottom: var(--size-123) !important;
}
.pb-lg-120 {
padding-bottom: var(--size-120) !important;
}
.pb-lg-113 {
padding-bottom: var(--size-113) !important;
}
.pb-lg-110 {
padding-bottom: var(--size-110) !important;
}
.pb-lg-108 {
padding-bottom: var(--size-108) !important;
}
.pb-lg-106 {
padding-bottom: var(--size-106) !important;
}
.pb-lg-104 {
padding-bottom: var(--size-104) !important;
}
.pb-lg-103 {
padding-bottom: var(--size-103) !important;
}
.pb-lg-100 {
padding-bottom: var(--size-100) !important;
}
.pb-lg-97 {
padding-bottom: var(--size-97) !important;
}
.pb-lg-95 {
padding-bottom: var(--size-95) !important;
}
.pb-lg-90 {
padding-bottom: var(--size-90) !important;
}
.pb-lg-84 {
padding-bottom: var(--size-84) !important;
}
.pb-lg-83 {
padding-bottom: var(--size-83) !important;
}
.pb-lg-80 {
padding-bottom: var(--size-80) !important;
}
.pb-lg-77 {
padding-bottom: var(--size-77) !important;
}
.pb-lg-76 {
padding-bottom: var(--size-76) !important;
}
.pb-lg-70 {
padding-bottom: var(--size-70) !important;
}
.pb-lg-66 {
padding-bottom: var(--size-66) !important;
}
.pb-lg-64 {
padding-bottom: var(--size-64) !important;
}
.pb-lg-62 {
padding-bottom: var(--size-62) !important;
}
.pb-lg-60 {
padding-bottom: var(--size-60) !important;
}
.pb-lg-50 {
padding-bottom: var(--size-50) !important;
}
.pb-lg-46 {
padding-bottom: var(--size-46) !important;
}
.pb-lg-45 {
padding-bottom: var(--size-45) !important;
}
.pb-lg-44 {
padding-bottom: var(--size-44) !important;
}
.pb-lg-40 {
padding-bottom: var(--size-40) !important;
}
.pb-lg-35 {
padding-bottom: var(--size-35) !important;
}
.pb-lg-30 {
padding-bottom: var(--size-30) !important;
}
.pt-lg-2 {
padding-top: var(--size-2) !important;
}
.pt-lg-20 {
padding-top: var(--size-20) !important;
}
.pt-lg-50 {
padding-top: var(--size-50) !important;
}
.pt-lg-61 {
padding-top: var(--size-61) !important;
}
.pt-lg-60 {
padding-top: var(--size-60) !important;
}
.pt-lg-70 {
padding-top: var(--size-70) !important;
}
.pt-lg-80 {
padding-top: var(--size-80) !important;
}
.pt-lg-90 {
padding-top: var(--size-90) !important;
}
.pt-lg-95 {
padding-top: var(--size-95) !important;
}
.pt-lg-100 {
padding-top: var(--size-100) !important;
}
.pt-lg-110 {
padding-top: var(--size-110) !important;
}
.pt-lg-112 {
padding-top: var(--size-112) !important;
}
.pt-lg-113 {
padding-top: var(--size-113) !important;
}
.pt-lg-120 {
padding-top: var(--size-120) !important;
}
.pt-lg-125 {
padding-top: var(--size-125) !important;
}
.pt-lg-150 {
padding-top: var(--size-150) !important;
}
.pt-lg-189 {
padding-top: var(--size-189) !important;
}
.pt-lg-116-02 {
padding-top: 116.02px !important;
}
}
.primary-cta-button.fs-16 span {
font-size: var(--size-16) !important;
}
@media (min-width: 1600px) {
.ps-xxxl-5 {
padding-left: var(--size-48) !important;
}
.ps-xxxl-0 {
padding-left: var(--size-0) !important;
}
}
@media (max-width: 767px) and (min-width: 410px) {
.ps-smd-0 {
padding-left: 0px !important;
}
.pb-smd-20 {
padding-bottom: var(--size-20) !important;
}
.ps-smd-10 {
padding-left: var(--size-10) !important;
}
}
/* Margin */
.mx-15 {
margin-left: var(--size-15);
margin-right: var(--size-15);
}
.mb-134 {
margin-bottom: var(--size-134);
}
.mb-68 {
margin-bottom: var(--size-68);
}
.mb-60 {
margin-bottom: var(--size-60);
}
.mb-59 {
margin-bottom: var(--size-59);
}
.mb-52 {
margin-bottom: var(--size-52);
}
.mb-50 {
margin-bottom: var(--size-50);
}
.mb-46 {
margin-bottom: var(--size-46);
}
.mb-40 {
margin-bottom: var(--size-40);
}
.mb-39 {
margin-bottom: var(--size-39);
}
.mb-37 {
margin-bottom: var(--size-37);
}
.mb-36 {
margin-bottom: var(--size-36);
}
.mb-35 {
margin-bottom: var(--size-35);
}
.mb-34 {
margin-bottom: var(--size-34);
}
.mb-32 {
margin-bottom: var(--size-32);
}
.mb-30 {
margin-bottom: var(--size-30);
}
.mb-29 {
margin-bottom: var(--size-29);
}
.mb-28 {
margin-bottom: var(--size-28);
}
.mb-27 {
margin-bottom: var(--size-27);
}
.mb-26 {
margin-bottom: var(--size-26);
}
.mb-25 {
margin-bottom: var(--size-25);
}
.mb-23 {
margin-bottom: var(--size-23);
}
.mb-22 {
margin-bottom: var(--size-22);
}
.mb-20 {
margin-bottom: var(--size-20);
}
.mb-19 {
margin-bottom: var(--size-19);
}
.mb-17 {
margin-bottom: var(--size-17);
}
.mb-15 {
margin-bottom: var(--size-15);
}
.mb-13 {
margin-bottom: var(--size-13);
}
.mb-10 {
margin-bottom: var(--size-10);
}
.mb-9 {
margin-bottom: var(--size-9);
}
.mb-5 {
margin-bottom: var(--size-5);
}
.mt-72 {
margin-top: var(--size-72);
}
.mt-70 {
margin-top: var(--size-70);
}
.mt-30 {
margin-top: var(--size-30);
}
.mt-26 {
margin-top: var(--size-26);
}
.mt-21 {
margin-top: var(--size-21);
}
.mt-20 {
margin-top: var(--size-20);
}
.mt--2 {
margin-top: var(--size-2);
}
.ms-10 {
margin-left: var(--size-10);
}
.ms--5 {
margin-left: var(--size-5);
}
.me-30 {
margin-right: var(--size-30);
}
.me-20 {
margin-right: var(--size-20);
}
.me-11 {
margin-right: var(--size-11);
}
.me-10 {
margin-right: var(--size-10);
}
.me--5 {
margin-right: var(--size-5);
}
@media (min-width: 1000px) {
.mt-lg-120 {
margin-top: var(--size-120) !important;
}
.mt-lg-90 {
margin-top: var(--size-90) !important;
}
.mt-lg-72 {
margin-top: var(--size-72) !important;
}
.mt-lg-70 {
margin-top: var(--size-70) !important;
}
.mt-lg-52 {
margin-top: var(--size-52) !important;
}
.mt-lg-21 {
margin-top: var(--size-21) !important;
}
.mt-lg-20 {
margin-top: var(--size-20) !important;
}
.mb-lg-134 {
margin-bottom: var(--size-134) !important;
}
.mb-lg-68 {
margin-bottom: var(--size-68) !important;
}
.mb-lg-60 {
margin-bottom: var(--size-60) !important;
}
.mb-lg-59 {
margin-bottom: var(--size-59) !important;
}
.mb-lg-58 {
margin-bottom: var(--size-58) !important;
}
.mb-lg-50 {
margin-bottom: var(--size-50) !important;
}
.mb-lg-52 {
margin-bottom: var(--size-52) !important;
}
.mb-lg-49 {
margin-bottom: var(--size-49) !important;
}
.mb-lg-40 {
margin-bottom: var(--size-40) !important;
}
.mb-lg-39 {
margin-bottom: var(--size-39) !important;
}
.mb-lg-38 {
margin-bottom: var(--size-38) !important;
}
.mb-lg-37 {
margin-bottom: var(--size-37) !important;
}
.mb-lg-36 {
margin-bottom: var(--size-36) !important;
}
.mb-lg-35 {
margin-bottom: var(--size-35) !important;
}
.mb-lg-34 {
margin-bottom: var(--size-34) !important;
}
.mb-lg-33 {
margin-bottom: var(--size-33) !important;
}
.mb-lg-32 {
margin-bottom: var(--size-32) !important;
}
.mb-lg-30 {
margin-bottom: var(--size-30) !important;
}
.mb-lg-28 {
margin-bottom: var(--size-28) !important;
}
.mb-lg-27 {
margin-bottom: var(--size-27) !important;
}
.mb-lg-26 {
margin-bottom: var(--size-26) !important;
}
.mb-lg-25 {
margin-bottom: var(--size-25) !important;
}
.mb-lg-20 {
margin-bottom: var(--size-20) !important;
}
.mb-lg-19 {
margin-bottom: var(--size-19) !important;
}
.mb-lg-17 {
margin-bottom: var(--size-17) !important;
}
.mb-lg-15 {
margin-bottom: var(--size-15) !important;
}
.mb-lg-11 {
margin-bottom: var(--size-11) !important;
}
.mb-lg-10 {
margin-bottom: var(--size-10) !important;
}
.ms-lg-10 {
margin-left: var(--size-10) !important;
}
.me-lg-60 {
margin-right: var(--size-60) !important;
}
.me-lg-30 {
margin-right: var(--size-30) !important;
}
.me-lg-20 {
margin-right: var(--size-20) !important;
}
.me-lg-13 {
margin-right: var(--size-13) !important;
}
}
/* Background Images */
@media (min-width: 1400px) and (max-width: 1500px) {
.background-bubbles {
background-image: linear-gradient(180deg, var(--color-tertiary-7) 0%, var(--color-transparent) 100%), url(/wp-content/uploads/2025/06/Bubble-desktop.svg) !important;
}
}
.background-bubbles {
background-image: linear-gradient(180deg, var(--color-tertiary-7) 0%, var(--color-transparent) 100%);
background-position: center;
background-size: cover;
}
@media (min-width: 1400px) {
.background-feature-2 {
background-image: url(/wp-content/uploads/2025/06/Feature-copy-illustration_v3.svg);
background-position: center;
background-size: cover;
height: 800px !important;
}
}
.background-feature-2 {
background-image: url(/wp-content/uploads/2025/06/Feature-copy-illustration_v3.svg);
background-position: center;
background-size: cover;
height: 700px;
}
.background-feature-2 p {
margin-bottom: 83px;
}
@media (max-width: 767px) {
.background-feature-2 {
background-image: url(/wp-content/uploads/2025/06/Feature-copy-illustration-mobile.svg);
background-position: center;
background-size: cover;
height: 486px;
}
.background-feature-2 p {
font-size: var(--size-64) !important;
margin-bottom: 0px !important;
}
}
@media (max-width: 1300px) {
.background-feature-2 p {
font-size: var(--size-55);
}
}
@media (min-width: 1600px) {
.background-feature-2 p {
margin-bottom: 130px !important;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.background-feature-2 {
background-image: url(/wp-content/uploads/2025/06/Feature-copy-illustration-mobile.svg);
background-position: 60% center;
}
}
/* misc */
div[onclick] {
pointer-events: all;
cursor: pointer;
}
#selectStaffTeam {
position: sticky;
top: 49.5px;
z-index: 999;
background-color: #fff;
padding-bottom: 12px;
}
[id]::before {
display: none !important;
}
#tocAccordion .accordion-button::after,
#tocAccordion2 .accordion-button::after,
#selectStaffTeam .accordion-button::after {
content: var(--chevron-dropdown);
background-image: none !important;
width: 12px;
height: 6px;
line-height: 6px;
}
@media (min-width: 1600px) {
.d-xxxl-block {
display: block !important;
}
.d-xxxl-none {
display: none !important;
}
}
.app-btn-layout {
background-color: var(--color-black);
display: flex;
border: 1px solid var(--color-functional-1);
padding: 2px 8px;
color: var(--color-white);
}
.toc-desktop {
display: none;
align-items: center;
justify-content: space-between;
padding: var(--size-19) var(--size-40);
background-color: var(--toc-bg-primary);
border: 1px solid var(--toc-border-primary);
border-radius: var(--toc-border-radius-primary);
}
.toc-mobile {
padding: var(--size-20) var(--size-20);
background-color: var(--toc-bg-primary);
border: 1px solid var(--toc-border-primary);
border-radius: var(--toc-border-radius-primary) !important;
}
.select-staff-mobile {
padding: 12.5px var(--size-16) 12.5px var(--size-20);
background-color: var(--toc-bg-primary);
border: 1px solid var(--toc-border-primary);
border-radius: var(--size-40) !important;
}
.toc-mobile-link {
color: var(--text-primary);
font-family: "Season Mix" !important;
font-size: var(--size-16);
font-style: normal;
font-weight: 580;
line-height: 100%;
text-decoration: none;
text-transform: capitalize;
}
@media (min-width: 1000px) {
.toc-desktop {
display: flex;
}
.toc-mobile {
display: none;
}
}
@media (max-width: 767px) {
.toggle-story {
width: 350px !important;
}
.toggle-story .toggle-btn {
font-size: var(--size-14) !important;
}
.bg-mob-none {
background: none !important;
}
.mt-mob-69 {
margin-top: var(--size-69) !important;
}
.mob-img-flip {
transform: scaleX(-1);
}
}
.story-radial {
position: absolute;
right: -18%;
top: 23%;
border-radius: 803px;
background: radial-gradient(50% 50% at 50% 50%, var(--color-secondary-7) 0%, var(--color-transparent) 100%);
height: 803px;
width: 803px;
}
@media (max-width: 767px) {
.story-radial {
height: 534px;
width: 534px;
top: 51%;
right: -69%;
border-radius: 534px;
}
}
.toggle-story {
width: 386px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f3f3f3;
border-radius: 50px;
padding: 5px;
}
.toggle-story .toggle-btn.active,
.toggle-story .toggle-btn:hover {
background-color: var(--color-white);
}
.toggle-story .toggle-btn {
padding: var(--size-13);
border-radius: var(--size-40);
font-size: var(--size-16);
font-style: normal;
font-weight: 580;
color: var(--color-primary-1);
border: none !important;
font-family: "Season Mix" !important;
line-height: 88%;
}
.toggle-story-pricing {
width: 168px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f3f3f3;
border-radius: 40px;
padding: 5px;
}
.toggle-story-pricing .toggle-btn.active,
.toggle-story-pricing .toggle-btn:hover {
background-color: var(--color-white);
}
.toggle-story-pricing .toggle-btn {
padding: 3px 0px 4px 0px;
border-radius: var(--size-40);
font-size: var(--size-12);
font-style: normal;
font-weight: 580;
color: var(--color-primary-1);
border: none !important;
font-family: "Season Mix" !important;
}
@media (min-width: 767px) {
#adultTabToggle {
width: 84px;
}
}
#comprehensiveUpfrontToggle,
#comprehensiveMonthlyToggle,
#essentialUpfrontToggle,
#essentialMonthlyToggle,
#comprehensiveUpfrontToggle2,
#comprehensiveMonthlyToggle2,
#essentialUpfrontToggle2,
#essentialMonthlyToggle2 {
width: 84px;
}
/* Shadow */
.box-shadow-0 {
box-shadow: none !important;
}
/* Animations */
.big-container {
margin: 0;
padding: 0;
overflow-x: hidden;
}
.cards-container {
position: relative;
width: 100%;
height: auto;
top: 0;
}
.cards-block {
position: relative;
overflow: visible;
top: 0;
}
.stack-card {
width: 100%;
border-radius: var(--size-20);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
font-size: 1.5rem;
color: #333;
overflow: hidden;
position: absolute;
padding: var(--size-60);
left: 50%;
top: 0;
transform: translateX(-50%);
background-color: #fff;
transition: opacity 0.3s ease;
}
.stack-card.carousel {
padding: var(--size-60) 0 var(--size-60) var(--size-60);
}
@media (max-width: 767px) {
.stack-card {
height: auto;
padding: var(--size-30) var(--size-15) !important;
position: relative;
margin-bottom: var(--size-15);
transform: none;
left: auto;
}
.cards-block {
position: static;
overflow: visible;
}
.cards-container {
height: auto !important;
position: static;
padding: 30px 0;
}
.w-mob-100 {
width: 100% !important;
}
}
.stack-card:nth-child(1) {
position: relative !important;
top: auto !important;
background-color: var(--color-primary-7);
}
.stack-card:nth-child(2) {
background-color: var(--color-primary-6);
}
.stack-card:nth-child(3) {
background-color: var(--color-primary-4);
height: 699px;
}
.stack-card:nth-child(4) {
background-color: var(--color-primary-8);
}
/* Dimensions */
@media (min-width: 1400px) {
.w-lg-683-741 {
width: 683.741px !important;
}
.w-lg-380 {
width: 380px !important;
}
.w-bio {
width: 610px;
}
}
.w-bio p {
margin-bottom: var(--size-20);
}
.w-bio p:last-child {
margin-bottom: 0px;
}
@media (min-width: 760px) {
.w-lg-683-741 {
width: 566px;
}
}
@media (min-width: 1400px) {
.w-xxl-50 {
width: 50% !important;
}
.w-xxl-870 {
width: 870px !important;
}
}
@media (min-width: 767px) {
.w-lg-60 {
width: 60%;
}
.w-lg-700 {
width: 700px;
}
}
.widget-trustpilot,
.widget-trustpilot p,
.widget-trustpilot span,
.widget-trustpilot strong {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.w-26 {
width: 26%;
}
.w-10 {
width: 36%;
}
/* Display Grid */
.grid-2-columns {
grid-template-columns: 1fr 1fr;
}
.grid-1-column {
grid-template-columns: 398px;
}
.underline {
text-decoration: underline;
text-decoration-color: #000;
text-underline-offset: var(--size-3);
}
/* Boostrap */
@media (min-width: 1600px) {
.container-xxxl {
max-width: 1340px;
margin-left: auto;
margin-right: auto;
}
.container-new .container-xxxl {
max-width: 1340px !important;
}
.justify-content-xxxl-start {
justify-content: flex-start;
}
.justify-content-xxxl-center {
justify-content: center;
}
}
@media (min-width: 1430px) {
.container-new .container {
max-width: 1340px !important;
}
.container-new .container-1440 {
max-width: 1340px !important;
margin-left: auto;
margin-right: auto;
}
.container-new .container-1440-simple-cards {
max-width: 1359px !important;
margin-left: auto;
margin-right: auto;
}
.justify-content-xxml-center {
justify-content: center;
}
.justify-content-xxml-between {
justify-content: space-between;
}
}
@media (min-width: 1400px) {
.container-1400 {
max-width: 1340px !important;
}
}
/* Forms */
.menu-title {
font-size: var(--size-18);
font-weight: 400;
line-height: 130%;
color: var(--color-black);
margin-bottom: var(--size-11);
}
@media (max-width: 767px) {
.menu-title {
margin-bottom: var(--size-5);
}
}
.menu-desc {
font-size: var(--size-14);
font-weight: 400;
line-height: 130%;
color: var(--color-black);
opacity: 50%;
margin-bottom: 0px;
}
@media (min-width: 767px) {
.form-columns {
display: grid;
column-gap: 20px;
align-items: center;
grid-template-columns: 1fr 1fr;
}
}
.contact-card label {
font-family: "Season Mix" !important;
font-size: var(--size-16) !important;
font-weight: 580 !important;
line-height: 120% !important;
margin-bottom: var(--size-6) !important;
}
.contact-card input.strip {
border: none !important;
height: unset !important;
padding: unset !important;
border-radius: 0px !important;
}
.contact-card .wpcf7-list-item {
margin: 0px !important;
}
.contact-card .form-columns input,
.contact-card .form-columns select,
.contact-card input {
border-radius: var(--size-46) !important;
border: 1px solid var(--color-primary-7) !important;
background: var(--color-white) !important;
height: var(--size-46);
padding-left: var(--size-20) !important;
padding-right: var(--size-20) !important;
font-size: var(--size-16);
line-height: 130%;
font-weight: 400;
color: var(--text-primary);
margin-bottom: 0px !important;
}
.contact-card input::placeholder {
font-size: var(--size-16);
line-height: 130%;
font-weight: 400;
color: var(--text-primary);
}
.contact-us-selection {
border-radius: 40px !important;
border: 1px solid var(--color-primary-7) !important;
background: var(--color-white) !important;
padding: var(--size-11) var(--size-20) !important;
font-size: var(--size-16);
line-height: 100%;
font-weight: 400;
color: var(--text-primary);
height: 46px;
width: 100%;
font-family: "DM Sans";
cursor: pointer;
}
@media (min-width: 767px) {
.contact-us-selection {
width: 434px !important;
}
}
.form-columns select {
-webkit-appearance: none;
}
.contact-card .message {
border-radius: 20px !important;
border: 1px solid var(--color-primary-7) !important;
background: var(--color-white) !important;
padding: var(--size-16) var(--size-20) !important;
font-size: var(--size-16);
line-height: 130%;
height: 156px !important;
resize: none !important;
font-weight: 400;
color: var(--text-primary);
margin-bottom: 0px !important;
}
.contact-card .message:focus,
.contact-card input:focus,
.contact-card label:focus,
.contact-card select:focus,
.contact-us-selection:focus,
.contact-card .message:focus-visible,
.contact-card input:focus-visible,
.contact-card label:focus-visible,
.contact-card select:focus-visible,
.contact-us-selection:focus-visible {
outline: none !important;
}
.contact-panel {
display: none;
}
.contact-panel.show {
display: block;
}
@media (max-width: 767px) {
.select-wrapper {
width: 100%;
}
}
.select-wrapper {
position: relative;
display: inline-block;
}
.select-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 2em;
cursor: pointer;
}
.select-wrapper .chevron-down-icon {
position: absolute;
top: 50%;
right: var(--size-20);
transform: translateY(-50%);
pointer-events: none;
color: #333;
}
/* Megamenu */
.icon-wrapper-mm {
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: start;
flex-shrink: 0;
margin-bottom: 15px;
}
.icon-img-mm {
max-height: 100%;
max-width: 55px;
object-fit: contain;
display: block;
}
.menu-link {
font-size: var(--size-16);
font-style: normal;
font-weight: 500;
line-height: normal;
font-family: "DM Sans" !important;
color: var(--text-primary);
padding-right: 0;
display: flex;
align-items: center;
gap: 3px;
text-decoration: none;
}
@media (min-width: 1000px) {
.nav-item:hover .menu-link {
color: var(--text-primary);
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-color: var(--color-primary-4);
text-decoration-thickness: 15%; /* 2.4px */
text-underline-offset: 25%; /* 4px */
text-underline-position: from-font;
}
.menu-link {
padding-top: 24.5px;
padding-bottom: 24.5px;
}
.nav-item:hover .chevron-down-icon {
transform: rotate(180deg);
transition: ease-in-out 0.2s;
}
.chevron-down-icon {
transition: ease-in-out 0.2s;
}
}
.new-nav .dropdown-toggle::after {
border: none;
content: none !important;
}
.nav-item {
margin-right: var(--size-30) !important;
}
.menu-dropdown {
width: 100% !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
padding: var(--size-50) var(--size-75) !important;
background-color: var(--color-functional-2) !important;
border-radius: var(--size-20) !important;
border: 1px solid var(--color-tertiary-2) !important;
margin-top: 0px !important;
}
@media (max-width: 1000px) {
.menu-dropdown {
position: static !important;
padding: 0px !important;
margin-bottom: 30px;
border: none !important;
}
.navbar-nav {
background-color: var(--color-functional-2);
border: 1px solid rgba(68, 151, 145, 0.2);
padding: var(--size-20) !important;
border-radius: var(--size-20);
}
.nav-item {
margin-right: 0 !important ;
}
.navbar-collapse:has(.dropdown-toggle.show) .menu-link {
display: none;
}
.menu-link {
font-size: var(--size-30) !important;
font-weight: 400 !important;
line-height: 120% !important;
margin-bottom: var(--size-30) !important;
justify-content: space-between;
gap: 0;
font-family: "Season Mix" !important;
padding-right: 0px !important;
}
}
.border-bottom-header {
border-bottom: 1px solid var(--color-black-secondary);
}
/* Footer */
.footer-link {
color: var(--text-primary);
font-size: var(--size-16);
font-weight: 420;
line-height: 100%;
font-family: "Season Mix" !important;
text-decoration: none;
}
.footer-link:hover {
color: var(--text-primary);
}
.copyright-link {
color: var(--text-secondary) !important;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/* Trustpilot */
.tp-score-widget {
display: flex;
flex-direction: column;
align-items: start;
font-family: "Helvetica Neue", sans-serif;
color: #222;
}
.tp-stars-wrapper {
display: flex;
align-items: center;
}
.tp-star {
width: 20px;
height: 20px;
}
.tp-score-label {
font-size: 16px;
color: #00b67a;
}
.tp-score-meta {
color: #555;
font-size: 14px;
}
.mh-48 {
min-height: var(--size-48);
}
.review-text {
font-size: var(--size-14);
font-weight: 400;
line-height: 130%;
color: var(--text-primary);
}
.reviewer-name {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%;
color: var(--text-primary);
}
.review-time {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%;
color: var(--text-secondary);
}
.tp-trustpilot-carousel .swiper-slide {
background-color: var(--color-functional-3);
border-radius: var(--size-20);
padding: var(--size-20);
height: auto;
}
@media (max-width: 767px) {
.tp-trustpilot-carousel .swiper-slide {
width: 320px;
}
}
.review-text,
.review-time,
.reviewer-name {
font-family: "DM Sans" !important;
}
.review-title {
font-family: "Season Mix" !important;
font-size: 20px;
font-style: normal;
font-weight: 580;
line-height: 120%;
color: var(--text-primary);
}
/* Staff */
@media (min-width: 1400px) {
.d-grid-staff {
display: grid;
grid-template-columns: 320px 1000px !important;
gap: 20px;
}
.d-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px;
}
}
@media (min-width: 1000px) {
.d-grid-staff {
display: grid;
grid-template-columns: 270px 890px;
gap: 20px;
}
.d-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
.other-staff {
width: 1000px;
}
.staff-group {
scroll-margin-top: 70px !important;
}
}
.filter {
display: flex;
flex-direction: column;
position: sticky;
top: 10%;
}
.select-staff-mobile .filter a {
margin-bottom: var(--size-10) !important;
}
.staff-group {
padding-bottom: var(--size-60);
}
.staff-group:last-child {
padding-bottom: 0px;
}
.filter a {
background-color: transparent;
color: var(--btn-text-tertiary) !important;
border-radius: var(--size-40);
font-size: var(--size-20);
transition: ease-in-out 0.3s;
font-family: "Season Mix" !important;
font-weight: 580;
margin-bottom: var(--size-20);
display: inline-block;
line-height: 120%;
text-decoration: none;
}
.filters a:last-child {
margin-bottom: 0px !important;
}
.filter a.active {
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2);
text-decoration-thickness: 15%;
text-underline-offset: 18%;
text-underline-position: from-font;
}
.filter a:hover {
text-decoration-line: underline !important;
text-decoration-style: solid !important;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-primary-2) !important;
text-decoration-thickness: 15% !important;
text-underline-offset: 18%;
text-underline-position: from-font;
}
@media (max-width: 390px) {
.staff-image {
transform: scale(1.06) !important;
}
}
@media (max-width: 767px) {
.container-new .staff-image {
position: relative;
height: 350px !important;
object-fit: cover;
border-radius: var(--size-20);
transform: scale(0.997);
}
.staff-group {
padding-bottom: 0px !important;
}
.large-staff-image {
width: 100% !important;
height: 375px !important;
}
.other-staff .swiper-slide {
width: 330px;
}
}
.large-staff-image {
position: relative;
width: 675px;
height: 675px;
object-fit: cover;
transform: scale(1.1);
}
.staff-image {
position: relative;
width: 238px;
height: 238px;
object-fit: cover;
transform: scale(1.06);
}
.staff-image-btn {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 1;
}
.staff-image-cutout {
position: absolute;
bottom: 0;
right: 0;
width: 79px;
height: 78px;
}
.timeline-swiper .swiper-slide {
width: auto;
}
.timeline-box {
min-width: 280px;
max-width: 320px;
}
.timeline-track {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin-right: auto;
margin-left: auto;
}
.timeline-1 .timeline-track::before,
.timeline-1 .timeline-track {
width: 1px;
}
.timeline-2 .timeline-track::before,
.timeline-1 .timeline-track {
width: 320px;
}
.timeline-3 .timeline-track::before,
.timeline-2 .timeline-track {
width: 660px;
}
.timeline-4 .timeline-track::before,
.timeline-3 .timeline-track {
width: 1000px;
}
.timeline-5 .timeline-track::before,
.timeline-4 .timeline-track {
width: 1340px;
}
.timeline-6 .timeline-track::before,
.timeline-5 .timeline-track {
width: 1680px;
}
.timeline-7 .timeline-track::before,
.timeline-6 .timeline-track {
width: 2020px;
}
.timeline-8 .timeline-track::before,
.timeline-7 .timeline-track {
width: 2360px;
}
.timeline-9 .timeline-track::before,
.timeline-8 .timeline-track {
width: 2700px;
}
.timeline-10 .timeline-track::before,
.timeline-9 .timeline-track {
width: 3040px;
}
.timeline-11 .timeline-track::before,
.timeline-10 .timeline-track {
width: 3380px;
}
.timeline-12 .timeline-track::before,
.timeline-11 .timeline-track {
width: 3720px;
}
@media (min-width: 1500px) {
.timeline-1,
.timeline-2,
.timeline-3,
.timeline-4,
.timeline-5 {
display: flex;
flex-direction: column;
align-items: center;
}
}
.timeline-swiper-top .swiper-slide {
width: 320px;
}
.timeline-swiper .swiper-slide:last-child {
margin-right: 0px !important;
}
.timeline-1,
.timeline-2,
.timeline-3,
.timeline-4,
.timeline-5,
.timeline-6,
.timeline-7,
.timeline-8,
.timeline-9,
.timeline-10,
.timeline-11,
.timeline-12 {
margin-bottom: var(--size-50);
overflow: scroll;
}
.timeline-5 .timeline-boxes {
flex-wrap: nowrap;
width: 1700px;
}
.timeline-6 .timeline-boxes {
flex-wrap: nowrap;
width: 2050px;
}
.timeline-7 .timeline-boxes {
flex-wrap: nowrap;
width: 2400px;
}
.timeline-8 .timeline-boxes {
flex-wrap: nowrap;
width: 2750px;
}
.timeline-9 .timeline-boxes {
flex-wrap: nowrap;
width: 3100px;
}
.timeline-swiper-top .swiper-slide::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
right: 50%;
width: 100%;
height: 0px;
z-index: 0;
transform: translateY(50%);
transform: translatex(-50%);
border-top: 1px dashed var(--color-primary-7);
}
.timeline-swiper-top .swiper-slide:first-child:before {
content: "";
position: absolute;
top: 50%;
right: 100%;
width: 50%;
height: 0px;
z-index: 0;
transform: translateY(50%);
border-top: 1px dashed var(--color-primary-7);
}
.timeline-swiper-top .swiper-slide:last-child:before {
content: "";
position: absolute;
top: 50%;
left: 0%;
width: 50%;
height: 0px;
z-index: 0;
transform: translateY(50%);
border-top: 1px dashed var(--color-primary-7);
}
.timeline-step {
width: 30px !important;
height: 30px !important;
background-color: var(--color-primary-7);
border-radius: 50%;
z-index: 1;
position: relative;
margin-left: auto;
margin-right: auto;
transform: rotate(90deg) !important;
}
@media (min-width: 767px) {
.timeline-swiper-top .swiper-slide:first-child:before {
content: "";
position: absolute;
top: 49%;
right: 100%;
width: 52.7%;
height: 0px;
z-index: 0;
transform: translateY(50%);
border-top: 1px dashed var(--color-primary-7);
}
.timeline-5,
.timeline-6,
.timeline-7,
.timeline-8,
.timeline-9,
.timeline-10,
.timeline-11,
.timeline-12 {
overflow: scroll;
padding-left: var(--size-50);
padding-right: var(--size-50);
}
.timeline-swiper-top .swiper-slide:last-child:before {
content: "";
position: absolute;
top: 49%;
left: -3%;
width: 50%;
height: 0px;
z-index: 0;
transform: translateY(50%);
border-top: 1px dashed var(--color-primary-7);
}
.timeline-swiper-top .swiper-slide::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
right: 50%;
width: 105.5%;
height: 0px;
z-index: 0;
transform: translateY(50%);
transform: translatex(-50%);
border-top: 1px dashed var(--color-primary-7);
}
}
.timeline-boxes {
display: flex;
justify-content: space-around;
gap: 20px;
flex-wrap: wrap;
}
.timeline-box {
width: 320px;
min-width: 180px;
background: var(--color-functional-3);
border-radius: 20px;
padding: 30px 29px 33px 30px;
transition: all 0.3s ease;
flex: none;
height: 100%;
}
@media (max-width: 768px) {
.timeline-track {
flex-direction: row;
justify-content: center;
gap: 30px;
}
.timeline-1,
.timeline-2,
.timeline-3,
.timeline-4,
.timeline-5,
.timeline-6,
.timeline-7,
.timeline-8,
.timeline-9 {
overflow: scroll;
margin-bottom: var(--size-60);
}
.timeline-boxes {
flex-direction: row;
align-items: stretch;
flex-wrap: nowrap;
}
.timeline-track {
display: block !important;
width: auto !important;
}
.timeline-box {
margin-bottom: 0px;
height: 100%;
}
}
.border-down-quals {
border: 1px dashed var(--color-primary-7);
height: 1px;
width: 46px;
bottom: 0%;
top: 0%;
position: absolute;
right: 0%;
left: 0%;
transform: translateY(700%);
}
.staff-shortened-bio {
font-size: var(--size-16);
font-weight: 400;
margin-bottom: var(--size-25);
line-height: 130%;
}
#about {
margin-bottom: 73px;
scroll-margin-top: var(--size-50) !important;
}
#pricing,
#applyNow {
scroll-margin-top: var(--size-100) !important;
}
#becomeAClinician {
scroll-margin-top: var(--size-60) !important;
}
@media (max-width: 767px) {
#about {
margin-bottom: 30px;
}
.staff-shortened-bio {
margin-bottom: var(--size-30);
}
}
/* Pricing */
.table-width {
width: 1114px;
}
@media (min-width: 767px) {
.top-table {
grid-column: 2 / span 1;
}
.span-3 {
grid-column: span 4 !important;
}
}
.table-title {
background: var(--color-primary-3);
padding-top: var(--size-8);
padding-bottom: var(--size-8);
padding-left: var(--size-20);
}
.table-title h5 {
font-size: var(--size-20);
font-weight: 580 !important;
line-height: 120%;
margin-bottom: 0px;
}
.table-desc {
background: var(--color-white);
display: flex;
flex-direction: column;
padding-top: var(--size-22);
padding-bottom: var(--size-22);
}
.table-desc.double {
padding-bottom: var(--size-15);
}
.table-desc.pad {
padding: var(--size-20) var(--size-20) var(--size-20) var(--size-23);
display: block;
}
.table-desc.pad2 {
padding: var(--size-20) var(--size-20) var(--size-20) var(--size-21);
display: block;
}
.table-title h6 {
font-size: var(--size-20);
font-weight: 580;
line-height: 120%;
margin-bottom: var(--size-10);
}
.table-desc p {
font-size: var(--size-14);
font-style: normal;
font-weight: 400;
line-height: 130%;
color: #71858c;
margin-bottom: 0px;
}
.d-grid-pricing-table {
display: grid;
grid-template-columns: 454px repeat(3, 1fr);
}
.d-grid-pricing-table div {
box-shadow: inset 0 0 0 0.5px var(--color-functional-4);
}
.d-grid-pricing {
display: grid;
grid-template-columns: repeat(2, 433px);
gap: var(--size-20);
justify-content: center;
}
@media (max-width: 767px) {
.d-grid-pricing {
grid-template-columns: 1fr;
gap: var(--size-10);
}
.stick-table-mob {
position: sticky;
top: 50px;
z-index: 999;
}
.pricing-card {
padding: var(--size-20) !important;
border-radius: var(--size-20) !important;
background-color: var(--color-white) !important;
}
.table-desc.pad,
.table-desc.pad2,
.table-title {
grid-column: span 3 !important;
}
.table-desc.pad,
.table-desc.pad2 {
padding-left: var(--size-15) !important;
padding-top: var(--size-20) !important;
padding-bottom: var(--size-20) !important;
}
.d-grid-pricing-table {
grid-template-columns: repeat(3, 1fr) !important;
}
.table-width {
width: 100% !important;
}
.d-grid-pricing-table .table-title {
text-align: center !important;
box-shadow: none !important;
}
.table-desc {
padding-top: var(--size-10) !important;
padding-bottom: var(--size-10) !important;
}
.table-desc p {
font-size: var(--size-12) !important;
line-height: 110% !important;
color: var(--color-tertiary-1);
}
.table-desc .table-p {
font-size: var(--size-14) !important;
line-height: 130% !important;
}
.d-grid-pricing-table .mob-no-shadow {
box-shadow: none !important;
}
.d-grid-pricing-table div {
box-shadow: inset 0 -1px 0 0.5px var(--color-functional-4) !important;
}
}
.pricing-card {
padding: var(--size-30);
border-radius: var(--size-20);
background-color: var(--color-white);
}
.category-yellow {
background-color: var(--color-primary-8);
padding: var(--size-4) var(--size-10);
display: inline-block;
font-size: 16px;
font-style: normal;
font-weight: 580;
line-height: 120%;
color: var(--text-primary);
border-radius: var(--size-5);
font-family: "Season Mix" !important;
}
.category-pink {
background-color: var(--color-primary-4);
padding: var(--size-4) var(--size-10);
display: inline-block;
font-size: 16px;
font-style: normal;
font-weight: 580;
line-height: 120%;
color: var(--text-primary);
border-radius: var(--size-5);
font-family: "Season Mix" !important;
}
.bullets-pricing {
padding-left: 0px;
margin-bottom: 0px;
}
.bullets-pricing li {
margin-bottom: var(--size-15);
font-size: var(--size-14);
font-weight: 400;
display: flex;
align-items: center;
gap: 10px;
}
.bullets-pricing li:last-child {
margin-bottom: 0px;
}
.stack-card-360 {
--cards: 4;
--card-height: 627px;
--card-top-padding: 2.3em;
--card-margin: 156px;
position: relative;
isolation: isolate;
}
.stack-card-360 ul.stack-card-360-cards {
list-style: none;
padding: 0;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(var(--cards), var(--card-height));
gap: var(--card-margin);
padding-bottom: calc(var(--cards) * var(--card-top-padding));
margin-bottom: var(--card-margin);
}
@media (max-width: 767px) {
.stack-card-360 ul.stack-card-360-cards {
padding-bottom: var(--size-60) !important;
}
}
.stack-card-360 li.stack-card-360-card {
position: sticky;
top: 7%; /* unchanged from your fix */
padding-top: calc(var(--index) * var(--card-top-padding));
/* --- NEW for smoother lift-and-shrink --- */
will-change: transform;
transform-origin: top center;
}
/* card colours */
/* 2 — give every card body that padding */
/* 3 — per-card brand colours (using the real nth-child order) */
.stack-card-360-card:nth-child(1) .stack-card-360-body {
background-color: var(--color-primary-7);
}
.stack-card-360-card:nth-child(2) .stack-card-360-body {
background-color: var(--color-primary-6);
}
.stack-card-360-card:nth-child(3) .stack-card-360-body {
background-color: var(--color-primary-4);
}
.stack-card-360-card:nth-child(4) .stack-card-360-body {
background-color: var(--color-primary-8);
}
.stack-card-360 .stack-card-360-body {
padding: var(--size-60);
border-radius: var(--size-20);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
height: var(--card-height);
transition: all 0.5s;
}
/* ——— MOBILE: turn off stacking ——— */
@media (max-width: 768px) {
.stack-card-360 {
--card-height: auto;
--card-margin: 0;
}
.stack-card-360 li.stack-card-360-card {
position: static;
padding-top: 0;
transform-origin: center center;
}
.stack-card-360 ul.stack-card-360-cards {
display: block;
gap: 0;
}
.stack-card-360 .stack-card-360-body {
height: auto;
padding: var(--size-30) var(--size-15) !important;
}
.stack-card-360 .overflow-scroll {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.stack-card-360 .overflow-scroll > .animated-card-carousel-card {
flex: 0 0 auto;
}
.stack-card-360-body.carousel {
padding-right: 0px !important;
}
}
/* SCROLL ANIMATION */
@media (min-width: 1600px) {
.wrapper {
height: 480px;
width: 100%;
}
}
@media (min-width: 1400px) and (max-width: 1600px) {
.wrapper {
height: 480px;
width: 150vw;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.wrapper {
height: 480px;
width: 180vw;
}
}
@media (min-width: 767px) and (max-width: 1200px) {
.wrapper {
height: 480px;
width: 205vw;
}
}
@media (max-width: 767px) {
.wrapper {
height: 480px;
width: 380vw;
}
.cta-wrapper {
top: 600px !important;
}
}
::-webkit-scrollbar {
display: none;
}
.thumbnail {
width: 453px;
padding-right: 20px;
}
progress {
position: sticky;
bottom: 0;
left: 0;
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 8px;
border: none;
background: transparent;
z-index: 2000;
}
progress::-webkit-progress-bar {
background: transparent;
}
progress::-webkit-progress-value {
background: #333;
background-attachment: fixed;
}
progress::-moz-progress-bar {
background: #333;
background-attachment: fixed;
}
.cta-wrapper {
position: sticky;
top: 630px;
width: 100%;
display: flex;
justify-content: center;
z-index: 10;
pointer-events: auto;
opacity: 0; /* start hidden */
transition: opacity 0.2s ease;
}
@media (min-width: 1600px) {
.cta-wrapper {
display: none;
}
.button-xxxl {
display: flex !important;
}
}
@media (max-width: 1600px) {
.button-xxxl {
display: none !important;
}
}
[id] {
scroll-margin-top: 30px;
}