/* https://fluidbuilder.webflow.io/?design=90&max=90&min=20&g=--spacing--12,0.75,0.75_--spacing--20,1.25,1.75_--spacing--24,1.5,2_--spacing--48,3,2.25_--size--3-5rem,3.5,2.375_--size--4rem,4,2.5_--size--4-5rem,4.5,2.75_--spacing--80,5,3_--size--5-5rem,5.5,3.25_--spacing--96-to-46,6,4_--spacing--106,6.62,3.75_--size--7rem,7,4_--spacing--120,7.5,4.25_--size--8rem,8,4.5_--size--8-5rem,8.5,4.75_--size--9rem,9,5_--size--9-5rem,9.5,5.25_--spacing--160,10,5.5_--size--11rem,11,5.75_--size--12rem,12,6_--size--13rem,13,6.5_--size--14rem,14,7_--size--15rem,15,7.5_--size--16rem,16,8_--spacing--96-to-64,6,4_--spacing--160-to-120,10,7.5_--spacing--107-to-21,6.6875,1.3125_--spacing--144-to-120,9,7.5_--spacing--216-to-120,13.5,7.5_--spacing--120-to-64,7.5,4_--spacing--96-to-48,7.5,3_--h1--font-size,3,2_--h1--line-height,3.3125,2.375&g=:1.125,1.125:--variable-name,11.875,6.75,t_--variable-name,10.56,6_--h2--font-size,9.38,5.33_--variable-name,8.34,4.74_--h4--font-size,7.41,4.21_--h5--font-size,6.59,3.75_--h6--font-size,5.86,3.33_--variable-name,5.21,2.96_--variable-name,4.63,2.63_--variable-name,4.11,2.34_--variable-name,3.66,2.08_--variable-name,3.25,1.85_--variable-name,2.89,1.64_--variable-name,2.57,1.46_--variable-name,2.28,1.3_--h3--font-size,2.03,1.15_--variable-name,1.8,1.03_--h2--font-size,1.6,0.91_--variable-name,1.43,0.81_--b2--font-size,1.27,0.72_--b3--font-size,1.13,0.64_--variable-name,1,0.57_--caption--font-size,0.89,0.51_--variable-name,0.79,0.45&g=:1.125,1.125:line-height,11.875,6,t_--variable-name,10.56,5.33_--variable-name,9.38,4.74_--variable-name,8.34,4.21_--variable-name,7.41,3.75_--variable-name,6.59,3.33_--variable-name,5.86,2.96_--variable-name,5.21,2.63_--variable-name,4.63,2.34_--variable-name,4.11,2.08_--variable-name,3.66,1.85_--variable-name,3.25,1.64_--variable-name,2.89,1.46_--h3--line-height,2.57,1.3_--variable-name,2.28,1.15_--variable-name,2.03,1.03_--b2--line-height,1.8,0.91_--b3--line-height,1.6,0.81_--caption--line-height,1.43,0.72_--variable-name,1.27,0.64_--variable-name,1.13,0.57 */ /* fallback for older browsers */ :root { --spacing--12: 0.75rem; --spacing--20: 1.25rem; --spacing--24: 1.5rem; --spacing--48: 3rem; --size--3-5rem: 3.5rem; --size--4rem: 4rem; --size--4-5rem: 4.5rem; --spacing--80: 5rem; --size--5-5rem: 5.5rem; --spacing--96-to-46: 6rem; --spacing--106: 6.62rem; --size--7rem: 7rem; --spacing--120: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --spacing--160: 10rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --spacing--96-to-64: 6rem; --spacing--160-to-120: 10rem; --spacing--107-to-21: 6.6875rem; --spacing--144-to-120: 9rem; --spacing--216-to-120: 13.5rem; --spacing--120-to-64: 7.5rem; --spacing--96-to-48: 7.5rem; --h1--font-size: 3rem; --h1--line-height: 3.3125rem; --variable-name: 11.875rem; --variable-name: 10.56rem; --h2--font-size: 9.38rem; --variable-name: 8.34rem; --h4--font-size: 7.41rem; --h5--font-size: 6.59rem; --h6--font-size: 5.86rem; --variable-name: 5.21rem; --variable-name: 4.63rem; --variable-name: 4.11rem; --variable-name: 3.66rem; --variable-name: 3.25rem; --variable-name: 2.89rem; --variable-name: 2.57rem; --variable-name: 2.28rem; --h3--font-size: 2.03rem; --variable-name: 1.8rem; --h2--font-size: 1.6rem; --variable-name: 1.43rem; --b2--font-size: 1.27rem; --b3--font-size: 1.13rem; --variable-name: 1rem; --caption--font-size: 0.89rem; --variable-name: 0.79rem; line-height: 11.875rem; --variable-name: 10.56rem; --variable-name: 9.38rem; --variable-name: 8.34rem; --variable-name: 7.41rem; --variable-name: 6.59rem; --variable-name: 5.86rem; --variable-name: 5.21rem; --variable-name: 4.63rem; --variable-name: 4.11rem; --variable-name: 3.66rem; --variable-name: 3.25rem; --variable-name: 2.89rem; --h3--line-height: 2.57rem; --variable-name: 2.28rem; --variable-name: 2.03rem; --b2--line-height: 1.8rem; --b3--line-height: 1.6rem; --caption--line-height: 1.43rem; --variable-name: 1.27rem; --variable-name: 1.13rem; } @media screen and (max-width: 767px) { :root { --spacing--12: 0.75rem; --spacing--20: 1.75rem; --spacing--24: 2rem; --spacing--48: 2.25rem; --size--3-5rem: 2.375rem; --size--4rem: 2.5rem; --size--4-5rem: 2.75rem; --spacing--80: 3rem; --size--5-5rem: 3.25rem; --spacing--96-to-46: 4rem; --spacing--106: 3.75rem; --size--7rem: 4rem; --spacing--120: 4.25rem; --size--8rem: 4.5rem; --size--8-5rem: 4.75rem; --size--9rem: 5rem; --size--9-5rem: 5.25rem; --spacing--160: 5.5rem; --size--11rem: 5.75rem; --size--12rem: 6rem; --size--13rem: 6.5rem; --size--14rem: 7rem; --size--15rem: 7.5rem; --size--16rem: 8rem; --spacing--96-to-64: 4rem; --spacing--160-to-120: 7.5rem; --spacing--107-to-21: 1.3125rem; --spacing--144-to-120: 7.5rem; --spacing--216-to-120: 7.5rem; --spacing--120-to-64: 4rem; --spacing--96-to-48: 3rem; --h1--font-size: 2rem; --h1--line-height: 2.375rem; --variable-name: 6.75rem; --variable-name: 6rem; --h2--font-size: 5.33rem; --variable-name: 4.74rem; --h4--font-size: 4.21rem; --h5--font-size: 3.75rem; --h6--font-size: 3.33rem; --variable-name: 2.96rem; --variable-name: 2.63rem; --variable-name: 2.34rem; --variable-name: 2.08rem; --variable-name: 1.85rem; --variable-name: 1.64rem; --variable-name: 1.46rem; --variable-name: 1.3rem; --h3--font-size: 1.15rem; --variable-name: 1.03rem; --h2--font-size: 0.91rem; --variable-name: 0.81rem; --b2--font-size: 0.72rem; --b3--font-size: 0.64rem; --variable-name: 0.57rem; --caption--font-size: 0.51rem; --variable-name: 0.45rem; line-height: 6rem; --variable-name: 5.33rem; --variable-name: 4.74rem; --variable-name: 4.21rem; --variable-name: 3.75rem; --variable-name: 3.33rem; --variable-name: 2.96rem; --variable-name: 2.63rem; --variable-name: 2.34rem; --variable-name: 2.08rem; --variable-name: 1.85rem; --variable-name: 1.64rem; --variable-name: 1.46rem; --h3--line-height: 1.3rem; --variable-name: 1.15rem; --variable-name: 1.03rem; --b2--line-height: 0.91rem; --b3--line-height: 0.81rem; --caption--line-height: 0.72rem; --variable-name: 0.64rem; --variable-name: 0.57rem; } } /* fluid sizes */ @supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)) { :root { --spacing--12: clamp(0.75rem, 0.75rem + 0vw, 0.75rem); --spacing--20: clamp(1.75rem, 1.892rem + -0.71vw, 1.25rem); --spacing--24: clamp(2rem, 2.142rem + -0.71vw, 1.5rem); --spacing--48: clamp(2.25rem, 2.036rem + 1.07vw, 3rem); --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem); --size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem); --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem); --spacing--80: clamp(3rem, 2.428rem + 2.86vw, 5rem); --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem); --spacing--96-to-46: clamp(4rem, 3.428rem + 2.86vw, 6rem); --spacing--106: clamp(3.75rem, 2.93rem + 4.1vw, 6.62rem); --size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem); --spacing--120: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem); --size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem); --size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem); --size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem); --size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem); --spacing--160: clamp(5.5rem, 4.214rem + 6.43vw, 10rem); --size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem); --size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem); --size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem); --size--14rem: clamp(7rem, 5rem + 10vw, 14rem); --size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem); --size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem); --spacing--96-to-64: clamp(4rem, 3.428rem + 2.86vw, 6rem); --spacing--160-to-120: clamp(7.5rem, 6.786rem + 3.57vw, 10rem); --spacing--107-to-21: clamp(1.3125rem, -0.2235rem + 7.68vw, 6.6875rem); --spacing--144-to-120: clamp(7.5rem, 7.072rem + 2.14vw, 9rem); --spacing--216-to-120: clamp(7.5rem, 5.786rem + 8.57vw, 13.5rem); --spacing--120-to-64: clamp(4rem, 3rem + 5vw, 7.5rem); --spacing--96-to-48: clamp(3rem, 1.714rem + 6.43vw, 7.5rem); --h1--font-size: clamp(2rem, 1.714rem + 1.43vw, 3rem); --h1--line-height: clamp(2.375rem, 2.107rem + 1.34vw, 3.3125rem); --variable-name: clamp(6.75rem, 5.286rem + 7.32vw, 11.875rem); --variable-name: clamp(6rem, 4.698rem + 6.51vw, 10.56rem); --h2--font-size: clamp(5.33rem, 4.172rem + 5.79vw, 9.38rem); --variable-name: clamp(4.74rem, 3.712rem + 5.14vw, 8.34rem); --h4--font-size: clamp(4.21rem, 3.296rem + 4.57vw, 7.41rem); --h5--font-size: clamp(3.75rem, 2.938rem + 4.06vw, 6.59rem); --h6--font-size: clamp(3.33rem, 2.608rem + 3.61vw, 5.86rem); --variable-name: clamp(2.96rem, 2.318rem + 3.21vw, 5.21rem); --variable-name: clamp(2.63rem, 2.058rem + 2.86vw, 4.63rem); --variable-name: clamp(2.34rem, 1.834rem + 2.53vw, 4.11rem); --variable-name: clamp(2.08rem, 1.628rem + 2.26vw, 3.66rem); --variable-name: clamp(1.85rem, 1.45rem + 2vw, 3.25rem); --variable-name: clamp(1.64rem, 1.282rem + 1.79vw, 2.89rem); --variable-name: clamp(1.46rem, 1.142rem + 1.59vw, 2.57rem); --variable-name: clamp(1.3rem, 1.02rem + 1.4vw, 2.28rem); --h3--font-size: clamp(1.15rem, 0.898rem + 1.26vw, 2.03rem); --variable-name: clamp(1.03rem, 0.81rem + 1.1vw, 1.8rem); --h2--font-size: clamp(0.91rem, 0.712rem + 0.99vw, 1.6rem); --variable-name: clamp(0.81rem, 0.632rem + 0.89vw, 1.43rem); --b2--font-size: clamp(0.72rem, 0.562rem + 0.79vw, 1.27rem); --b3--font-size: clamp(0.64rem, 0.5rem + 0.7vw, 1.13rem); --variable-name: clamp(0.57rem, 0.448rem + 0.61vw, 1rem); --caption--font-size: clamp(0.51rem, 0.402rem + 0.54vw, 0.89rem); --variable-name: clamp(0.45rem, 0.352rem + 0.49vw, 0.79rem); line-height: clamp(6rem, 4.322rem + 8.39vw, 11.875rem); --variable-name: clamp(5.33rem, 3.836rem + 7.47vw, 10.56rem); --variable-name: clamp(4.74rem, 3.414rem + 6.63vw, 9.38rem); --variable-name: clamp(4.21rem, 3.03rem + 5.9vw, 8.34rem); --variable-name: clamp(3.75rem, 2.704rem + 5.23vw, 7.41rem); --variable-name: clamp(3.33rem, 2.398rem + 4.66vw, 6.59rem); --variable-name: clamp(2.96rem, 2.132rem + 4.14vw, 5.86rem); --variable-name: clamp(2.63rem, 1.892rem + 3.69vw, 5.21rem); --variable-name: clamp(2.34rem, 1.686rem + 3.27vw, 4.63rem); --variable-name: clamp(2.08rem, 1.5rem + 2.9vw, 4.11rem); --variable-name: clamp(1.85rem, 1.332rem + 2.59vw, 3.66rem); --variable-name: clamp(1.64rem, 1.18rem + 2.3vw, 3.25rem); --variable-name: clamp(1.46rem, 1.052rem + 2.04vw, 2.89rem); --h3--line-height: clamp(1.3rem, 0.938rem + 1.81vw, 2.57rem); --variable-name: clamp(1.15rem, 0.828rem + 1.61vw, 2.28rem); --variable-name: clamp(1.03rem, 0.744rem + 1.43vw, 2.03rem); --b2--line-height: clamp(0.91rem, 0.656rem + 1.27vw, 1.8rem); --b3--line-height: clamp(0.81rem, 0.584rem + 1.13vw, 1.6rem); --caption--line-height: clamp(0.72rem, 0.518rem + 1.01vw, 1.43rem); --variable-name: clamp(0.64rem, 0.46rem + 0.9vw, 1.27rem); --variable-name: clamp(0.57rem, 0.41rem + 0.8vw, 1.13rem); } } @media (max-width: 768px) { :root { --b2--font-size: 1rem; --b2--line-height: 1.5rem; --b3--font-size: 1.125rem; --b3--line-height: 1.625rem; --h2--font-size: 1.125rem; --h2--line-height: 1.625rem; } } .navbar .header .nav-link { transition: color ease-in-out 0.5s; } @media (max-width: 1300px) { .navbar .header .nav-link { padding: 13px; } } @media (max-width: 1300px) { .navbar .header .search--open { padding-top: 5px !important; padding-bottom: 5px !important; } .navbar .header .search--open input { margin: auto; } } .navbar .header .small-button { margin-left: 12px; } .navbar .w-nav-overlay .menu-list .nav-link { position: relative; } .navbar .w-nav-overlay .menu-list .nav-link::after { content: ""; position: absolute; right: 17px; top: 50%; background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9766 6.37891L7.60156 10.7539C7.27344 11.1094 6.69922 11.1094 6.37109 10.7539C6.01562 10.4258 6.01562 9.85156 6.37109 9.52344L9.24219 6.625H0.875C0.382812 6.625 0 6.24219 0 5.75C0 5.28516 0.382812 4.875 0.875 4.875H9.24219L6.37109 2.00391C6.01562 1.67578 6.01562 1.10156 6.37109 0.773438C6.69922 0.417969 7.27344 0.417969 7.60156 0.773438L11.9766 5.14844C12.332 5.47656 12.332 6.05078 11.9766 6.37891Z' fill='%237B8CA8'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; height: 14px; width: 13px; transform: translate(-50%, -50%); } .experince-tabs-section .experince-tabs_item .headings-h2-black, .experince-tabs-section .experince-tabs_item .body-text-regular { transition: color ease-in-out 0.5s; } .experince-tabs-section .experince-tabs_item.active .headings-h2-black, .experince-tabs-section .experince-tabs_item.active .body-text-regular { color: var(--white); } .experince-tabs-section .experince-tabs_item:hover .headings-h2-black, .experince-tabs-section .experince-tabs_item:hover .body-text-regular { color: var(--secondary-turquoise); } .experince-tabs-section .experince-tabs_item label.p-0.w-radio { text-align: center; } .experince-tabs-section .experince-tabs_item label.p-0.w-radio.is-avtive { border-bottom: 1px solid #fff; padding-bottom: 24px; } .experince-tabs-section .experince-tabs_item label.p-0.w-radio.is-avtive .headings-h2-black, .experince-tabs-section .experince-tabs_item label.p-0.w-radio.is-avtive .body-text-regular { color: #fff; } .btn, .btn-white-hover { border-image-source: linear-gradient(116.95deg, #4281B2 3.99%, #386C9C 22.25%, #2E5888 37.76%, #284A79 54.33%, #244270 73.75%, #23406E 96.64%), linear-gradient(106.04deg, rgba(0, 0, 0, 0) 18.12%, #000000 83.69%); box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.0509803922); box-shadow: 0px 1px 4px 0px rgba(85, 140, 179, 0.4) inset; box-shadow: 0px -1px 1px 0px rgba(21, 95, 181, 0.2) inset; background: rgba(7, 14, 23, 0.4); transition: background-color 0.3s ease; } .btn:hover, .btn-white-hover:hover { transition: color ease-in-out 0.5s; background-color: var(--secondary-turquoise); } .btn:hover .button-text, .btn-white-hover:hover .button-text { color: #284D6B; } .btn-white-hover:hover { background-color: #A7B3C5; } .btn-white-hover:hover .button-text { color: #070D16; } .grey-btn { height: 68px; border-color: #7B8CA8; } .grey-btn .button-text { color: #7B8CA8; } .grey-btn:hover { background-color: #A7B3C5; } .grey-btn:hover .grey-btn-text { color: #070D16; } .grey-btn:hover .button-text { color: #070D16; } @media (max-width: 767px) { .grey-btn:hover { background: transparent; } .grey-btn:hover .grey-btn-text { color: white; } } .gradient-border { border-top: 1px solid; border-image-source: linear-gradient(116.95deg, #4281B2 3.99%, #386C9C 22.25%, #2E5888 37.76%, #284A79 54.33%, #244270 73.75%, #23406E 96.64%), linear-gradient(106.04deg, rgba(0, 0, 0, 0) 18.12%, rgba(0, 0, 0, 0.4) 83.69%); border-image-slice: 1; } .small-button, .button-primary { border-radius: 9999px; border: 1px solid #4281B2; background: rgba(7, 14, 23, 0.4); box-shadow: 0px -1px 1px 0px rgba(21, 95, 181, 0.2) inset, 0px 1px 4px 0px rgba(85, 140, 179, 0.4) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .small-button:hover .fa-icon-white, .small-button:hover .button-text, .button-primary:hover .fa-icon-white, .button-primary:hover .button-text { color: #070D16; } .small-button.large, .button-primary.large { height: 68px; } @media (max-width: 992px) { .small-button.large, .button-primary.large { height: 64px; } } .price-signle-card { border: 1px solid #4281B2; box-shadow: 0px -1px 1px 0px rgba(21, 95, 181, 0.2) inset, 0px 1px 4px 0px rgba(85, 140, 179, 0.4) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .form-field-2, .form-text-field, .form-field { border-bottom-color: #7B8CA8 !important; } .form-field-2 select, .form-text-field select, .form-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-field-2 .field-icon, .form-field-2 .select-icon, .form-text-field .field-icon, .form-text-field .select-icon, .form-field .field-icon, .form-field .select-icon { color: #7B8CA8; } .form-field-2 input::-moz-placeholder, .form-text-field input::-moz-placeholder, .form-field input::-moz-placeholder { color: #7B8CA8; } .form-field-2 input::placeholder, .form-text-field input::placeholder, .form-field input::placeholder { color: #7B8CA8; } .btn-submit { position: relative; font-weight: 700; } .btn-submit:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6875 7.71875L8.6875 12.7188C8.3125 13.125 7.65625 13.125 7.28125 12.7188C6.875 12.3438 6.875 11.6875 7.28125 11.3125L10.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H10.5625L7.28125 2.71875C6.875 2.34375 6.875 1.6875 7.28125 1.3125C7.65625 0.90625 8.3125 0.90625 8.6875 1.3125L13.6875 6.3125C14.0938 6.6875 14.0938 7.34375 13.6875 7.71875Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: absolute; right: 0; top: 0; height: 16px; width: 16px; top: 50%; right: 24px; transform: translate(-50%, -50%); transition: background-image ease 1; } .btn-submit:hover { background: var(--secondary-turquoise) !important; } .btn-submit:hover .body-copy-b2-bold { color: #070D16; } .btn-submit:hover:after { background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6875 7.71875L8.6875 12.7188C8.3125 13.125 7.65625 13.125 7.28125 12.7188C6.875 12.3438 6.875 11.6875 7.28125 11.3125L10.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H10.5625L7.28125 2.71875C6.875 2.34375 6.875 1.6875 7.28125 1.3125C7.65625 0.90625 8.3125 0.90625 8.6875 1.3125L13.6875 6.3125C14.0938 6.6875 14.0938 7.34375 13.6875 7.71875Z' fill='white'/%3E%3C/svg%3E%0A") !important; } .secondary-btn { transition: background-color 0.3s ease; } .secondary-btn:hover { background-color: #A7B3C5; } .secondary-btn:hover .body-copy-b2-bold { color: #070D16; transition: color 0.3s ease; } body.footer-dark { background-color: #070D16; } .small-banner-wrap-img { -o-object-fit: cover; object-fit: cover; } .elips-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .elips-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .elips-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .elips-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 992px) { .testimonial-text br { display: none; } } @media (min-width: 992px) { .about-intro .swiper-container { margin: 0 auto; overflow: visible !important; width: 550px; /* width: 100%; */ padding-top: 40px; padding-bottom: 50px; } } @media (min-width: 992px) and (max-width: 1400px) { .about-intro .swiper-container { width: 312px; } } @media (min-width: 992px) and (max-width: 992px) { .about-intro .swiper-container { width: 100%; } } @media (min-width: 992px) { .about-intro .swiper-slide { background-position: center; background-size: cover; } .about-intro .swiper-slide .imgbox { position: relative; } .about-intro .swiper-slide .imgbox:after { content: ""; height: 100%; width: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3843137255); position: absolute; border-radius: 16px; } } @media (min-width: 992px) and (max-width: 992px) { .about-intro .swiper-slide .imgbox:after { border-radius: 8px; } } @media (min-width: 992px) { .about-intro .swiper-slide img { aspect-ratio: 382/501; -o-object-fit: cover; object-fit: cover; border-radius: 16px; } .about-intro .swiper-slide-active .imgbox { position: relative; } .about-intro .swiper-slide-active .imgbox:after { display: none; } .about-intro .swiper-slide-active img { border: 4px solid #00B1B0; } .about-intro .swiper-slide .imgBox { width: 100%; height: 330px; overflow: hidden; } .about-intro .swiper-slide .imgBox img { width: 100%; } .about-intro .swiper-slide .details { box-sizing: border-box; padding: 15px; } .about-intro .swiper-slide .details h3 { margin: 0; padding: 0; font-size: 14px; text-align: center; line-height: 20px; font-family: Abril Fatface; } .about-intro .swiper-slide .details h3 span { font-size: 14px; color: #f44336; font-family: Abhaya Libre; } } @media (max-width: 992px) { .about-intro .swiper-container-mob .swiper-slide img { height: 371px; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } } .gallery-section-slider .swiper-slide:nth-child(odd), .our-people-sliders .swiper-slide:nth-child(odd) { margin-top: 24px; } .breadcrumbs { padding-left: 0px; } .breadcrumbs li::marker { color: #fff; } .breadcrumbs li:first-child { list-style: none; } .menu-open::after { content: ""; background-color: var(--bg-primary); left: 0; top: 0; height: 100%; width: 100%; position: absolute; } .faq-tabs { display: grid; } .faq-tabs .tab-btn.is-avtive { background-color: #FFFFFF; } .faq-tabs .tab-btn.is-avtive span { color: #1C3358; } .faq-tabs .w-dyn-items { justify-content: flex-start; overflow: auto; } .faq-tabs .w-dyn-items::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 50px; } .faq-tabs .w-dyn-items::-webkit-scrollbar-track { background: #1C3358; border-radius: 50px; } .faq-tabs .w-dyn-items::-webkit-scrollbar-thumb { background: #7B8CA8; border-radius: 50px; } .booking-flow .p-card .bullet-points ul { padding-left: 0px; display: flex; list-style: none; flex-wrap: wrap; gap: 12px; } .booking-flow .p-card .bullet-points ul li { position: relative; padding-left: 35px; width: 100%; font-size: 14px; line-height: 23px; color: white; } .booking-flow .p-card .bullet-points ul li:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C4.45312 20 0 15.5469 0 10C0 4.49219 4.45312 0 10 0C15.5078 0 20 4.49219 20 10C20 15.5469 15.5078 20 10 20ZM14.4141 8.16406H14.375C14.7656 7.8125 14.7656 7.22656 14.375 6.83594C14.0234 6.48438 13.4375 6.48438 13.0859 6.83594L8.75 11.2109L6.91406 9.375C6.52344 8.98438 5.9375 8.98438 5.58594 9.375C5.19531 9.72656 5.19531 10.3125 5.58594 10.6641L8.08594 13.1641C8.4375 13.5547 9.02344 13.5547 9.41406 13.1641L14.4141 8.16406Z' fill='%23689AC1'/%3E%3C/svg%3E%0A"); height: 20px; width: 20px; position: absolute; left: 0; top: 0; } .icon-list { align-items: center; } .your-email-button input::-moz-placeholder { color: #070D16; } .your-email-button input, .your-email-button input::placeholder { color: #070D16; } .your-email-button label#Email-error { display: none !important; } .your-email-button input.error { border-color: red; color: red !important; } .your-email-button input.error::-moz-placeholder, .your-email-button input.error::-moz-placeholder { color: red !important; } .your-email-button input.error::placeholder, .your-email-button input.error::placeholder { color: red !important; } .wbs-accordion-3-content-2 { display: none; } .wbs-accordion-3-content { display: none; } .wbs-accordion-3-item.is-active .wbs-accordion-3-icon-plus { display: block; } .wbs-accordion-3-item.is-active .wbs-accordion-3-icon-minus { display: none; } .scroll-bar { height: 400px; overflow-x: hidden; overflow-y: auto; padding-right: 40px; } .scroll-bar::-webkit-scrollbar { width: 4px; border-radius: 50px; } .scroll-bar::-webkit-scrollbar-track { background: #1C3358; border-radius: 50px; } .scroll-bar::-webkit-scrollbar-thumb { background: #7B8CA8; border-radius: 50px; } .experience--cards-list::-webkit-scrollbar { display: none; } .price-card .buttons-coloumn a { height: 68px; } @media (max-width: 768px) { .price-card .buttons-coloumn a { height: 64px; } } @media (min-width: 420px) and (max-width: 768px) { .courses-sec .price-card .buttons-coloumn, .prices-sec .price-card .buttons-coloumn { flex-flow: nowrap; justify-content: center; } .courses-sec .price-card .buttons-coloumn a, .prices-sec .price-card .buttons-coloumn a { width: auto; padding: 24px; white-space: nowrap; } } .animate-head { display: block; width: -moz-fit-content; width: fit-content; animation: rotate-even 5s linear infinite; } @keyframes rotate-even { 0% { transform: rotate(0deg); } 25% { transform: rotate(-2deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } } @media (max-width: 992px) { .nav-menu.mob-menu { background: var(--bg-primary); } } .upcoming-events-slider .arrow-navigation { position: absolute; top: 20px; left: 0%; transform: translate(0%, 0%); width: 100%; z-index: 1; } @media (max-width: 992px) { .upcoming-events-slider .arrow-navigation { display: none; } } .upcoming-events-slider .swiper-button-prev, .upcoming-events-slider .swiper-button-next { text-align: center; justify-content: center; display: flex; border-radius: 9999px; border: 1px solid #4281B2; background: rgba(7, 14, 23, 0.4); box-shadow: 0px -1px 1px 0px rgba(21, 95, 181, 0.2) inset, 0px 1px 4px 0px rgba(85, 140, 179, 0.4) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-family: "Font Awesome 6 Pro Solid 900 1", sans-serif; font-size: 56px; line-height: 56px; color: #fff; } .upcoming-events-slider .swiper-button-prev:hover, .upcoming-events-slider .swiper-button-next:hover { background-color: #00B1B0; color: #070D16; border: 0px; } .upcoming-events-slider .swiper-button-prev:after, .upcoming-events-slider .swiper-button-next:after { display: none; } .upcoming-events-slider .swiper-button-next { margin-top: 63px; height: 150px; width: 150px; font-size: 56px; line-height: 56px; } .upcoming-events-slider .swiper-button-prev { margin-top: 88px; height: 100px; width: 100px; font-size: 40px; line-height: 40px; } .upcoming-events-slider .swiper-button-disabled { display: none; } @media (min-width: 992px) { .whats-new-section .swiper-slide .rotate { display: block; width: -moz-fit-content; width: fit-content; } .whats-new-section .swiper-slide:nth-child(even) .rotate { animation: rotate-even 5s linear infinite; } .whats-new-section .swiper-slide:nth-child(odd) .rotate { animation: rotate-odd 5s linear infinite; } @keyframes rotate-even { 0% { transform: rotate(0deg); } 25% { transform: rotate(-2deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } } @keyframes rotate-odd { 0% { transform: rotate(0deg); } 25% { transform: rotate(2deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-2deg); } 100% { transform: rotate(0deg); } } } @media (max-width: 992px) { .footer .footer-bottom .footer-bottom-left { flex-flow: wrap; } .footer .footer-bottom .footer-bottom-left .link-block { width: 39%; text-align: center; } .footer .footer-bottom .footer-bottom-left .link-block .link-text { white-space: nowrap; } } @media (min-width: 992px) { .custom-dropdown { padding: 8px; border-radius: 40px; background: #0E1A2C; margin-bottom: 40px; } } .custom-dropdown__selected, .custom-dropdown__link { display: flex; width: 100%; padding: var(--sizes-125, 20px); justify-content: space-between; align-items: center; flex: 1 0 0; border-radius: var(--radius-Round, 9999px); background: var(--Secondary-Colors-Turquoise, #00B1B0); color: var(--Primary-Colors-Deep-Blue-Shades-Shade-4, #070D16); /* Body Copy/B3/Bold */ font-family: var(--font-family-primary-family, Montserrat); font-size: var(--B3-font-size, 18px); font-style: normal; font-weight: 700; line-height: var(--B3-line-height, 26px); /* 144.444% */ letter-spacing: var(--B3-letter-spacing, 0px); } .custom-dropdown__selected span, .custom-dropdown__link span { font-size: 16px; } @media (max-width: 992px) { .custom-dropdown__selected, .custom-dropdown__link { display: none; } } .custom-dropdown__selected label, .custom-dropdown__link label { width: 100%; cursor: pointer; height: 100%; padding: var(--sizes-125, 20px) !important; } .custom-dropdown__link { padding: 0 !important; } @media (max-width: 992px) { .custom-dropdown__nav { display: flex; gap: 12px; margin-bottom: 48px; overflow: auto; } } @media (min-width: 992px) { .custom-dropdown__nav { overflow: hidden; max-height: 0; /* Initial state */ transition: all 0.3s linear; } .custom-dropdown__nav.open { max-height: 500px; } } @media (min-width: 992px) and (min-width: 992px) { .custom-dropdown__nav.open { margin-top: 24px; } } .custom-dropdown__link { text-decoration: none; margin-bottom: 8px; background: #070D16; transition: all 0.3s linear; color: #4F668B; } .custom-dropdown__link .w-radio { padding: 0px; } @media (max-width: 992px) { .custom-dropdown__link .w-radio span { font-size: var(--b3--font-size); font-weight: 900; line-height: var(--b3--line-height); } } @media (max-width: 992px) { .custom-dropdown__link--active { background: #FFF; color: #1C3358; } } @media (min-width: 992px) { .custom-dropdown__link--active { display: none; } } @media (min-width: 992px) { .custom-dropdown__link:last-child { margin-bottom: 0; } } @media (min-width: 992px) { .custom-dropdown__link:hover { background: #23406E; color: #D3D9E2; } } @media (max-width: 992px) { .custom-dropdown__link { white-space: nowrap; display: flex; padding: var(--sizes-125, 20px) var(--padding-horizontal-main, 20px); justify-content: center; align-items: center; border-radius: var(--radius-Large, 8px); border: 1px solid var(--Primary-Colors-Deep-Blue-Tints-Tint-2, #7B8CA8); } } .search--open { padding: 0; overflow: hidden; width: 0px; flex: 0 0 0; transition: all 0.2s ease-in-out; padding-top: 14px; padding-bottom: 14px; } .search--open.visible { width: 291px; padding-left: 20px; padding-right: 20px; flex: 0 0 291px; } @media (max-width: 991px) { .search--open.visible { width: 100%; flex: 0 0 100%; } } @media (min-width: 992px) and (max-width: 1300px) { .search--open.visible { position: absolute; right: 175px; } } @media (max-width: 992px) { .side-scrollbar-sec { display: none; } } .side-scrollbar-sec .bar { width: -moz-fit-content; width: fit-content; position: fixed; right: 30px; top: 50%; transform: translateY(-50%); height: 80vh; } .side-scrollbar-sec .bar svg { height: 100%; } .side-scrollbar-sec .bar__ball { width: 40%; height: 0; padding-bottom: 40%; display: inline-block; background: #00B1B0; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 0; border-radius: 100%; transition: top 0.3s ease-out; cursor: pointer; } .side-scrollbar-sec p { width: 500px; } .side-scrollbar-sec .bar__copy { position: absolute; right: 50px; opacity: 0; transition: all 0.5s linear; top: 50%; pointer-events: none; transform: translateY(-50%); border: 1px solid #4281B2; background: rgba(7, 14, 23, 0.4); box-shadow: 0px -1px 1px 0px rgba(21, 95, 181, 0.2) inset, 0px 1px 4px 0px rgba(85, 140, 179, 0.4) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .side-scrollbar-sec .bar__ball:hover .bar__copy { opacity: 1; } @media (min-width: 992px) { .main-section-right { position: relative; } .main-section-right::after { content: ""; position: absolute; background: linear-gradient(0deg, #0E1A2C, #0E1A2C), linear-gradient(318.43deg, rgba(2, 16, 29, 0) 58.6%, #02101D 98.8%); width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } } @media (max-width: 992px) { .main-section-left { background-color: #070D16; } } @media (min-width: 992px) { .main-section-left { position: sticky; height: 100vh; top: 0; left: 0; } .main-section-left::after { content: ""; position: absolute; background: #02101D; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } } .main-section-left ._w-dyn-items .experience-card, .main-section-left .w-dyn-items .experience-card { height: 224px; border-radius: 16px; position: relative; } @media (max-width: 992px) { .main-section-left ._w-dyn-items .experience-card, .main-section-left .w-dyn-items .experience-card { height: 180px; } } .main-section-left ._w-dyn-items .experience-card a, .main-section-left .w-dyn-items .experience-card a { height: 100%; width: 100%; } .main-section-left ._w-dyn-items .experience-card a img, .main-section-left .w-dyn-items .experience-card a img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 992px) { .main-section-left ._w-dyn-items .experience-card, .main-section-left .w-dyn-items .experience-card { border-radius: 8px; } } .main-section-left ._w-dyn-items .experience-card .diving-card-text, .main-section-left .w-dyn-items .experience-card .diving-card-text { color: #689AC1; z-index: 2; } .main-section-left ._w-dyn-items .experience-card:after, .main-section-left .w-dyn-items .experience-card:after { border-radius: 16px; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); z-index: 1; } @media (max-width: 992px) { .main-section-left ._w-dyn-items .experience-card:after, .main-section-left .w-dyn-items .experience-card:after { border-radius: 8px; } } .main-section-left ._w-dyn-items .experience-card:hover .diving-card-text, .main-section-left .w-dyn-items .experience-card:hover .diving-card-text { color: #fff; } .main-section-left ._w-dyn-items .experience-card:hover:after, .main-section-left .w-dyn-items .experience-card:hover:after { display: none; } .main-section-left ._w-dyn-items .experience-card.active, .main-section-left .w-dyn-items .experience-card.active { border: 4px solid #00B1B0; } .main-section-left ._w-dyn-items .experience-card.active img, .main-section-left .w-dyn-items .experience-card.active img { border-radius: 12px; } .main-section-left ._w-dyn-items .experience-card.active .diving-card-text, .main-section-left .w-dyn-items .experience-card.active .diving-card-text { color: #fff; z-index: 2; } .main-section-left ._w-dyn-items .experience-card.active:after, .main-section-left .w-dyn-items .experience-card.active:after { display: none; } @media (max-width: 992px) { .main-section-right .dual-btn { gap: 12px; } } .main-section-right .eligible-card .form-steps .bmi-field::-moz-placeholder { color: var(--primary-colors--light-blue--tints--tint-3); } .main-section-right .eligible-card .form-steps .bmi-field::placeholder { color: var(--primary-colors--light-blue--tints--tint-3); } .main-section-right .eligible-card .form-steps .bmi-field.input-error { color: red; } .main-section-right .eligible-card .form-steps .bmi-field.input-error::-moz-placeholder { color: red; } .main-section-right .eligible-card .form-steps .bmi-field.input-error::placeholder { color: red; } .main-section-right .eligible-card .form-steps a.grey-btn.mt-24.w-inline-block { margin-top: 83px; } .main-section-right .eligible-card .form-steps .w-radio { padding-left: 0px; } @media (max-width: 992px) { .main-section-right .eligible-card .form-steps { text-align: center; } .main-section-right .eligible-card .form-steps .grey-btn { max-width: 189px; margin: auto; } } @media (max-width: 992px) { .main-section-right .eligible-card.bring { text-align: center; } .main-section-right .eligible-card.bring .grey-btn { width: auto; } .main-section-right .eligible-card.bring .grey-btn .grey-btn-text { white-space: nowrap; } } .eligible-card-text h3 { font-size: var(--h2--font-size); font-weight: 700; line-height: var(--h2--font-height); text-align: center; margin-bottom: 24px; margin-top: 0px; } .eligible-card-text ul { list-style: none; padding: 0px; margin-bottom: 0; } .eligible-card-text ul li { position: relative; display: flex; justify-content: center; margin: auto; width: -moz-fit-content; width: fit-content; padding-left: 12px; font-size: var(--caption-1--font-size); line-height: var(--caption-1--line-height); font-weight: 400; color: #7B8CA8; } .eligible-card-text ul li:after { position: absolute; height: 5px; width: 5px; border-radius: 100px; content: ""; background-color: #7B8CA8; top: 10px; left: 0px; transform: translate(0%, -50%); } .book-now-popup-step.active h3 { color: #fff; } .book-now-popup .swiper-slide { height: auto; } .exp-category-card-item { overflow: hidden; border-radius: 20px; } @media (max-width: 992px) { .exp-category-card-item { border-radius: 8px; } } @media (min-width: 992px) { .exp-category-card-item:hover { animation: rotate-opacity 5s linear infinite; animation-delay: 0.7s; } } .exp-category-card-item-wrap-left { transform: translateX(-100%); transition: all 0.5s cubic-bezier(0, 0.91, 1, 1.07); width: 315px; position: absolute; height: 100%; flex: 0 0 315px; } @media (max-width: 992px) { .exp-category-card-item-wrap-left { display: none !important; } } .exp-category-card-item-wrap-left-wrap { height: 100%; display: flex; flex-flow: wrap; justify-content: space-between; align-content: space-between; } .exp-category-card .exp-category-card-item-wrap-right { flex: 0 0 100%; transition: all 0.5s cubic-bezier(0, 0.91, 1, 1.07); } @media (min-width: 992px) { .exp-category-card .exp-category-card-item:hover .exp-category-card-item-wrap-left { transform: translateX(0); z-index: 2; } .exp-category-card .exp-category-card-item:hover .exp-category-card-item-wrap-right { width: calc(100% - 315px); transform: translateX(315px); flex: 0 0 calc(100% - 315px); } } @keyframes rotate-opacity { 0% { transform: rotate(0deg); opacity: 1; } 25% { transform: rotate(-2deg); opacity: 0.85; } 50% { transform: rotate(0deg); opacity: 0.75; } 75% { transform: rotate(2deg); opacity: 0.85; } 100% { transform: rotate(0deg); opacity: 1; } } form .w-radio-input { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: inline-block; width: 20px; height: 20px; margin: 0 8px 0 0; border: 1px solid #B3CDE0; border-radius: 50%; position: relative; } form .w-radio-input.error ~ span { color: red; } form .w-radio-input:checked::before { content: ""; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: #00B1B0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } form .w-form-label { display: inline-block; vertical-align: middle; cursor: pointer; text-align: start; } form input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; } form input.richout-imput-field::-moz-placeholder { font-size: var(--b3--font-size); line-height: var(--b3--line-height); font-weight: 400; text-align: left; } form input.richout-imput-field::placeholder, form input.richout-imput-field { font-size: var(--b3--font-size); line-height: var(--b3--line-height); font-weight: 400; text-align: left; } form input.d-none { display: none !important; } form .form-fields .form-field label.error, form .form-fields .form-field-2 label.error { display: none !important; } form .form-fields .form-field .w-file-upload-input.error, form .form-fields .form-field select.error, form .form-fields .form-field input.error, form .form-fields .form-field-2 .w-file-upload-input.error, form .form-fields .form-field-2 select.error, form .form-fields .form-field-2 input.error { color: red !important; } form .form-fields .form-field .w-file-upload-input.error::-moz-placeholder, form .form-fields .form-field select.error::-moz-placeholder, form .form-fields .form-field input.error::-moz-placeholder, form .form-fields .form-field-2 .w-file-upload-input.error::-moz-placeholder, form .form-fields .form-field-2 select.error::-moz-placeholder, form .form-fields .form-field-2 input.error::-moz-placeholder { color: red; } form .form-fields .form-field .w-file-upload-input.error::placeholder, form .form-fields .form-field select.error::placeholder, form .form-fields .form-field input.error::placeholder, form .form-fields .form-field-2 .w-file-upload-input.error::placeholder, form .form-fields .form-field-2 select.error::placeholder, form .form-fields .form-field-2 input.error::placeholder { color: red; } form .form-fields .form-field + .file-upload .body-copy-b4-regular, form .form-fields .form-field-2 + .file-upload .body-copy-b4-regular { color: red; } @media (min-width: 992px) { .offer-details .eligible-card { max-width: 382px; } } .offer-details input::-moz-placeholder { color: #B3CDE0; } .offer-details input::placeholder { color: #B3CDE0; } .booking-flow { text-align: center; width: 100%; padding: 60px 0; max-height: 100vh; } .booking-flow__container { display: flex; justify-content: center; overflow: auto; } .booking-flow__cta { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 20px 0px; } .booking-flow__textbox { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; } .booking-flow__textbox input { padding: 24px; background: none; border: 1px solid white; border-radius: 5px; color: white; font-size: 24px; text-align: center; width: 200px; } .booking-flow__textbox .invalid-age { color: red; font-size: 20px; } .booking-flow button { background: transparent; text-align: left; outline: none; } .booking-flow .w-radio { margin-bottom: 24px; display: flex; gap: 6px; align-items: start; } .booking-flow form .w-radio-input { width: 32px; height: 32px; flex-shrink: 0; } .booking-flow__spinner-cont { height: 243px; position: relative; overflow: hidden; transition: 0.3s all ease; } .booking-flow__spinner-cont::before, .booking-flow__spinner-cont::after { content: ""; position: absolute; width: 88px; height: 81px; border-bottom: 2px solid #B3CDE0; left: 50%; margin-left: -44px; top: 0; } .booking-flow__spinner-cont::after { top: auto; bottom: 0; border: none; border-top: 2px solid #B3CDE0; } .booking-flow__spinner-cont ul { list-style: none; margin: 0; padding: 0; position: absolute; width: 100%; transition: 0.3s top ease; } .booking-flow__spinner-cont li { height: 81px; color: rgba(123, 140, 168, 0.4); text-align: center; font-size: 16px; display: flex; justify-content: center; align-items: center; transition: 0.3s color ease; } .booking-flow__spinner-cont li.active { color: white; } .booking-flow .buttons-coloumn { flex-flow: row; margin-top: 40px; } .booking-flow .buttons-coloumn .small-button { width: 100%; } .booking-flow .bullet-points { text-align: left; } .booking-flow .booking-flow__cards { -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; flex-direction: row; justify-content: flex-start; overflow: auto; white-space: nowrap; gap: 24px; padding: 10px; width: -moz-fit-content !important; width: fit-content !important; } .booking-flow .booking-flow__cards::-webkit-scrollbar { display: none; } .booking-flow .p-card { position: relative; width: 411px; height: 720px; overflow-y: hidden; overflow-x: hidden; border-radius: 16px; transition: 0.8s all ease; background-color: #070D16; } @media (max-width: 991px) { .booking-flow .p-card { width: 400px; } } @media (max-width: 767px) { .booking-flow .p-card { width: 315px; } } .booking-flow .p-card .age-card { position: absolute; z-index: 3; left: 20px; top: 20px; background-color: white; padding: 8px; border-radius: 8px; font-weight: 700; } .booking-flow .p-card .certification-card { position: absolute; z-index: 3; font-size: 10px; font-weight: 700; line-height: 14px; right: 20px; top: 25px; background-color: #00b1b0; color: #070d16; padding: 8px; border-radius: 8px; font-weight: 700; text-transform: uppercase; } .booking-flow .p-card .card-img { height: 100%; overflow: hidden; } .booking-flow .p-card .card-img img { height: 100%; transition: height 0.8s ease-in-out; width: 100%; -o-object-fit: cover; object-fit: cover; } .booking-flow .p-card .card-box { padding-top: 24px; padding-bottom: 16px; padding-left: 24px; padding-right: 24px; display: flex; align-items: center; justify-content: space-between; will-change: transform; position: absolute; z-index: 1; bottom: 100px; width: 100%; transition: 0.8s all ease; text-align: left; } .booking-flow .p-card .card-box .bottom-heading { color: white; text-align: start; text-align: left; transition: 0.8s ease all; } .booking-flow .p-card .card-box .bottom-heading .heading-1 { color: white; font-size: 14px; font-weight: 100; margin: 0; } .booking-flow .p-card .card-box .bottom-heading .heading-2 { font-size: 26px; margin: 0; } .booking-flow .p-card .background-overlay { will-change: transform; position: absolute; bottom: 0; left: 0; width: 100%; height: 444px; background-color: #070D16; transform: translateY(100%); z-index: 2; /* Behind the card-box */ display: flex; flex-direction: column; justify-content: start; align-items: center; padding: 24px; box-sizing: border-box; transition: 0.8s all ease-in-out; } .booking-flow .p-card .background-overlay .top-heading { display: flex; align-items: center; width: 100%; justify-content: space-between; gap: 12px; padding-bottom: 16px; } .booking-flow .p-card .background-overlay .top-heading .package-title { font-size: 20px; font-weight: 900; } .booking-flow .p-card .background-overlay .top-heading .heading-1 { color: #00B1B0; font-size: 12px; } .booking-flow .p-card .background-overlay .top-heading .heading-2 { color: #00B1B0; font-size: 18px; font-weight: 900; } @media (max-width: 767px) { .booking-flow .p-card .background-overlay .top-heading .heading-2 { font-size: 16px; } } .booking-flow .p-card .background-overlay .top-heading h3 { margin: 0; text-align: left; color: white; } .booking-flow .p-card .background-overlay .bullet-points { display: flex; flex-direction: column; border-top: 0.5px solid #3A73A9; padding-top: 24px; padding-bottom: 24px; padding-left: 5px; width: 100%; } .booking-flow .p-card .background-overlay .bullet-points ul { overflow-y: auto; max-height: 144px; margin-bottom: 24px; scrollbar-width: none; -ms-overflow-style: none; } .booking-flow .p-card .background-overlay .bullet-points ul::-webkit-scrollbar { display: none; } .booking-flow .p-card .background-overlay .bullet-points ul li { word-wrap: break-word; overflow-wrap: break-word; white-space: normal; } .booking-flow .p-card .background-overlay .bullet-points ul.expanded { max-height: 350px; } .booking-flow .p-card .background-overlay .terms-conditions-btn { text-decoration: underline; font-size: 12px; color: #9DB9D4; } .booking-flow .p-card .background-overlay .show-more-btn { color: #9DB9D4; padding: 0px; font-size: 12px; max-width: -moz-fit-content; max-width: fit-content; } .booking-flow .p-card .background-overlay .show-more-btn::after { content: ""; display: inline-block; width: 14px; height: 8px; margin-left: 8px; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; transition: transform 0.3s ease-in-out; } .booking-flow .p-card .background-overlay .show-more-btn.expanded::after { transform: rotate(180deg); } .booking-flow .p-card .bottom-fixed-box { will-change: transform, opacity; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: center; z-index: 10; width: 100%; justify-content: space-between; padding: 20px 0; transition: 0.8s ease all; width: 90%; } .booking-flow .p-card .bottom-fixed-box .bottom-heading { color: white; text-align: start; text-align: left; transition: 0.8s ease all; } .booking-flow .p-card .bottom-fixed-box .bottom-heading .heading-1 { color: white; font-size: 14px; font-weight: 100; margin: 0; } .booking-flow .p-card .bottom-fixed-box .bottom-heading .heading-2 { font-size: 26px; margin: 0; } .booking-flow .p-card .gift-voucher { display: none; } .booking-flow .p-card .book-btn.book-now { border-radius: 9999px; border: 1px solid #4281B2; background: rgba(7, 14, 23, 0.4); box-shadow: 0px -1px 1px 0px rgba(21, 95, 181, 0.2) inset, 0px 1px 4px 0px rgba(85, 140, 179, 0.4) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .booking-flow .p-card .book-btn.book-now .button-text { color: white; } .booking-flow .p-card .book-btn { border: 1px solid #7B8CA8; padding: 16px 24px; border-radius: 30px; text-decoration: none; transition: 0.8s ease all; height: auto; } .booking-flow .p-card .book-btn .button-text { color: #7B8CA8; font-size: 18px; font-weight: 600; } @media (max-width: 767px) { .booking-flow .p-card .book-btn .button-text { font-size: 12px; } } .booking-flow .p-card .book-btn:hover { background-color: #D9E6F0; } .booking-flow .p-card .book-btn:hover .button-text { color: #070D16; } .booking-flow .p-card .card-line { width: 90%; border: none; height: 0.5px; color: #00B1B0; background-color: #00B1B0; } .booking-flow .p-card .package-title { color: white; font-size: 28px; white-space: normal; text-align: left; } .booking-flow .p-card:hover .card-img img { height: 276px; } .booking-flow .p-card:hover .background-overlay { transform: translateY(0%); } .booking-flow .p-card:hover .bottom-fixed-box { border-top: 0.5px solid #3A73A9; background-color: #070D16; } .booking-flow .p-card:hover .gift-voucher { display: block; } .booking-flow .p-card:hover .bottom-fixed-box .bottom-heading { display: none; } .booking-flow .p-card:hover.expanded .card-img img { height: 0px; } .booking-flow .p-card:hover.expanded .background-overlay { height: 720px; padding-top: 82px; } .booking-flow .p-card .card-content .package-title { position: absolute; bottom: 140px; left: 24px; margin-bottom: 10px; font-weight: bold; color: white; margin-top: 0; margin-bottom: 10px; } .booking-flow .p-card .card-content .bottom-container { width: 90%; display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 50px; left: 24px; } .booking-flow .p-card .card-content .bottom-container .package-details { color: white; } .booking-flow .p-card .card-content .bottom-container .package-details .heading-1 { font-size: 12px; text-align: left; margin-top: 0; margin-bottom: 0px; } .booking-flow .p-card .card-content .bottom-container .package-details .heading-2 { font-size: 20px; line-height: 22px; text-align: left; margin-top: 0; } @media (max-width: 767px) { .booking-flow .swiper-button-prev { display: none; } .booking-flow .swiper-button-next { display: none; } .booking-flow .p-card.expanded .card-img img { height: 0px; } .booking-flow .p-card.expanded .background-overlay { height: 720px; padding-top: 82px; } .booking-flow .p-card .card-img { height: 276px; } .booking-flow .p-card .background-overlay { transform: translateY(0%); } .booking-flow .p-card .bottom-fixed-box { border-top: 0.5px solid #3A73A9; background-color: #070D16; } .booking-flow .p-card .gift-voucher { display: block; } .booking-flow .p-card .bottom-heading { display: none; } } .booking-flow .swiper-pagination-bullet { background: #689AC1 !important; } .booking-flow .swiper-pagination-bullet-active { background: white !important; } .booking-flow .swiper-pagination-horizontal { bottom: -4px !important; } .booking-flow .swiper-wrapper { margin-bottom: 30px !important; } .booking-flow .swiper-slide { width: auto !important; } .booking-flow .swiper-button-next { border-radius: 9999px; padding: 32px; border: 1px solid #4281B2; background: rgba(7, 14, 23, 0.4); box-shadow: 0px -1px 1px 0px rgba(21, 95, 181, 0.2) inset, 0px 1px 4px 0px rgba(85, 140, 179, 0.4) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .booking-flow .swiper-button-next::after { content: ""; display: block; width: 34px; height: 29px; background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzNiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM0LjcxODggMTcuNzk2OUwyMi4yMTg4IDMwLjI5NjlDMjEuMjgxMiAzMS4zMTI1IDE5LjY0MDYgMzEuMzEyNSAxOC43MDMxIDMwLjI5NjlDMTcuNjg3NSAyOS4zNTk0IDE3LjY4NzUgMjcuNzE4OCAxOC43MDMxIDI2Ljc4MTJMMjYuOTA2MiAxOC41SDNDMS41OTM3NSAxOC41IDAuNSAxNy40MDYyIDAuNSAxNkwwLjUgMTQuNjcxOSAzIDEzLjVIMjYuOTA2MkwxOC43MDMxIDUuMjk2ODhDMTcuNjg3NSA0LjM1OTM4IDE3LjY4NzUgMi43MTg3NSAxOC43MDMxIDEuNzgxMjVDMTkuNjQwNiAwLjc2NTYyNSAyMS4yODEyIDAuNzY1NjI1IDIyLjIxODggMS43ODEyNUwzNC43MTg4IDE0LjI4MTJDMzUuNzM0NCAxNS4yMTg4IDM1LjczNDQgMTYuODU5NCAzNC43MTg4IDE3Ljc5NjlaIiBmaWxsPSJ3aGl0ZSI+PC9wYXRoPgo8L3N2Zz4="); background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .booking-flow .swiper-button-prev { border-radius: 9999px; padding: 32px; border: 1px solid #4281B2; background: rgba(7, 14, 23, 0.4); box-shadow: 0px -1px 1px 0px rgba(21, 95, 181, 0.2) inset, 0px 1px 4px 0px rgba(85, 140, 179, 0.4) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .booking-flow .swiper-button-prev::after { content: ""; display: block; width: 34px; height: 29px; background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzNiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM0LjcxODggMTcuNzk2OUwyMi4yMTg4IDMwLjI5NjlDMjEuMjgxMiAzMS4zMTI1IDE5LjY0MDYgMzEuMzEyNSAxOC43MDMxIDMwLjI5NjlDMTcuNjg3NSAyOS4zNTk0IDE3LjY4NzUgMjcuNzE4OCAxOC43MDMxIDI2Ljc4MTJMMjYuOTA2MiAxOC41SDNDMS41OTM3NSAxOC41IDAuNSAxNy40MDYyIDAuNSAxNkMwLjUgMTQuNjcxOSAxLjU5Mzc1IDEzLjUgMyAxMy41SDI2LjkwNjJMMTguNzAzMSA1LjI5Njg4QzE3LjY4NzUgNC4zNTkzOCAxNy42ODc1IDIuNzE4NzUgMTguNzAzMSAxLjc4MTI1QzE5LjY0MDYgMC43NjU2MjUgMjEuMjgxMiAwLjc2NTYyNSAyMi4yMTg4IDEuNzgxMjVMMzQuNzE4OCAxNC4yODEyQzM1LjczNDQgMTUuMjE4OCAzNS43MzQ0IDE2Ljg1OTQgMzQuNzE4OCAxNy43OTY5WiIgZmlsbD0id2hpdGUiPjwvcGF0aD4KPC9zdmc+"); background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); } .booking-flow .swiper-button-disabled { display: none; } .booking-flow-container.active { display: flex; place-items: center; } .booking-flow-react { width: 100%; } @media (min-width: 767px) { .booking-flow .swiper-pagination { display: none; } .booking-flow .swiper { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .booking-flow .swiper::-webkit-scrollbar { display: none; } .booking-flow .swiper-slide { width: auto !important; } } .bmi-field.body-copy-b3-regular.text-center.error { color: red; border-color: red !important; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .w-slider-dot { width: 8px; height: 8px; border-radius: 0 !important; } .w-slider-dot:first-child, .w-slider-dot:nth-child(4n) { transform: rotate(135deg); } .w-slider-dot:nth-child(3n) { border-radius: 100% !important; } .accordion-description a { color: var(--primary-colors--deep-blue--tints--tint-2); text-decoration: underline; }