.opt-sov-018 .opt-cvps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px; background: #52667a; width: 100%; border-radius: 0 0 12px 12px; margin-bottom: -12px; position: relative; z-index: 2; } .opt-sov-018 .opt-cvps .opt-cvps_item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; color: #fff; font-size: 14.049px; font-weight: 600; line-height: 140%; } .opt-sov-018 .opt-cvps .opt-cvps_item svg { min-width: 32px; width: 32px; height: 32px; } .opt-sov-018 .opt-cvps .opt-cvps_item:nth-child(2) { padding: 0 24px; margin-left: 24px; } .opt-sov-018 .opt-cvps .opt-cvps_item:nth-child(3) { padding: 0 24px; margin-right: 24px; } .opt-sov-018 .opt-cvps .opt-cvps_item:nth-child(4) { padding-left: 24px; } .opt-sov-018 .opt-cvps .opt-cvps_item:not(:first-of-type) { border-left: 1px solid rgba(255, 255, 255, 0.1); } .opt-sov-018 .opt-cvps.mobile { display: none; } @media screen and (max-width: 1060px) { .opt-sov-018 .opt-cvps .opt-cvps_item br { display: none; } } @media screen and (max-width: 990px) { .opt-sov-018 .opt-cvps.desktop { display: none; } .opt-sov-018 .opt-cvps.mobile { display: block; } .opt-sov-018 .opt-cvps.mobile .opt-cvps_item { padding: 0 40px !important; margin: 0 !important; width: 100% !important; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; min-height: 56px; } .opt-sov-018 .opt-cvps.mobile .opt-cvps_item:not(.swiper-slide-active) { opacity: 0 !important; } .opt-sov-018 .opt-cvps.mobile .swiper-button-prev:after, .opt-sov-018 .opt-cvps.mobile .swiper-button-next:after { content: normal !important; content: initial !important; display: none; } .opt-sov-018 .opt-cvps.mobile .swiper-button-prev, .opt-sov-018 .opt-cvps.mobile .swiper-button-next { position: absolute; top: 50%; /* -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ width: 48px; height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; } .opt-sov-018 .opt-cvps.mobile .swiper-button-prev svg, .opt-sov-018 .opt-cvps.mobile .swiper-button-next svg { fill: transparent; } .opt-sov-018 .opt-cvps.mobile .swiper-button-next { right: 0; } .opt-sov-018 .opt-cvps.mobile .swiper-button-prev { left: 0; } } .opt-sov-018 .opt-hero { width: 100%; height: 100%; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-prev:after, .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-next:after { content: normal !important; content: initial !important; display: none; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-prev, .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; border-radius: 4px; background: #fff; opacity: 1 !important; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; z-index: 3; cursor: pointer; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-next { right: 34px; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-prev { left: 30px; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-prev.swiper-button-disabled, .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-next.swiper-button-disabled { display: none !important; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-prev.swiper-button-disabled + .swiper-button-next { background: #52667a; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-prev.swiper-button-disabled + .swiper-button-next svg path { fill: #fff; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide-container { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; position: relative; height: 100%; min-height: 464px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide[data-theme='light'] .opt-hero_slide-container:before { display: none !important; /* BACKGROUND IMAGES NOW HAVE THIS INCLUDED */ content: ''; position: absolute; left: -443px; top: -357px; width: 1090px; height: 1246px; -webkit-transform: rotate(30.621deg); -moz-transform: rotate(30.621deg); -ms-transform: rotate(30.621deg); transform: rotate(30.621deg); border-radius: 1246px; background: #e8eff1; -webkit-filter: blur(140px); filter: blur(140px); } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide[data-theme='light'] .opt-hero_slide-container > * { position: relative; z-index: 2; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide[data-theme='light'] .opt-hero_slide-title, .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide[data-theme='light'] .opt-hero_slide-description, .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide[data-theme='light'] .opt-hero_slide-reviews > p { color: #303036 !important; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide { padding: 64px 0 40px 120px; min-height: 569px; /* height: 25vw; */ background-repeat: no-repeat; background-size: cover; background-image: var(--desktop-image); background-position: center; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-badge { border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 27px; min-height: 27px; padding: 0 8px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 14px; font-weight: 700; line-height: 100%; margin-top: auto; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-badge.gold { color: #212121; background: #f2c659; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-badge.blue { color: #ffffff; background: #0077b6; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-title { color: #fff; font-size: 56px; font-weight: 700; line-height: 130%; max-width: 540px; margin: auto 0 -8px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-title .mobile-only { display: none; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-badge + .opt-hero_slide-title { margin-top: -8px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-description { color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin: 0; max-width: 500px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-description a { -webkit-text-decoration: none; text-decoration: none; color: #fff; font-weight: 700; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 24px; height: 48px; min-height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 24px; background: #1b7d86; color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-button:hover { background: #196c74; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-reviews { margin-top: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-reviews .opt-hero_slide-reviews-rating { color: #fff; font-size: 18.063px; font-style: normal; font-weight: 700; line-height: 140%; margin: 0 0 0 4px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-reviews .opt-hero_slide-reviews-text { margin: 0 0 0 8px; color: #fff; font-size: 14.049px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide:nth-child(2) { /* .opt-hero_slide-title { max-width: 508px; } */ } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide:nth-child(2) .opt-hero_slide-description { max-width: 508px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on { background: rgba(232, 239, 241, 0.5); } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: -webkit-calc(100% - 64px); max-width: -moz-calc(100% - 64px); max-width: calc(100% - 64px); margin: 0 auto; border-bottom: 1px solid #b2c9d0; gap: 56px; padding: 24px 0; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-title { color: #303036; font-size: 16px; font-weight: 700; line-height: 140%; margin: 0; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos img { max-height: 16px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos img[alt='Kiss 106.5'], .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos img[alt='Channel 7 Logo'] { max-height: 31px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos img[alt='TripleM'] { max-height: 21px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos img[alt='Channel 9 logo'] { max-height: 19px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-divider { width: 1px; height: 32px; background: #b2c9d0; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-lifetime { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-lifetime .opt-hero_as-seen-on-lifetime-title { color: #303036; font-size: 16px; font-weight: 400; line-height: 140%; margin: 0; } /* Black Friday Promo Mobile */ @media screen and (min-width: 1700px) { .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide { background-position: 0 -50px; } } @media screen and (min-width: 2200px) { /* .opt-sov-018 .opt-hero .opt-hero_slider { .opt-hero_slide[data-theme='light'] .opt-hero_slide-container:before { width: 55vw; min-width: 1800px; height: 86vw; left: -50vw; top: -25vw; } } */ .opt-sov-018 .opt-hero { max-width: 1600px; margin: 0 auto; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide { background-position: center; } } @media screen and (max-width: 1274px) { .opt-sov-018 .opt-hero .opt-hero_as-seen-on { width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); gap: 16px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos { gap: 12px; } } @media screen and (max-width: 990px) { .opt-sov-018 .opt-hero { background: #fafbfc; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-next, .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-prev { top: 361px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; transform: initial; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-prev { left: 20px; } .opt-sov-018 .opt-hero .opt-hero_slider .swiper-button-next { right: auto; right: initial; left: 86px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide[data-theme='light'] .opt-hero_slide-container:before { width: 100vw; height: 537px; background: -webkit-gradient(linear, left bottom, left top, color-stop(-0.1%, rgba(232, 239, 241, 0)), color-stop(46.96%, #e8eff1)); background: -webkit-linear-gradient(bottom, rgba(232, 239, 241, 0) -0.1%, #e8eff1 46.96%); background: -moz-linear-gradient(bottom, rgba(232, 239, 241, 0) -0.1%, #e8eff1 46.96%); background: linear-gradient(0deg, rgba(232, 239, 241, 0) -0.1%, #e8eff1 46.96%); -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; transform: initial; left: 0; top: -80px; -webkit-filter: initial; filter: initial; border-radius: 0; border-radius: initial; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide { padding: 0; background-image: var(--mobile-image); background-position: center 70%; min-height: 655px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-container { gap: 24px; max-height: 655px; padding: 44px 20px 382px; height: 655px; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-title { font-size: 32px; line-height: 130%; margin: -8px 0; max-width: 100% !important; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-title .mobile-only { display: block; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-title .desktop-only { display: none; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-description { max-width: 100% !important; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-button { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-reviews { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #e8eff1; padding: 10px; position: absolute !important; bottom: -1px; left: 0; } .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-reviews p { color: #303036 !important; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on { background: #fafbfc; width: 100%; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 32px 20px; width: 100%; max-width: 100%; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos { gap: 20px; overflow-x: auto; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos img { width: auto; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-lifetime-title { font-weight: 700 !important; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-divider { width: 100%; height: 1px; } } @media screen and (max-width: 500px) { .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-title, .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide .opt-hero_slide-description { max-width: 335px !important; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on { position: relative; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos::-webkit-scrollbar { display: none; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos { width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: calc(100% + 40px); padding-left: 20px; position: relative; min-height: 42px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-logos img:last-of-type { margin-right: 20px; } .opt-sov-018 .opt-hero .opt-hero_as-seen-on .opt-hero_as-seen-on-title:after { content: ''; width: 42px; height: 66px; position: absolute; z-index: 2; right: 0; top: 55px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 247, 248, 0)), to(#f4f7f8)); background: -webkit-linear-gradient(top, rgba(244, 247, 248, 0) 0%, #f4f7f8 100%); background: -moz-linear-gradient(top, rgba(244, 247, 248, 0) 0%, #f4f7f8 100%); background: linear-gradient(180deg, rgba(244, 247, 248, 0) 0%, #f4f7f8 100%); } } @media screen and (max-width: 380px) { .opt-sov-018 .opt-hero .opt-hero_slider .opt-hero_slide[data-swiper-slide-index='0'] { background-position: center -34px; } } .opt-sov-018 .opt-shop-cpap-products { padding: 80px 32px 0; background: rgba(232, 239, 241, 0.5); } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_title { text-align: center; margin: 0 0 40px; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 16px; gap: 16px; max-width: 1376px; margin: 0 auto; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item { -webkit-text-decoration: none; text-decoration: none; margin: 8px 4px 0; border-radius: 12px; border: 1px solid #b2c9d0; background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 248px; position: relative; padding: 0 20px; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item img { -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; width: 147px; height: auto; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item .opt-shop-cpap-products_grid-item-badge { padding: 0 12px; height: 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: -8px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 100px; background: #f2c725; color: #403e41; font-size: 16px; font-weight: 700; line-height: 110%; letter-spacing: 0.32px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item .opt-shop-cpap-products_grid-item-title { color: #303036; text-align: center; font-size: 18px; font-weight: 700; line-height: 140%; margin: 0 0 -48px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item .opt-shop-cpap-products_grid-item-cta { width: 100%; padding: 0 24px; height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 24px; background: #1b7d86; color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; opacity: 0; position: relative; top: 70px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item .opt-shop-cpap-products_grid-item-cta:hover { background: #196c74; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item:hover { margin-top: 0; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item:hover img { width: 185.124px; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item:hover .opt-shop-cpap-products_grid-item-title { margin: 0 0 16px; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item:hover .opt-shop-cpap-products_grid-item-cta { top: 0; opacity: 1; } @media screen and (max-width: 990px) { .opt-sov-018 .opt-shop-cpap-products { padding: 56px 20px; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid { grid-template-columns: repeat(3, 1fr); gap: 16px 8px; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item { margin-top: 0 !important; padding: 0 16px 16px; height: 214px; min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item img { width: 119px; height: 90px; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item .opt-shop-cpap-products_grid-item-title { margin: 0 0 8px; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item .opt-shop-cpap-products_grid-item-cta { margin-top: auto; opacity: 1; min-height: 48px; padding: 0; top: 0; } } @media screen and (max-width: 767px) { .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid { grid-template-columns: 1fr 1fr; } .opt-sov-018 .opt-shop-cpap-products .opt-shop-cpap-products_grid .opt-shop-cpap-products_grid-item .opt-shop-cpap-products_grid-item-badge { font-size: 14px; line-height: 110%; } } .opt-sov-018 .opt-clinical-experts { background: -webkit-gradient(linear, left top, left bottom, color-stop(-10.28%, rgba(232, 239, 241, 0.5)), color-stop(56.84%, #fff)); background: -webkit-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff 56.84%); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff 56.84%); background: linear-gradient(180deg, rgba(232, 239, 241, 0.5) -10.28%, #fff 56.84%); } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_container { padding: 80px 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1440px; margin: 0 auto; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_title { text-align: center; margin: 0; font-size: 32px !important; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_text { text-align: center; margin: 24px auto 40px; color: #303036; font-size: 16px; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 24px; gap: 24px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 8px 32px 8px; height: 400px; border-radius: 12px; border: 1px solid #b2c9d0; background: #e8eff1; gap: 32px; position: relative; overflow: hidden; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box img { width: 100%; height: 120px; min-height: 120px; border-radius: 8px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; position: relative; z-index: 2; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box .opt-clinical-experts_box-content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; z-index: 2; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box .opt-clinical-experts_box-content .opt-clinical-experts_box-title { color: #303036; font-size: 24px; font-weight: 700; line-height: 130%; margin: 0; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box .opt-clinical-experts_box-content .opt-clinical-experts_box-text { margin: 12px auto 32px; padding: 0 32px; color: #6d6d78; font-size: 16px; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box .opt-clinical-experts_box-content .opt-clinical-experts_box-cta { padding: 0 56px; height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 24px; background: #1b7d86; color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box .opt-clinical-experts_box-content .opt-clinical-experts_box-cta:hover { background: #196c74; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: 1px; height: 1px; background: #d8e4e7; -webkit-transition: 0.75s ease; -moz-transition: 0.75s ease; transition: 0.75s ease; opacity: 0; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box:hover { gap: 20px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box:hover img { height: 180px; min-height: 180px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box:hover:after { width: 150%; height: 150%; opacity: 1; } @media screen and (max-width: 990px) { .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_container { padding: 56px 20px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_title { max-width: 305px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid { grid-template-columns: 1fr; gap: 16px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; gap: 24px; padding: 8px 8px 24px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box .opt-clinical-experts_box-content .opt-clinical-experts_box-title { font-size: 20px; } .opt-sov-018 .opt-clinical-experts .opt-clinical-experts_grid .opt-clinical-experts_box .opt-clinical-experts_box-content .opt-clinical-experts_box-cta { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; padding: 0; } } .opt-sov-018 .opt-payment-plans { max-width: 1380px; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); background: #52667a; border-radius: 16px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 100px; gap: 48px; margin: 0 auto 80px; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_content .opt-payment-plans_title { margin: 0; color: #fff; font-size: 32px; font-weight: 700; line-height: 130%; text-transform: capitalize; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_content .opt-payment-plans_description { margin: 32px 0; color: #fff; font-size: 16px; font-weight: 400; line-height: 140%; max-width: 686px; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_content .opt-payment-plans_description span { font-weight: 600; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_content .opt-payment-plans_cta { padding: 0 24px; height: 48px; width: 314px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 24px; background: #fff; color: #303036; font-size: 16px; font-weight: 600; line-height: 20px; -webkit-text-decoration: none; text-decoration: none; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_video-wrapper { min-width: 447px; position: relative; max-height: 342px; cursor: pointer; margin-left: auto; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_video-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_video-wrapper .opt-play-icon { z-index: 2; } @media screen and (max-width: 1220px) { .opt-sov-018 .opt-payment-plans { padding: 0 0 0 48px; } } @media screen and (max-width: 990px) { .opt-sov-018 .opt-payment-plans { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 660px; margin-bottom: 56px; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_content { padding: 48px 20px 0; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_content .opt-payment-plans_title { font-size: 28px; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_content .opt-payment-plans_description { font-size: 14px; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_content .opt-payment-plans_cta { width: 100%; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_video-wrapper { min-width: 0; min-width: initial; width: 100%; height: 181px; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_video-wrapper img { width: 100%; -o-object-position: center; object-position: center; } .opt-sov-018 .opt-payment-plans .opt-payment-plans_video-wrapper .opt-play-icon { width: 48px; } } .opt-sov-018 .opt-most-popular-products { overflow-x: hidden; padding: 80px 0; background: #fff; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container { max-width: 1440px; padding: 0 40px; width: 100%; margin: 0 auto; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_title { margin: 0 0 24px; color: #303036; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: -webkit-calc(100% - 202px); width: -moz-calc(100% - 202px); width: calc(100% - 202px); border-bottom: 1px solid #f5f5f5; gap: 16px; margin: 0 0 32px; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs .opt-most-popular-products_tab { padding: 10px 24px; border-radius: 4px 4px 0 0; color: #52667a; font-size: 18px; font-weight: 600; line-height: 140%; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; position: relative; cursor: pointer; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs .opt-most-popular-products_tab:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 3px; border-radius: 8px; background: #52667a; opacity: 0; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs .opt-most-popular-products_tab:not(.active):hover { background: #e8eff1; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs .opt-most-popular-products_tab.active { background: #e8eff1; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs .opt-most-popular-products_tab.active:after { opacity: 1; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content { display: none; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 { overflow: visible !important; position: relative; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper { overflow: visible !important; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper .swiper-slide { width: 326px; padding: 12px; height: auto; height: initial; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper .swiper-slide .opt-tag { border-left: 3px solid; padding: 2px 8px 2px 5px; position: absolute; top: 12px; left: 12px; z-index: 1; background-color: #fff; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper .swiper-slide .opt-tag.opt-tag-automatic { border-color: #f2c725; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper .swiper-slide .SC-ProductCard_price_item.is-current { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper .swiper-slide .SC-ProductCard_actions { margin-top: 24px !important; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper .swiper-slide .SC-ProductCard_headline { font-size: 16px !important; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper .swiper-slide .SC-Button { border-radius: 24px !important; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls { position: absolute; right: 0; bottom: -webkit-calc(100% + 32px); bottom: -moz-calc(100% + 32px); bottom: calc(100% + 32px); z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-pagination { color: #52667a; font-size: 14px; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-button-prev:after, .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-button-next:after { content: normal !important; content: initial !important; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-button-prev, .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-button-next { width: 48px; height: 48px; border-radius: 4px; background: #52667a; border: 1px solid #52667a; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-button-prev.swiper-button-disabled, .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-button-next.swiper-button-disabled { background: transparent; cursor: not-allowed; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-button-prev.swiper-button-disabled svg path, .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls .swiper-button-next.swiper-button-disabled svg path { fill: #52667a; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content.active { display: block; } /* Variation 2 */ .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_title { text-align: center; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs { width: 100%; margin: 0 auto 32px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_slider-shop-products { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 24px; height: 48px; min-height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 24px; background: #1b7d86; color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; margin: 0 auto; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_slider-shop-products:hover { background: #196c74; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 { overflow: hidden; position: relative; margin: 24px 0; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-prev:after, .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-next:after { content: normal !important; content: initial !important; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-prev, .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-next { width: 48px; height: 48px; border-radius: 4px; background: #52667a; border: 1px solid #52667a; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: absolute; top: 60%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 3; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-prev.swiper-button-disabled, .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-next.swiper-button-disabled { background: transparent; cursor: not-allowed; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-prev.swiper-button-disabled svg path, .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-next.swiper-button-disabled svg path { fill: #52667a; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-next { margin-left: 315px; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-prev { margin-left: -315px; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper { overflow: visible; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .swiper-slide { width: 678px !important; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 522px; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card img { height: 190px; width: auto; -webkit-transition: height 0.5s 0.3s ease-in-out, margin-bottom 0.5s 0.3s ease-in-out; -moz-transition: height 0.5s 0.3s ease-in-out, margin-bottom 0.5s 0.3s ease-in-out; transition: height 0.5s 0.3s ease-in-out, margin-bottom 0.5s 0.3s ease-in-out; margin-bottom: -150px; margin-left: auto; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card .opt-product-card_title { margin: 8px 0 24px; color: #212121; text-align: center; font-size: 32px; font-style: normal; font-weight: 700; line-height: 130%; opacity: 0; -webkit-transition: all 0.5s 0.3s ease-in-out; -moz-transition: all 0.5s 0.3s ease-in-out; transition: all 0.5s 0.3s ease-in-out; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card .opt-product-card_price-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; opacity: 0; -webkit-transition: all 0.5s 0.3s ease-in-out; -moz-transition: all 0.5s 0.3s ease-in-out; transition: all 0.5s 0.3s ease-in-out; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card .opt-product-card_price { color: #303036; font-size: 18px; font-weight: 600; line-height: 140%; margin: 0; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card .opt-product-card_price-savings { padding: 0 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 27px; color: #212121; font-size: 14px; font-weight: 400; line-height: 140%; background: #f2c659; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide .opt-product-card img { margin-left: 0; margin-right: auto; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .swiper-slide.swiper-slide-active .opt-product-card img { height: 380px; margin-bottom: 0; margin-right: auto; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .swiper-slide.swiper-slide-active .opt-product-card .opt-product-card_title, .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .swiper-slide.swiper-slide-active .opt-product-card .opt-product-card_price-container { opacity: 1; } @media screen and (min-width: 1320px) { .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_tab-content[data-tab='2'] .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls { display: none; } } @media screen and (max-width: 990px) { .opt-sov-018 .opt-most-popular-products { padding: 56px 0; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container { padding: 0 20px; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_title { text-align: center; max-width: 335px; margin: 0 auto 32px; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0; gap: 0; text-align: center; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .opt-most-popular-products_slider-controls { position: relative; bottom: auto; bottom: initial; right: auto; right: initial; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 16px; margin-top: 32px; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container { max-width: 660px; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 { overflow: visible; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-next, .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-prev { margin-left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-prev { left: -8px; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-button-next { right: -8px; left: auto; left: initial; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .swiper-slide { width: 75vw; max-width: 600px; min-height: 0; min-height: initial; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card { min-height: 0; min-height: initial; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card img { height: 187.324px; margin-bottom: 0; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card .opt-product-card_title { font-size: 24px; max-width: 80vw; padding: 0 50px; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card .opt-product-card_title, .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .opt-product-card .opt-product-card_price-container { opacity: 1; } .opt-sov-018-v2 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v2 .swiper-wrapper .swiper-slide.swiper-slide-active .opt-product-card img { height: 187.324px; } } @media screen and (max-width: 767px) { .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tabs .opt-most-popular-products_tab { font-size: 16px; padding: 10px 8px; } .opt-sov-018 .opt-most-popular-products .opt-most-popular-products_container .opt-most-popular-products_tab-content .opt-most-popular-products_slider.v1 .swiper-wrapper .swiper-slide { width: 86vw; } } .opt-sov-018 .opt-promotions { padding: 80px 32px; background: #e8eff1; } .opt-sov-018 .opt-promotions .opt-promotions_inner { max-width: 1376px; margin: 0 auto; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_title { margin-bottom: 40px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_cta { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 24px; height: 48px; min-height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 99px; background: #1b7d86; color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; margin: 40px auto 0; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_cta:hover { background: #196c74; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider { width: 100%; padding-top: 80px; margin-top: -80px; overflow: visible !important; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo:hover { margin-top: -8px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo:nth-child(2) .opt-promotions_promo-image img { margin-top: -40px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo { width: 510px !important; background: #fff; border-radius: 16px; overflow: hidden; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-code { color: #403e41; font-size: 14px; font-weight: 600; line-height: 140%; padding: 8px; width: 100%; background: #f2c725; text-align: center; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-code strong { font-weight: 700; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-disclaimer { color: #6d6d78; text-align: center; font-size: 9px; font-style: normal; font-weight: 400; line-height: 140%; padding: 0px 24px; min-height: 44px; display: none; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner { padding: 0 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-image { position: relative; height: auto; max-height: 224px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-image img { height: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -o-object-fit: cover; object-fit: cover; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-image .opt-promotions_promo-image-badge { color: #403e41; font-size: 12.8px; font-weight: 400; line-height: 140%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-width: 64px; min-height: 64px; padding: 10px; aspect-ratio: 1/1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 80px; background: #b2c9d0; -webkit-box-shadow: 0 2.4px 6.4px 0 rgba(82, 102, 122, 0.1); box-shadow: 0 2.4px 6.4px 0 rgba(82, 102, 122, 0.1); text-align: center; position: absolute; top: -6.4px; right: 14px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-image .opt-promotions_promo-image-badge span.bold { font-size: 14.4px; font-weight: 700; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-image.not-mask img { width: 100%; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-content { -webkit-box-flex: 0; -webkit-flex: 0 0 200px; -moz-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; min-width: 200px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-content .opt-promotions_promo-title { margin: 0; color: #212121; font-size: 20px; font-weight: 700; line-height: 140%; text-transform: capitalize; max-height: 56px; overflow: hidden; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-content .opt-promotions_promo-price { margin: 13px 0 20px; color: #52667a; font-size: 20px; font-weight: 700; line-height: 130%; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-content .opt-promotions_promo-cta { padding: 0 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 24px; border: 1.5px solid #1b7d86; background: transparent; color: #1b7d86; font-size: 16px; font-weight: 600; line-height: 20px; height: 48px; width: 100%; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; max-width: 147px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo:hover .opt-promotions_promo-image { -webkit-transform: scale(1.09); -moz-transform: scale(1.09); -ms-transform: scale(1.09); transform: scale(1.09); } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo:hover .opt-promotions_promo-cta { background: #196c74 !important; color: #fff !important; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls { position: absolute; right: 0; top: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-pagination { color: #52667a; font-size: 14px; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-button-prev:after, .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-button-next:after { content: normal !important; content: initial !important; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-button-prev, .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-button-next { width: 48px; height: 48px; border-radius: 4px; background: #52667a; border: 1px solid #52667a; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-button-prev.swiper-button-disabled, .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-button-next.swiper-button-disabled { background: transparent; cursor: not-allowed; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-button-prev.swiper-button-disabled svg path, .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls .swiper-button-next.swiper-button-disabled svg path { fill: #52667a; } @media screen and (max-width: 990px) { .opt-sov-018 .opt-promotions { padding: 56px 20px; } .opt-sov-018 .opt-promotions .opt-promotions_inner { max-width: 660px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_title { text-align: center; max-width: 335px; margin: 0 auto 32px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_cta { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 32px auto 0; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider { width: 100%; overflow: visible; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo { width: 84vw !important; max-width: 560px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-disclaimer { padding: 0 20px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 20px 16px; height: 100%; -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-content { -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; width: 100%; height: 100%; max-height: 170px; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-image { width: 282.857px; height: auto; max-height: 240px; max-width: 100%; margin: 0 auto; -webkit-box-flex: initial; -webkit-flex-grow: initial; -moz-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .swiper-wrapper .opt-promotions_promo .opt-promotions_promo-inner .opt-promotions_promo-cta { background: #196c74 !important; color: #fff !important; margin-top: auto; max-width: 100% !important; } .opt-sov-018 .opt-promotions .opt-promotions_inner .opt-promotions_grid .opt-promotions_slider .opt-promotions_slider-controls { display: none; } } .opt-sov-018 .opt-cvps-grid--outer-wrapper { background: #e8eff1; background: var(--Colours-Principal-Principal-5, #e8eff1); } .opt-sov-018 .opt-cvps-grid { --column-count: 2; padding: 40px 20px; display: grid; grid-template-columns: repeat(2, minmax(0%, 100%)); grid-template-columns: repeat(var(--column-count), minmax(0%, 100%)); grid-template-rows: auto; -webkit-align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-line-pack: center; -ms-flex-pack: center; align-content: center; justify-content: center; place-content: center; grid-gap: 32px 16px; gap: 32px 16px; } .opt-sov-018 .opt-cvps-grid .opt-cvp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .opt-sov-018 .opt-cvps-grid .opt-cvp .opt-cvp--image-wrapper { width: 78px; height: auto; aspect-ratio: 1; } .opt-sov-018 .opt-cvps-grid .opt-cvp .opt-cvp--content-wrapper { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); text-align: center; /* Body/P-S - Semibold */ font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; } @media (min-width: 991px) and (max-width: 1072px) { .opt-sov-018 .opt-cvps-grid .opt-cvp { min-width: 230px !important; padding: 0 8px !important; } } @media only screen and (min-width: 991px) { .opt-sov-018 .opt-cvps-grid { --column-count: 4; max-width: 1200px; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); margin: 0 auto; grid-template-columns: repeat(4, -webkit-max-content); grid-template-columns: repeat(var(--column-count), -webkit-max-content); grid-template-columns: repeat(4, max-content); grid-template-columns: repeat(var(--column-count), max-content); gap: 0; } .opt-sov-018 .opt-cvps-grid .opt-cvp { padding: 0 26px; max-width: 316px; min-width: 316px; } .opt-sov-018 .opt-cvps-grid .opt-cvp:not(:last-child) { border-right: 1px solid white; } .opt-sov-018 .opt-cvps-grid .opt-cvp .opt-cvp--content-wrapper { font-size: 16px; font-weight: 600; } } @media screen and (max-width: 991px) { .opt-sov-018 .opt-cvps-grid .opt-cvp--body br { display: none; } } /* parallax */ .opt-sov-018 .opt-parallax-section { position: relative; overflow: hidden; background: #403e41; background: var(--Colours-Principal-Principal-3, #403e41); } .opt-sov-018 .opt-parallax-section .opt-parallax-section-bg { position: absolute; top: 0; left: 0; width: 100%; height: 120%; background-size: cover; background-position: center; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.1s ease-out; transition: -webkit-transform 0.1s ease-out; -moz-transition: transform 0.1s ease-out, -moz-transform 0.1s ease-out; -moz-transition: transform 0.1s ease-out, -moz-transform 0.1s ease-out; transition: transform 0.1s ease-out; transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out, -moz-transform 0.1s ease-out; will-change: transform; z-index: 0; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-bg:after { content: ''; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-radial-gradient(76.91% 32.07%, 161.33% 50.2%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -moz-radial-gradient(76.91% 32.07%, 161.33% 50.2%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: radial-gradient(161.33% 50.2% at 76.91% 32.07%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); z-index: 1; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-overlay { position: relative; z-index: 2; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 120px; max-width: 1436px; margin: 0 auto; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-text-content { max-width: 585px; padding: 150px 0; position: relative; z-index: 2; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-text-content .opt-parallax-title { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-size: 48px; font-style: normal; font-weight: 700; line-height: 130%; /* 62.4px */ margin-bottom: 24px; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-text-content .opt-parallax-description { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ margin-bottom: 32px; } .opt-sov-018 .opt-parallax-section .opt-parallax-bullet-points { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -moz-box-align: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 85%; } .opt-sov-018 .opt-parallax-section .opt-parallax-bullet-points .point { gap: 16px; color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; position: relative; margin-bottom: 24px; padding-left: 66px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .opt-sov-018 .opt-parallax-section .opt-parallax-bullet-points .point span { font-weight: 600; } .opt-sov-018 .opt-parallax-section .opt-parallax-bullet-points .point a { font-weight: 600; } .opt-sov-018 .opt-parallax-section .opt-parallax-bullet-points .point:last-child { margin-bottom: 0; } .opt-sov-018 .opt-parallax-section .opt-parallax-bullet-points .point:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='41' height='33' viewBox='0 0 41 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.25' y='1' width='39' height='31' rx='15.5' fill='white'/%3E%3Crect x='1.25' y='1' width='39' height='31' rx='15.5' stroke='%23E1E0DC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.25 17.2491C10.25 17.0501 10.329 16.8594 10.4697 16.7187C10.6103 16.5781 10.8011 16.4991 11 16.4991L28.6895 16.4991L23.969 11.7801C23.8282 11.6392 23.7491 11.4482 23.7491 11.2491C23.7491 11.0499 23.8282 10.8589 23.969 10.7181C24.1098 10.5772 24.3008 10.4981 24.5 10.4981C24.6992 10.4981 24.8902 10.5772 25.031 10.7181L31.031 16.7181C31.1008 16.7877 31.1563 16.8705 31.1941 16.9616C31.2319 17.0527 31.2513 17.1504 31.2513 17.2491C31.2513 17.3477 31.2319 17.4454 31.1941 17.5365C31.1563 17.6276 31.1008 17.7104 31.031 17.7801L25.031 23.7801C24.9613 23.8498 24.8785 23.9051 24.7874 23.9428C24.6963 23.9806 24.5986 24 24.5 24C24.3008 24 24.1098 23.9209 23.969 23.7801C23.8282 23.6392 23.7491 23.4482 23.7491 23.2491C23.7491 23.0499 23.8282 22.8589 23.969 22.7181L28.6895 17.9991L11 17.9991C10.8011 17.9991 10.6103 17.92 10.4697 17.7794C10.329 17.6387 10.25 17.448 10.25 17.2491Z' fill='%231B7D86'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: absolute; width: 42px; height: 33px; left: 0; top: 0; } .opt-sov-018 .opt-parallax-section .opt-parallax-button { padding: 0 24px; height: 48px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 24px; background: #fff; color: #303036; font-size: 16px; font-weight: 600; line-height: 20px; -webkit-text-decoration: none; text-decoration: none; margin-top: 12px; min-width: 200px; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-top-image { display: none; } @media screen and (max-width: 991px) { .opt-sov-018 .opt-parallax-section .container { padding-left: 20px; padding-right: 20px; } .opt-sov-018 .opt-parallax-section .opt-parallax-button { width: 100%; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-overlay { padding-left: 0; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-text-content { padding: 48px 0; max-width: none; max-width: initial; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-text-content .opt-parallax-title { font-size: 24px; margin-bottom: 32px; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-text-content .opt-parallax-description { font-size: 18px; } .opt-sov-018 .opt-parallax-section .opt-parallax-bullet-points { width: 100%; } .opt-sov-018 .opt-parallax-section .opt-parallax-bullet-points .point { gap: 24px; font-size: 16px; padding-left: 56px; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-bg { display: none; } .opt-sov-018 .opt-parallax-section .opt-parallax-section-top-image { display: block; } } /* features */ .opt-sov-018 .opt-feature-section { position: relative; z-index: 1; padding-bottom: 40px; background: rgba(232, 239, 241, 0.5); } .opt-sov-018 .opt-feature-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 100px 56px; padding: var(--Modules-spacing-Vertical-padding, 100px) 56px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 64px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 24px; border-radius: var(--Rounded-corners-XL, 24px); border: 0.5px solid #b2c9d0; border: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); background: #fff; background: var(--Colours-Neutral-000-White, #fff); max-width: 1192px; margin: 0 auto -56px; position: relative; top: -56px; } .opt-sov-018 .opt-feature-section__block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .opt-sov-018 .opt-feature-section h2 { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-size: 32px; font-style: normal; font-weight: 700; line-height: 130%; /* 41.6px */ margin-bottom: 24px; } .opt-sov-018 .opt-feature-section .description { color: #303036; font-size: 18px; font-weight: 400; line-height: 140%; margin-bottom: 32px; } .opt-sov-018 .opt-feature-section .description.bold { margin-bottom: 24px; font-size: 20px; font-weight: 600; line-height: 140%; } .opt-sov-018 .opt-feature-section__block:not(.opt-feature-section__block--reverse) .description { margin-bottom: 16px !important; } /* .opt-sov-018 .opt-feature-section__block:not(.opt-feature-section__block--reverse) { align-items: start; } */ .opt-sov-018 .opt-feature-section__block:not(.opt-feature-section__block--reverse) .opt-feature-section__text { padding-right: 0; } .opt-sov-018 .opt-feature-section__block:not(.opt-feature-section__block--reverse) h2 { margin-bottom: 16px !important; /* margin-top: 40px; */ } .opt-sov-018 .opt-feature-section__block.opt-feature-section__block--grid h2 { text-align: center; } .opt-sov-018 .opt-feature-section__block.opt-feature-section__block--grid .description { text-align: center; margin-bottom: 54px; } .opt-sov-018 .opt-feature-section__block--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .opt-sov-018 .opt-feature-section__image { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -moz-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 634px; width: 100%; } .opt-sov-018 .opt-feature-section__image img { width: 100%; height: auto; border-radius: 12px; max-width: 540px; max-height: 700px; } .opt-sov-018 .opt-feature-section__text { -webkit-box-flex: 1; -webkit-flex: 1 1 -webkit-calc(100% - 580px); -moz-box-flex: 1; -ms-flex: 1 1 calc(100% - 580px); flex: 1 1 calc(100% - 580px); padding-right: 40px; padding-left: 0; } .opt-sov-018 .opt-feature-section__block--reverse .opt-feature-section__text { padding-right: 0; padding-left: 40px; } .opt-sov-018 .opt-feature-section__text ul { list-style-type: disc; color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; /* 25.2px */ list-style: none; padding-left: 56px; } .opt-sov-018 .opt-feature-section__text ul li { margin-bottom: 24px; position: relative; min-height: 42px; } .opt-sov-018 .opt-feature-section__block:not(.opt-feature-section__block--grid) .opt-feature-section__text ul li:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='41' height='33' viewBox='0 0 41 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.25' y='1' width='39' height='31' rx='15.5' fill='white'/%3E%3Crect x='1.25' y='1' width='39' height='31' rx='15.5' stroke='%23E1E0DC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.25 17.2491C10.25 17.0501 10.329 16.8594 10.4697 16.7187C10.6103 16.5781 10.8011 16.4991 11 16.4991L28.6895 16.4991L23.969 11.7801C23.8282 11.6392 23.7491 11.4482 23.7491 11.2491C23.7491 11.0499 23.8282 10.8589 23.969 10.7181C24.1098 10.5772 24.3008 10.4981 24.5 10.4981C24.6992 10.4981 24.8902 10.5772 25.031 10.7181L31.031 16.7181C31.1008 16.7877 31.1563 16.8705 31.1941 16.9616C31.2319 17.0527 31.2513 17.1504 31.2513 17.2491C31.2513 17.3477 31.2319 17.4454 31.1941 17.5365C31.1563 17.6276 31.1008 17.7104 31.031 17.7801L25.031 23.7801C24.9613 23.8498 24.8785 23.9051 24.7874 23.9428C24.6963 23.9806 24.5986 24 24.5 24C24.3008 24 24.1098 23.9209 23.969 23.7801C23.8282 23.6392 23.7491 23.4482 23.7491 23.2491C23.7491 23.0499 23.8282 22.8589 23.969 22.7181L28.6895 17.9991L11 17.9991C10.8011 17.9991 10.6103 17.92 10.4697 17.7794C10.329 17.6387 10.25 17.448 10.25 17.2491Z' fill='%231B7D86'/%3E%3C/svg%3E%0A"); position: absolute; width: 42px; height: 33px; left: -56px; top: 0; } .opt-sov-018 .opt-feature-section__block--grid { gap: 24px; margin-bottom: 0; } .opt-sov-018 .opt-feature-section__text ul img { width: 88.713px; height: 77px; } .opt-sov-018 .opt-feature-section__block--grid ul { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; gap: 24px; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; padding: 0; } .opt-sov-018 .opt-feature-section__block--grid ul li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .opt-sov-018 .opt-feature-section__image--video { position: relative; } .opt-sov-018 .opt-feature-section__play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='80' viewBox='0 0 81 80' fill='none'%3E%3Cpath d='M40.25 0.5C62.0652 0.5 79.75 18.1848 79.75 40C79.75 61.8152 62.0652 79.5 40.25 79.5C18.4348 79.5 0.75 61.8152 0.75 40C0.75 18.1848 18.4348 0.5 40.25 0.5Z' fill='white'/%3E%3Cpath d='M40.25 0.5C62.0652 0.5 79.75 18.1848 79.75 40C79.75 61.8152 62.0652 79.5 40.25 79.5C18.4348 79.5 0.75 61.8152 0.75 40C0.75 18.1848 18.4348 0.5 40.25 0.5Z' stroke='white'/%3E%3Cpath d='M30.2508 58.9645C30.2508 61.1917 32.9436 62.3072 34.5186 60.7322L53.483 41.7678C54.4593 40.7915 54.4593 39.2085 53.483 38.2322L34.5186 19.2678C32.9436 17.6929 30.2508 18.8083 30.2508 21.0355V58.9645Z' fill='%2352667A'/%3E%3C/svg%3E"); width: 80px; height: 80px; } .opt-sov-018 .opt-feature-section .video { display: none; } .opt-sov-018 .opt-feature-section .opt-feature-section__button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 24px; height: 48px; min-height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 24px; background: #1b7d86; color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; min-width: 200px; } .opt-sov-018 .opt-feature-section .opt-feature-section__button:hover { background: #196c74; } .opt-sov-018 .opt-feature-section .opt-feature-section__about-disclaimer { color: #6d6d78; font-size: 14px; font-weight: 400; line-height: 140%; margin-bottom: 16px; } .opt-sov-018 .opt-feature-section .opt-feature-section__about { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 12.5px 0; gap: 16px; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-icon { width: 60px; min-width: 60px; height: 60px; background: #d8e4e7; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-icon svg { fill: transparent; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-content .opt-feature-section__about-item-title { color: #303036; font-size: 18px; font-weight: 600; line-height: 140%; margin: 0; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-content .opt-feature-section__about-item-description { color: #6d6d78; font-size: 14px; font-weight: 400; line-height: 140%; margin: 0; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item:not(:first-of-type) { border-top: 1px solid #b2c9d0; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item:last-of-type { padding: 16px 0; } @media screen and (max-width: 1100px) { .opt-sov-018 .opt-feature-section .opt-feature-section__text { -webkit-box-flex: 1; -webkit-flex: 1 1 45%; -moz-box-flex: 1; -ms-flex: 1 1 45%; flex: 1 1 45%; padding-right: 0; } } @media screen and (max-width: 991px) { .opt-sov-018 .opt-feature-section { padding-bottom: 56px; margin: 0; } .opt-sov-018 .opt-feature-section .container { margin: 0 auto; width: 100%; max-width: 660px; padding: 0 16px; } .opt-sov-018 .opt-feature-section .opt-feature-wrapper { padding: 48px 20px; position: relative; top: -24px; margin-bottom: -24px; border: none; gap: 96px; } .opt-sov-018 .opt-feature-section .opt-feature-section__block { gap: 32px; margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-feature-section .opt-feature-section__block.opt-feature-section__block--reverse h2 { margin-bottom: 24px; } .opt-sov-018 .opt-feature-section .opt-feature-section__block:not(.opt-feature-section__block--reverse) h2 { margin-bottom: 16px; margin-top: 0 !important; } .opt-sov-018 .opt-feature-section .opt-feature-section__block--grid { margin: 0 auto; } .opt-sov-018 .opt-feature-section h2 { font-size: 28px; } .opt-sov-018 .opt-feature-section .description { font-size: 18px; } .opt-sov-018 .opt-feature-section__text { padding: 0 !important; } .opt-sov-018 .opt-feature-section__text ul { font-size: 16px; } .opt-sov-018 .opt-feature-section__block--grid ul li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .opt-sov-018 .opt-feature-section__block--grid ul li:last-child { grid-column: 1 / -1; } .opt-sov-018 .opt-feature-section__block--grid ul li:last-child span { max-width: 50%; } .opt-sov-018 .opt-feature-section .opt-feature-section__text { padding-right: 0; } .opt-sov-018 .opt-feature-section .opt-feature-section__image img { height: 72vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; max-height: 475px; max-width: 100%; } .opt-sov-018 .opt-feature-section .opt-feature-section__button { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item { padding: 16px 0; gap: 16px; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-icon { width: 48px; height: 48px; min-width: 48px; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-icon svg { width: 25.6px; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-content .opt-feature-section__about-item-title { font-size: 16px; line-height: 140%; } .opt-sov-018 .opt-feature-section .opt-feature-section__about .opt-feature-section__about-item .opt-feature-section__about-item-content .opt-feature-section__about-item-description { font-size: 14px; line-height: 140%; } } .opt-sov-018 .opt-cpap-explained--outer-wrapper { overflow-x: clip; overflow-y: auto; overflow: clip auto; } .opt-sov-018 .opt-cpap-explained { padding: 0px 30px 80px; background: rgba(232, 239, 241, 0.5); } @media screen and (min-width: 1024px) { .opt-sov-018 .opt-cpap-explained--outer-wrapper { margin-top: 0; } } @media screen and (max-width: 990px) { .opt-sov-018 .opt-cpap-explained { padding: 80px 0 0; background: #fff !important; } .opt-sov-018 .opt-cpap-explained .opt-cpap-explained--outer-wrapper { background: #fff !important; } .opt-sov-018 .opt-cpap-explained .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper { background: #fff !important; } .opt-sov-018 .opt-cpap-explained .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper:first-of-type { padding-top: 0 !important; } } .opt-sov-018 .opt-shop-by-brand { padding: 80px 40px; margin: 0 auto; max-width: 1440px; } .opt-sov-018 .opt-shop-by-brand .opt-shop-by-brand__title { text-align: center; margin: 0 auto 40px; font-size: 32px !important; } .opt-sov-018 .opt-shop-by-brand .opt-shop-by-brand__brands { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 24px; } .opt-sov-018 .opt-shop-by-brand .opt-shop-by-brand__brands-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; gap: 24px; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .opt-sov-018 .opt-shop-by-brand .opt-shop-by-brand__brands-inner .opt-shop-by-brand__brand { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-width: 210px; height: 127px; border-radius: 16px; border: 1px solid #e8eff1; background: #fff; } .opt-sov-018 .opt-shop-by-brand .opt-shop-by-brand__brands-inner .opt-shop-by-brand__brand img { height: 100%; } @media screen and (max-width: 990px) { .opt-sov-018 .opt-shop-by-brand { padding: 56px 40px; } .opt-sov-018 .opt-shop-by-brand .opt-shop-by-brand__brands { gap: 15px; } .opt-sov-018 .opt-shop-by-brand .opt-shop-by-brand__brands-inner { gap: 15px; } .opt-sov-018 .opt-shop-by-brand .opt-shop-by-brand__brands-inner .opt-shop-by-brand__brand { min-width: 132.283px; height: 80px; } } .opt-sov-018 .opt-reviews-section { padding: 100px 0; overflow-x: clip; overflow-y: auto; overflow: clip auto; background: #f3f7f8; } .opt-sov-018 .opt-reviews-section .container { max-width: 1224px; } .opt-sov-018 .opt-reviews--header { -webkit-box-pack: justify; -moz-box-pack: justify; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 48px; } .opt-sov-018 .opt-reviews--header .opt-reviews--navigation { -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-prev:after, .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-next:after { content: none; } .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-prev svg, .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-next svg { height: 32px; width: 32px; } .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-prev svg path, .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-next svg path { fill: #52667a; } .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-prev, .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-next { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 48px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; margin: 0; padding: 0 4px; position: static; right: 0; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; width: 48px; border: 1px solid #52667a; border: 1px solid var(--Colours-Principal-Principal-1, #52667a); opacity: 1; cursor: pointer; } .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-prev:not(.swiper-button-disabled), .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-next:not(.swiper-button-disabled) { background-color: #52667a; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; } .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-prev:not(.swiper-button-disabled) svg path, .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-next:not(.swiper-button-disabled) svg path { fill: #fff; } .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-prev:not(.swiper-button-disabled):hover, .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-next:not(.swiper-button-disabled):hover { background-color: #fff; border-color: #fff; } .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-prev:not(.swiper-button-disabled):hover svg path, .opt-sov-018 .opt-reviews--navigation .opt-reviews--navigation-button-next:not(.swiper-button-disabled):hover svg path { fill: #52667a; } .opt-sov-018 .opt-reviews--navigation { -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; gap: 16px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .opt-sov-018 .opt-reviews-title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-size: 28px; font-style: normal; font-weight: 700; line-height: 130%; /* 36.4px */ } .opt-sov-018 .opt-reviews-swiper { width: 100%; height: 100%; margin-right: -webkit-calc((100vw - 1300px) / -2); margin-right: -moz-calc((100vw - 1300px) / -2); margin-right: calc((100vw - 1300px) / -2); overflow: visible; position: relative; margin-left: 0; } .opt-sov-018 .opt-reviews-swiper .swiper-wrap { -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; } .opt-sov-018 .opt-reviews-swiper .swiper-slide { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; height: auto; height: initial; } .opt-sov-018 .opt-review-card { background: white; border-radius: 16px; padding: 20px; height: 100%; } .opt-sov-018 .opt-review-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .opt-sov-018 .opt-review-info .opt-review-title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; display: none !important; /* 19.6px */ } .opt-sov-018 .opt-review-content { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; } .opt-sov-018.opt-review-name { color: #6d6d78; color: var(--Colours-Neutral-200-Dark-grey, #6d6d78); font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ } @media (max-width: 768px) { .opt-sov-018 .opt-reviews-section { padding: 40px 0; } .opt-sov-018 .opt-reviews--header { margin-bottom: 32px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 .opt-reviews--navigation { display: none; } .opt-sov-018 .opt-reviews-title { font-size: 24px; text-align: center; } } .opt-sov-018 .opt-offer-banner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #52667a; width: 100%; border-radius: 0 0 12px 12px; margin-bottom: -12px; position: relative; z-index: 2; gap: 16px; min-height: 56px; padding: 8px 14px; } .opt-sov-018 .opt-offer-banner .opt-offer-banner_badge { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 27px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; border-radius: 4px; background: #f2c659; color: #52667a; font-size: 14px; font-weight: 700; line-height: 140%; padding: 0 8px; } .opt-sov-018 .opt-offer-banner .opt-offer-banner_text { margin: 0; color: #fff; font-size: 16px; font-weight: 600; line-height: 140%; position: relative; top: 1px; text-align: center; } .opt-sov-018 .opt-offer-banner svg { min-width: 24px; } @media screen and (max-width: 990px) { .opt-sov-018 .opt-offer-banner { gap: 8px; } .opt-sov-018 .opt-offer-banner .opt-offer-banner_text { font-size: 14px; } } .opt-video-overlay--viewport { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 100000000; overflow-y: auto; overflow-x: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; pointer-events: none; } .opt-video-overlay--viewport.opt-video-overlay--open { opacity: 1; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; pointer-events: auto; } .opt-video-overlay--viewport .opt-video-overlay--bg { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; z-index: 0; } .opt-video-overlay--viewport .opt-video-overlay--content { position: relative; z-index: 10; width: -webkit-calc(100vw - 40px); width: -moz-calc(100vw - 40px); width: calc(100vw - 40px); height: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; max-width: 1280px; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--header { color: white; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--header .opt-video-overlay--title { font-family: 'Manrope', sans-serif; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--header .opt-video-overlay--close-button { width: 48px; height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--header .opt-video-overlay--close-button svg path { stroke: white; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--video-wrapper { width: 100%; height: auto; max-width: 1280px; max-height: 720px; aspect-ratio: 16/9; z-index: 100; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--video-wrapper iframe { width: 100%; height: auto; aspect-ratio: 16/9; } .opt-sov-018 { background: #f4f7f8; } .opt-sov-018 #SC-Main, .opt-sov-018 #SC-Header .Flag, .opt-sov-018 #SC-PreFooter { display: none !important; } .opt-sov-018 .opt-new_page { overflow-x: hidden; background: #fff; } .opt-sov-018 .opt-new_page .opt-title { color: #000; font-size: 32px; font-weight: 700; line-height: 130%; text-transform: capitalize; } .opt-sov-018 .opt-new_page .opt-play-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: white; } @media screen and (max-width: 767px) { .opt-sov-018 .opt-new_page .opt-title { font-size: 28px; line-height: 130%; } } html { overflow-x: clip; overflow-y: auto; overflow: clip auto; } .opt-sov-018 { --swiper-navigation-size: 48px; --swiper-theme-color: var(--Colours-Principal-Principal-1, #52667a); overflow-y: auto; overflow-x: clip; overflow-y: visible; overflow: clip visible; } .opt-sov-018 #SC-Main.opt-video-overlay-active { height: 100vh; overflow: hidden; } .opt-sov-018 .opt-hero-banner--outer-wrapper { background: -webkit-linear-gradient(335deg, #e8eff1 32%, #b2c9d0 128.05%); background: -webkit-linear-gradient( 335deg, #e8eff1 32%, #b2c9d0 128.05% ); background: -webkit-linear-gradient( 335deg, var(--Colours-Principal-Principal-5, #e8eff1) 32%, var(--Colours-Principal-Principal-2, #b2c9d0) 128.05% ); background: -moz-linear-gradient(335deg, #e8eff1 32%, #b2c9d0 128.05%); background: -moz-linear-gradient( 335deg, #e8eff1 32%, #b2c9d0 128.05% ); background: -moz-linear-gradient( 335deg, var(--Colours-Principal-Principal-5, #e8eff1) 32%, var(--Colours-Principal-Principal-2, #b2c9d0) 128.05% ); background: linear-gradient(115deg, #e8eff1 32%, #b2c9d0 128.05%); background: linear-gradient( 115deg, #e8eff1 32%, #b2c9d0 128.05% ); background: linear-gradient( 115deg, var(--Colours-Principal-Principal-5, #e8eff1) 32%, var(--Colours-Principal-Principal-2, #b2c9d0) 128.05% ); } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--image-wrapper { aspect-ratio: 75/44; height: auto; overflow: hidden; width: 100%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--image-wrapper .opt-hero-banner--image { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; background: -webkit-linear-gradient(335deg, #e8eff1 32%, #b2c9d0 128.05%); background: -webkit-linear-gradient( 335deg, #e8eff1 32%, #b2c9d0 128.05% ); background: -webkit-linear-gradient( 335deg, var(--Colours-Principal-Principal-5, #e8eff1) 32%, var(--Colours-Principal-Principal-2, #b2c9d0) 128.05% ); background: -moz-linear-gradient(335deg, #e8eff1 32%, #b2c9d0 128.05%); background: -moz-linear-gradient( 335deg, #e8eff1 32%, #b2c9d0 128.05% ); background: -moz-linear-gradient( 335deg, var(--Colours-Principal-Principal-5, #e8eff1) 32%, var(--Colours-Principal-Principal-2, #b2c9d0) 128.05% ); background: linear-gradient(115deg, #e8eff1 32%, #b2c9d0 128.05%); background: linear-gradient( 115deg, #e8eff1 32%, #b2c9d0 128.05% ); background: linear-gradient( 115deg, var(--Colours-Principal-Principal-5, #e8eff1) 32%, var(--Colours-Principal-Principal-2, #b2c9d0) 128.05% ); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; padding: 40px 20px; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 700; line-height: 130%; margin: 0; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--description { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin: 0; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 12px; width: 100%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-cpap-explained, .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-view-machines { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 20px; text-align: center; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-view-machines { background: #1b7d86; background: var(--Teal, #1b7d86); color: #fff; color: var(--Colours-Neutral-000-White, #fff); -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-view-machines:hover { background: #196c74; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-cpap-explained { border: 2.5px solid #1b7d86; border: 2.5px solid var(--Teal, #1b7d86); color: #1b7d86; color: var(--Teal, #1b7d86); } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: #f4f7f8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; padding: 62px 20px 40px; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading .opt-hero-banner--machines-title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading .opt-hero-banner--machines-carousel-navigation { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 16px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 0; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading .opt-hero-banner--machines-carousel-navigation .swiper-pagination { color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-cpap-explained--machines-carousel-navigation [class*='opt-cpap-explained--machines-carousel-button'], .opt-sov-018 [class*='opt-hero-banner--machines-carousel-button'] { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 4px; border-radius: var(--Rounded-corners-S, 4px); bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; gap: 10px; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; margin: 0; padding: 0 4px; position: static; right: 0; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; width: 48px; } .opt-sov-018 .opt-cpap-explained--machines-carousel-navigation [class*='opt-cpap-explained--machines-carousel-button'].swiper-button-disabled, .opt-sov-018 [class*='opt-hero-banner--machines-carousel-button'].swiper-button-disabled { border: 1px solid #52667a; border: 1px solid var(--Colours-Principal-Principal-1, #52667a); opacity: 1; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--machines-carousel-navigation [class*='opt-cpap-explained--machines-carousel-button']:after, .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading .opt-hero-banner--machines-carousel-navigation [class*='opt-hero-banner--machines-carousel-button']:after { content: normal; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--machines-carousel-navigation [class*='opt-cpap-explained--machines-carousel-button'] svg, .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading .opt-hero-banner--machines-carousel-navigation [class*='opt-hero-banner--machines-carousel-button'] svg { height: 32px; width: 32px; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--machines-carousel-navigation [class*='opt-cpap-explained--machines-carousel-button']:not(.swiper-button-disabled), .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading .opt-hero-banner--machines-carousel-navigation [class*='opt-hero-banner--machines-carousel-button']:not(.swiper-button-disabled) { background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); color: #fff; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--machines-carousel-navigation [class*='opt-cpap-explained--machines-carousel-button']:not(.swiper-button-disabled):hover, .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading .opt-hero-banner--machines-carousel-navigation [class*='opt-hero-banner--machines-carousel-button']:not(.swiper-button-disabled):hover { background: #fff; color: #52667a; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel-heading .opt-hero-banner--machines-carousel-navigation .opt-hero-banner--swiper-pagination { position: static; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: -20px; padding: 0 20px; width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: calc(100% + 40px); } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper { overflow: visible; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #fff; background: var(--Colours-Neutral-000-White, #fff); border-radius: 8px; border-radius: var(--Rounded-corners-M, 8px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; height: auto; padding: 16px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine:not(.swiper-slide-active) { opacity: 0.4; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .opt-sov-018 .SC-CardGrid_item { border: 1px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .opt-sov-018 .SC-CardGrid_item:hover { background: #fff; background: var(--Colours-Neutral-000-White, #fff); border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 4px; border-radius: var(--Rounded-corners-S, 4px); -webkit-box-shadow: 0 3px 8px 0 rgba(82, 102, 122, 0.1); box-shadow: 0 3px 8px 0 rgba(82, 102, 122, 0.1); } .opt-sov-018 .SC-CardGrid_item .SC-ProductCard .ProductCard_image:hover:after, .opt-sov-018 .SC-CardGrid_item .SC-ProductCard .SC-ProductCard_image:hover:after { background: none; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine .SC-ProductCard { width: 100%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine .SC-ProductCard .SC-ProductCard_headline { -webkit-box-flex: 0; -moz-box-flex: 0; color: #212121; color: var(--Colours-Neutral-100-Black-texts, #212121); -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; margin-bottom: 8px; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine .SC-ProductCard .SC-ProductCard_subheadline .SC-ProductCard_price { margin-bottom: 12px; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine .SC-ProductCard .SC-ProductCard_subheadline .SC-ProductCard_price .SC-ProductCard_price_item.is-current { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 700; line-height: 140%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine .SC-ProductCard .SC-ProductCard_subheadline .SC-ProductCard_price .SC-ProductCard_price_item.is-original { color: #454545; color: var(--Colours-Neutral-200-Dark-grey, #454545); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine .SC-ProductCard .SC-ProductCard_subheadline .SC-ProductCard_fulfilment { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine .SC-ProductCard .SC-ProductCard_actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-box-pack: end; -moz-box-pack: end; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 24px; width: 100%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel .swiper-wrapper .opt-hero-banner--machine .SC-ProductCard .SC-ProductCard_actions .SC-Button { background: transparent; border: 1.2px solid #1b7d86; border-radius: 4px; color: #1b7d86; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; margin-top: auto; } .opt-sov-018 .opt-subcategories--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin: 0 auto; max-width: 1200px; padding: 40px 20px 40px 0; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); } .opt-sov-018 .opt-subcategories--wrapper .opt-subcategories--title { margin: 0; } .opt-sov-018 .opt-subcategories--wrapper .opt-subcategories--content { overflow: visible; width: 100%; } .opt-sov-018 .opt-subcategories--wrapper .opt-subcategories--content .swiper-wrapper .SC-CategoryCard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: -webkit-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(-10.28%, rgba(232, 239, 241, 0.5)), to(#fff)); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff); background: linear-gradient(180deg, rgba(232, 239, 241, 0.5) -10.28%, #fff); border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 12px; color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 16px; gap: 8px; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -webkit-transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -moz-transition: border 0.3s ease, box-shadow 0.3s ease; -webkit-transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -moz-transition: border 0.3s ease, box-shadow 0.3s ease; transition: border 0.3s ease, box-shadow 0.3s ease; transition: border 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; white-space: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .opt-sov-018 #SC-Main .sc-container { margin: 0; overflow-x: clip; overflow-y: visible; overflow: clip visible; padding: 0; } .opt-sov-018 #SC-Main .SC-Breadcrumb { display: none; } .opt-sov-018 #SC-Main .SC-Grid { background: #f4f7f8; grid-template-columns: minmax(0, 100%); padding: 0 20px 40px; } .opt-sov-018 #SC-Main .SC-Grid .opt-filters-modal--background { background: rgba(0, 0, 0, 0.6); bottom: 0; height: 100vh; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; width: 100vw; z-index: 12; } .opt-sov-018 #SC-Main .SC-Grid .opt-filters-modal--background.active { opacity: 1; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .opt-sov-018 #SC-Main .SC-Grid .SC-CategorySubcategories { display: none; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: #fff; border-radius: 8px 8px 0 0; bottom: 0; bottom: -100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; left: 0; max-height: 90%; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transition: bottom 0.5s ease; -moz-transition: bottom 0.5s ease; transition: bottom 0.5s ease; width: 100%; z-index: 2147483640; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay.is-active { bottom: 0; opacity: 1; pointer-events: auto; -webkit-transition: bottom 0.5s ease; -moz-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_close { display: none !important; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_close, .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .opt-filters-modal--close-button { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1/1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 10px; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: auto; padding: 6px; position: absolute; right: 0; width: 48px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 24px 20px 0; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body .opt-filters-modal--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 140%; margin: 0; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body #SC-FilterByKeyword { margin-bottom: 16px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search'] { background: rgba(232, 239, 241, 0.5); border-radius: 4px; color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; width: 100%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']:focus::-webkit-input-placeholder { color: transparent; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']:focus::-moz-placeholder { color: transparent; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']:focus:-ms-input-placeholder { color: transparent; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']:focus::-ms-input-placeholder { color: transparent; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']:focus::placeholder { color: transparent; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']::-webkit-input-placeholder { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']::-moz-placeholder { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']:-ms-input-placeholder { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']::-ms-input-placeholder { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']::placeholder { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body input[type='search']:focus { background: rgba(232, 239, 241, 0.5); border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 4px; -webkit-box-shadow: 0 3px 8px 0 rgba(82, 102, 122, 0.1); box-shadow: 0 3px 8px 0 rgba(82, 102, 122, 0.1); } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body .SC-Accordion { --sc-border-width: 1px; --sc-border-color: var(--Colours-Principal-Principal-2, #b2c9d0); } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; border-top: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_footer .SC-Button-primary { background: transparent; border: 1.2px solid #1b7d86; border-radius: 4px; color: #1b7d86; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_footer .SC-Button-primary.active { background: #1b7d86; color: #fff; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .opt-sov-018 .opt-filters--header { -webkit-box-pack: justify; -moz-box-pack: justify; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .opt-sov-018 #SC-Main .opt-filters--header .opt-filters-modal--clear-filters-cta { display: none; } .opt-sov-018 #SC-Main .opt-filters-modal--clear-filters-cta { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 0.56px; line-height: 20px; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; text-transform: uppercase; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_sidebar { grid-column: unset; width: 100%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main > h1 { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); display: none; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 24px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-ProductCategoryInformation, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-ProductCategoryIntroduction, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main > hr { display: none; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu { background: #fff; border-bottom: 1px solid #b2c9d0; border-bottom: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-top: 1px solid #b2c9d0; border-top: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 0; position: relative; translate: -20px; width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: calc(100% + 40px); z-index: 2; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu #SC-ProductCategoryFiltersButton { -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-pack: center; -moz-box-pack: center; border: none; border-radius: 0; border-right: 1px solid #b2c9d0; border-right: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; gap: 16px; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu #SC-ProductCategoryFiltersButton svg { fill: none; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu #SC-ProductCategoryFiltersButton span { color: #6d6d78; color: var(--Colours-Neutral-200-Dark-grey, #6d6d78); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; text-align: center; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu .SC-Dropdown { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; height: 48px; padding-right: 20px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu .SC-Dropdown .SC-Dropdown_button { height: 100%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu .SC-Dropdown .SC-Dropdown_button_label { color: #6d6d78; color: var(--Colours-Neutral-200-Dark-grey, #6d6d78); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; text-align: center; white-space: nowrap; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu .SC-Dropdown .opt-selected-filter { color: #6d6d78; color: var(--Colours-Neutral-200-Dark-grey, #6d6d78); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin-left: 16px; text-align: center; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu .SC-Dropdown svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 8px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu .SC-Dropdown .SC-Dropdown_body { z-index: 1000000; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-grid-header--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: #f4f7f8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 12px; margin-left: -20px; padding: 0 20px; width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: calc(100% + 40px); } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-grid-header--wrapper .opt-grid-header--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; grid-area: title; line-height: 130%; margin-top: 28px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-grid-header--wrapper .opt-grid-header--subtitle { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; font-weight: 600; grid-area: product-count; line-height: 140%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid { --sc-spacing-base: 8px; background: #f4f7f8; margin-bottom: 0; margin-left: -20px; padding: 32px 20px 40px; width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: calc(100% + 40px); } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item { background: #fff; padding: 8px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_headline { color: #212121; color: var(--Colours-Neutral-100-Black-texts, #212121); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_subheadline { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_subheadline .SC-ProductCard_price_item.is-current, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_subheadline .SC-ProductCard_price_item:only-child { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 700; line-height: 140%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_subheadline .SC-ProductCard_price_item.is-current { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_subheadline .SC-ProductCard_price_item.is-original { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; color: #454545; color: var(--Colours-Neutral-200-Dark-grey, #454545); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_subheadline .SC-ProductCard_price_item.is-savings { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; background: #f2c659; border-radius: 4px; color: #212121; color: var(--Colours-Neutral-100-Black-texts, #212121); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_subheadline .SC-ProductCard_fulfilment { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid .SC-CardGrid_item .SC-ProductCard_subheadline .SC-ProductCard_action input.SC-Button { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .pagination { background: #f4f7f8; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .pagination[role='navigation'] { display: none; margin-bottom: 0; margin-top: 0; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper { background: #f4f7f8; margin-left: -20px; width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: calc(100% + 40px); } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper { -webkit-box-pack: justify; -moz-box-pack: justify; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--prev svg { rotate: 180deg; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--next, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--prev { -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; gap: 10px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--next .opt-pagination--label, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--prev .opt-pagination--label { color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); display: none; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--next.disabled svg, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--prev.disabled svg { background: transparent; color: #b2c9d0; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--next.disabled .opt-pagination--label, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--prev.disabled .opt-pagination--label { display: none; font-weight: 400; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--next svg, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--prev svg { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 4px; border-radius: var(--Rounded-corners-S, 4px); color: #fff; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 4px; width: 48px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--next { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .page { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; background: rgba(178, 201, 208, 0.2); border-radius: 2px; color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; gap: 10px; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 140%; margin: 0; padding: 8px; text-align: center; width: 40px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .page.current { background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); color: #fff; color: var(--Colours-Neutral-000-White, #fff); } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .pagination[role='navigation'] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 8px; } .opt-sov-018 .opt-sort-modal--viewport { height: 100%; pointer-events: none; position: fixed; width: 100%; z-index: 2147483640; } .opt-sov-018 .opt-sort-modal--viewport.active { pointer-events: auto; } .opt-sov-018 .opt-sort-modal--viewport .opt-sort-modal--background { background: rgba(0, 0, 0, 0.6); height: 100%; opacity: 0; position: fixed; width: 100%; z-index: -1; } .opt-sov-018 .opt-sort-modal--viewport .opt-sort-modal--inner-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: #fff; border-radius: 8px 8px 0 0; bottom: -100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 40px; padding: 40px 20px; position: fixed; -webkit-transition: bottom 0.5s ease; -moz-transition: bottom 0.5s ease; transition: bottom 0.5s ease; width: 100%; z-index: 1; } .opt-sov-018 .opt-sort-modal--viewport .opt-sort-modal--inner-wrapper .opt-sort-modal--close-button { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 0; top: 0; width: 48px; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--background { opacity: 1; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper { bottom: 0; -webkit-transition: bottom 0.5s ease; -moz-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--title-wrapper .opt-sort-modal--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 140%; margin: 0; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--title-wrapper hr { background: #acd1d7; background: var(--Colours-Principal-Principal-4, #acd1d7); margin-bottom: 0; margin-top: 16px; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper .opt-sort-option--label { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #403e41; color: var(--Colours-Principal-Principal-3, #403e41); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; gap: 8px; height: 56px; line-height: 140%; margin: 0; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper .opt-sort-option--label:has(input:checked) { font-weight: 600; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper .opt-sort-option--label:has(input:checked) .opt-checkbox { background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); border-radius: 4px; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper .opt-sort-option--label:has(input:checked) .opt-checkbox svg { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper .opt-sort-option--label:not(:last-child) { border-bottom: 1px solid #e8eff1; border-bottom: 1px solid var(--Colours-Principal-Principal-5, #e8eff1); } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper .opt-sort-option--label input { display: none; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper .opt-sort-option--label .opt-checkbox { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #b5b5b5; border: 1px solid var(--Colours-Neutral-300-Medium-grey, #b5b5b5); border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 24px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 24px; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--options-wrapper .opt-sort-option--label .opt-checkbox svg { display: none; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--footer { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .opt-sov-018 .opt-sort-modal--viewport.active .opt-sort-modal--inner-wrapper .opt-sort-modal--footer .opt-sort-modal--close-cta { color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; height: 48px; letter-spacing: 0.56px; line-height: 20px; text-align: center; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; text-transform: uppercase; width: 100%; } .opt-sov-018 .opt-in-grid-content--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); border-radius: 0 0 4px 4px; border-radius: 0 0 var(--Rounded-corners-S, 4px) var(--Rounded-corners-S, 4px); border-top: 3px solid #f2c725; border-top: 3px solid var(--Colours-Secondary-Secondary-1, #f2c725); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--image-wrapper { aspect-ratio: 1; height: auto; width: 100%; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--image-wrapper .opt-in-grid-content--image { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: end; -moz-box-pack: end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 8px 8px; text-align: center; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--title { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 700; line-height: 140%; margin-bottom: 8px; text-align: center; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--body { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 16px; text-align: center; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--link, .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--link-mobile { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); border: 1px solid #eff2f9; border: 1px solid var(--Colours-Brand-Pastel-CK-Pastel-Blue, #eff2f9); border-radius: 4px; color: #eff2f9; color: var(--Colours-Brand-Pastel-CK-Pastel-Blue, #eff2f9); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 20px; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; width: 100%; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--link-mobile:hover, .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--link:hover { background: #fff; color: #52667a; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--link { display: none; } .opt-sov-018 .opt-cvps-grid--outer-wrapper { background: #e8eff1; background: var(--Colours-Principal-Principal-5, #e8eff1); } .opt-sov-018 .opt-cvps-grid { --column-count: 2; -webkit-box-pack: center; -moz-box-pack: center; grid-gap: 32px 16px; -webkit-align-content: center; display: grid; gap: 32px 16px; grid-template-columns: repeat(2, minmax(0, 100%)); grid-template-columns: repeat(var(--column-count), minmax(0, 100%)); grid-template-rows: auto; -webkit-justify-content: center; padding: 40px 20px; -ms-flex-line-pack: center; -ms-flex-pack: center; align-content: center; justify-content: center; place-content: center; } .opt-sov-018 .opt-cvps-grid .opt-cvp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .opt-sov-018 .opt-cvps-grid .opt-cvp .opt-cvp--image-wrapper { aspect-ratio: 1; height: auto; width: 78px; } .opt-sov-018 .opt-cvps-grid .opt-cvp .opt-cvp--content-wrapper { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; text-align: center; } .opt-sov-018 .opt-start-journey--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--video-wrapper { aspect-ratio: 125/92; height: auto; min-height: 276px; position: relative; width: 100%; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--video-wrapper .opt-start-journey--video-poster { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: start; -moz-box-pack: start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #52667a; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 48px 20px; width: 100%; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--content-wrapper .opt-start-journey--title { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--content-wrapper .opt-start-journey--body-wrapper { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--content-wrapper .opt-start-journey--body-wrapper strong { font-weight: 700; } .opt-sov-018 .opt-cpap-explained--outer-wrapper { background: #f4f7f8; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: #f4f7f8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; padding-left: 20px; padding-right: 20px; z-index: 1; } .opt-sov-018 .opt-cpap-explained--header { -webkit-box-pack: justify; -moz-box-pack: justify; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .opt-sov-018 .opt-cpap-explained--header .opt-cpap-explained--machines-carousel-navigation { -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; gap: 16px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; grid-area: title; line-height: 130%; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper { overflow: visible; width: 100%; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: rgba(232, 239, 241, 0.5); border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 8px; border-radius: var(--Rounded-corners-M, 8px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; overflow: hidden; width: 277px; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--video-wrapper { height: 173px; position: relative; width: 100%; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--video-wrapper .opt-cpap-explained--video-poster { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--image-wrapper { height: 276px; position: relative; width: auto; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--image-wrapper .opt-cpap-explained--image { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 24px 16px; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--content-wrapper .opt-cpap-explained--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 600; line-height: 140%; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--content-wrapper .opt-cpap-explained--watch-cta { color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; letter-spacing: 0.56px; line-height: 20px; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; text-transform: uppercase; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--content-wrapper .opt-cpap-explained--publish-date { border-right: 1px solid #303036; border-right: 1px solid var(--Colours-Neutral-100-Black-texts, #303036); color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; grid-area: date; line-height: 140%; padding-right: 16px; white-space: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--content-wrapper .opt-cpap-explained--read-time { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; grid-area: readtime; line-height: 140%; white-space: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper[data-media-type='Videos'] { padding-top: 80px; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper[data-media-type='Blogs'] { padding-bottom: 40px; padding-top: 80px; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper[data-media-type='Blogs'] .opt-cpap-explained--machines-carousel-navigation { display: none; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper[data-media-type='Blogs'] .opt-cpap-explained--video-wrapper { height: 280px; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper[data-media-type='Blogs'] .opt-cpap-explained--video-wrapper svg { display: none; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper[data-media-type='Blogs'] .opt-cpap-explained--carousel-wrapper .opt-cpap-explained--block .opt-cpap-explained--content-wrapper { display: grid; grid-template-areas: 'category category' 'title title' 'date readtime'; grid-template-columns: -webkit-min-content minmax(0, 100%); grid-template-columns: min-content minmax(0, 100%); } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper[data-media-type='Blogs'] .opt-cpap-explained--content-wrapper .opt-cpap-explained--category { border: 0.5px solid #303036; border: 0.5px solid var(--Colours-Neutral-100-Black-texts, #303036); border-radius: 3px; color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; grid-area: category; line-height: 100%; margin-bottom: 4px; padding: 4px 16px; text-transform: uppercase; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .opt-sov-018 .opt-contact-us--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--image-wrapper { aspect-ratio: 125/92; height: auto; width: 100%; } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--image-wrapper .opt-contact-us--image { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #52667a; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 48px 16px; } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--content-wrapper .opt-contact-us--title { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; text-align: center; } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--content-wrapper .opt-contact-us--link { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2.5px solid #eff2f9; border: 2.5px solid var(--Colours-Brand-Blue-400-CK-Pastel-Blue, #eff2f9); border-radius: 24px; color: #eff2f9; color: var(--Colours-Brand-Blue-400-CK-Pastel-Blue, #eff2f9); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; gap: 4px; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 20px; margin: 0 auto; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; width: -webkit-calc(100% - 44px); width: -moz-calc(100% - 44px); width: calc(100% - 44px); } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--content-wrapper .opt-contact-us--link:hover { background: #fff; color: #52667a; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .opt-sov-018 .opt-payment-plans--outer-wrapper { background: #f4f7f8; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; gap: 24px; margin: 0 auto; max-width: 1380px; padding: 40px 20px 24px; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper, .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block { background: #fff; background: var(--Colours-Neutral-000-White, #fff); border-radius: 24px; border-radius: var(--Rounded-corners-XL, 24px); gap: 40px; padding: 40px 16px; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--header .opt-payment-plans--image-wrapper { height: 64px; width: 64px; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--header .opt-payment-plans--image-wrapper .opt-payment-plans--image { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--body .opt-payment-plans--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; margin-bottom: 32px; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--body .opt-payment-plans--body-paragraph { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--body .opt-payment-plans--body-paragraph:last-child { margin-bottom: 0; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--footer .opt-payment-plans--cta { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border: 1.2px solid #1b7d86; border-radius: 4px; color: #1b7d86; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 20px; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; width: 100%; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--footer .opt-payment-plans--cta:hover { background: #1b7d86; color: #fff; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .opt-sov-018 .opt-faqs--outer-wrapper { -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #fff; gap: 10px; } .opt-sov-018 .opt-faqs--outer-wrapper, .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; background: #fff; background: var(--Colours-Neutral-000-White, #fff); border-radius: 24px; gap: 32px; padding: 40px 40px 80px; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; text-align: center; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper { gap: 32px; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper, .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper .opt-faqs--faq { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper .opt-faqs--faq { gap: 8px; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper .opt-faqs--faq .opt-faqs--faq-title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper .opt-faqs--faq .opt-faqs--faq-body { color: #403e41; color: var(--Colours-Principal-Principal-3, #403e41); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper .opt-faqs--faq .opt-faqs--faq-body a { color: #52667a; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px; } .opt-sov-018 .opt-sove-difference--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; border-radius: 24px; border-radius: var(--Rounded-corners-XL, 24px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--video-wrapper { height: 204px; position: relative; width: auto; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--video-wrapper .opt-sove-difference--video-poster { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 40px 16px; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper .opt-sove-difference--title { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; margin-bottom: 32px; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper .opt-sove-difference--body-wrapper { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 40px; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper .opt-sove-difference--body-wrapper * { margin: 0; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper .opt-sove-difference--link { -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2.5px solid #fff; border: 2.5px solid var(--Colours-Neutral-000-White, #fff); border-radius: 4px; color: #fff; color: var(--Colours-Neutral-000-White, #fff); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 20px; text-align: center; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; width: 100%; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper .opt-sove-difference--link:hover { background: #fff; color: #52667a; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; -webkit-transition: background 0.3s ease, color 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .opt-sov-018 .opt-play-icon { fill: #fff; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .opt-video-overlay--viewport { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100vh; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 0; overflow-x: auto; overflow-y: auto; pointer-events: none; position: fixed; top: 0; width: 100vw; z-index: 100000000; } .opt-video-overlay--viewport, .opt-video-overlay--viewport.opt-video-overlay--open { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .opt-video-overlay--viewport.opt-video-overlay--open { opacity: 1; pointer-events: auto; } .opt-video-overlay--viewport .opt-video-overlay--bg { background: rgba(0, 0, 0, 0.8); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 0; } .opt-video-overlay--viewport .opt-video-overlay--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: center; -moz-box-pack: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; height: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; max-width: 1280px; position: relative; width: -webkit-calc(100vw - 40px); width: -moz-calc(100vw - 40px); width: calc(100vw - 40px); z-index: 10; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--header { -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 700; gap: 16px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--header .opt-video-overlay--title { font-family: Manrope, sans-serif; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--header .opt-video-overlay--close-button { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--header .opt-video-overlay--close-button svg path { stroke: #fff; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--video-wrapper { aspect-ratio: 16/9; height: auto; max-height: 720px; max-width: 1280px; width: 100%; z-index: 100; } .opt-video-overlay--viewport .opt-video-overlay--content .opt-video-overlay--video-wrapper iframe { aspect-ratio: 16/9; height: auto; width: 100%; } .opt-sov-018 #SC-PreFooter { display: none; } .opt-sov-018 .opt-comparison-tables--outer-wrapper { --column-width: 158px; --column-count: 5; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; background: #f3f7f8; padding: 40px 20px 0; } .opt-sov-018 .opt-comparison-tables--outer-wrapper, .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-tables--inner-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-tables--inner-wrapper { margin: 0 auto; max-width: 1146px; width: 100%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--cards-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-tables--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 700; line-height: 140%; margin: 0 0 12px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin-bottom: 80px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machines--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: #fff; border-radius: 24px; border-radius: var(--Rounded-corners-XL, 24px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper .opt-type-of-machine--header { -webkit-box-pack: center; -moz-box-pack: center; background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); border-right: 1px solid #fff; border-right: 1px solid var(--Colours-Neutral-000-White, #fff); color: #fff; height: 79px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 16px; text-align: center; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper .opt-type-of-machine--content, .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper .opt-type-of-machine--header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper .opt-type-of-machine--content { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; gap: 24px; padding: 24px 16px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper .opt-type-of-machine--content .opt-type-of-machine--cvps { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; list-style: none; margin: 0; padding: 0; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper .opt-type-of-machine--content .opt-type-of-machine--cvps .opt-type-of-machine--cvp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 8px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper .opt-type-of-machine--content .opt-type-of-machine--cvps .opt-type-of-machine--cvp svg { -webkit-box-flex: 0; -moz-box-flex: 0; color: #a6b285; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; position: relative; width: 100%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--navigation-button { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1/1; border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 4px; border-radius: var(--Rounded-corners-S, 4px); color: #b2c9d0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; gap: 10px; height: 40px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 4px; width: 40px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--navigation-button:not(.opt-button-disabled) { background: #52667a; background: var(--Colours-Principal-Principal-1, #52667a); border-radius: 4px; border-radius: var(--Rounded-corners-S, 4px); color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--navigation-button:not(.opt-button-disabled):hover { background: #fff; color: #52667a; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--navigation-indicator { color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav { --column-count: 5; --column-width: 158px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; background: -webkit-linear-gradient(top, rgba(232, 239, 241, 0) 38.94%, rgba(232, 239, 241, 0.8)), #fff; background: -moz-linear-gradient(top, rgba(232, 239, 241, 0) 38.94%, rgba(232, 239, 241, 0.8) 100%), #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(38.94%, rgba(232, 239, 241, 0)), to(rgba(232, 239, 241, 0.8))), #fff; background: -moz-linear-gradient(top, rgba(232, 239, 241, 0) 38.94%, rgba(232, 239, 241, 0.8)), #fff; background: linear-gradient(180deg, rgba(232, 239, 241, 0) 38.94%, rgba(232, 239, 241, 0.8)), #fff; bottom: 0; -webkit-box-shadow: 0 8px 20px 0 rgba(82, 102, 122, 0.2); box-shadow: 0 8px 20px 0 rgba(82, 102, 122, 0.2); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; left: 0; position: fixed; right: 0; top: 0; top: -25%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: 10; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav.open { top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav .opt-sticky-subnav--header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-bottom: 0.5px solid #b2c9d0; border-bottom: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 56px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px 0 20px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav .opt-sticky-subnav--header .opt-sticky-subnav--navigation { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav .opt-sticky-subnav--header .opt-sticky-subnav--navigation .opt-sticky-subnav--buttons-wrapper { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 8px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav .opt-sticky-subnav--images-wrapper { background: -webkit-linear-gradient(top, rgba(232, 239, 241, 0) 38.94%, rgba(232, 239, 241, 0.8)), #fff; background: -moz-linear-gradient(top, rgba(232, 239, 241, 0) 38.94%, rgba(232, 239, 241, 0.8) 100%), #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(38.94%, rgba(232, 239, 241, 0)), to(rgba(232, 239, 241, 0.8))), #fff; background: -moz-linear-gradient(top, rgba(232, 239, 241, 0) 38.94%, rgba(232, 239, 241, 0.8)), #fff; background: linear-gradient(180deg, rgba(232, 239, 241, 0) 38.94%, rgba(232, 239, 241, 0.8)), #fff; padding: 0 21px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav .opt-sticky-subnav--images-wrapper .opt-comparison-table--row-wrapper { display: grid; grid-template-columns: repeat(var(--column-count), var(--column-width)); overflow: hidden; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav .opt-sticky-subnav--images-wrapper .opt-comparison-table--row-wrapper .opt-comparison-table--cell:not(:last-child) { border-right: 0.5px solid #b2c9d0; border-right: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav .opt-sticky-subnav--images-wrapper .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='header'] { display: none; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--navigation { -webkit-box-pack: end; -moz-box-pack: end; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--fade-wrapper { border-radius: 24px; border-radius: var(--Rounded-corners-XL, 24px); overflow: hidden; position: relative; width: 100%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--fade-wrapper:after { background: #e8eff1; height: 100%; -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#000)); -webkit-mask-image: -webkit-linear-gradient(left, transparent, #000); mask-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#000)); mask-image: linear-gradient(90deg, transparent, #000); position: absolute; right: 0; top: 0; width: 20px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 24px; border-radius: var(--Rounded-corners-XL, 24px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; width: 100%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table svg { fill: none; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper { display: grid; grid-template-columns: repeat(5, var(--column-width) px); grid-template-columns: repeat(var(--column-count), var(--column-width)); overflow: visible; width: -webkit-min-content; width: -moz-min-content; width: min-content; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper:not(:last-child) { border-bottom: 0.5px solid #b2c9d0; border-bottom: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper:nth-child(2n) .opt-comparison-table--cell { background: #fff; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #f7f7f8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 16px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell .opt-comparison-table--subtitle { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; text-align: center; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='header'] { border-bottom: 0.5px solid transparent; grid-column: auto/span 6; left: 0; position: -webkit-sticky; position: sticky; width: -webkit-calc(var(--column-width) * 2); width: -moz-calc(var(--column-width) * 2); width: calc(var(--column-width) * 2); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--sticky-subnav .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='image'], .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='image'] { background: -webkit-linear-gradient(top, #fff 38.94%, rgba(232, 239, 241, 0.8)); background: -moz-linear-gradient(top, #fff 38.94%, rgba(232, 239, 241, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(38.94%, #fff), to(rgba(232, 239, 241, 0.8))); background: -moz-linear-gradient(top, #fff 38.94%, rgba(232, 239, 241, 0.8)); background: linear-gradient(180deg, #fff 38.94%, rgba(232, 239, 241, 0.8)); height: 152px; position: relative; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--sticky-subnav .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='image'] img, .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='image'] img { mix-blend-mode: darken; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--sticky-subnav .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='image'] .opt-comparison-table--subtitle, .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='image'] .opt-comparison-table--subtitle { bottom: 0; color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 700; left: 0; line-height: 140%; padding: 0 12px 12px; position: absolute; text-align: center; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper:not([data-row='image']) .opt-comparison-table--cell:not([data-cell-type='header']) { border-top: 0.5px solid #b2c9d0; border-top: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell:not(:last-child):not([data-cell-type='header']) { border-right: 0.5px solid #b2c9d0; border-right: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper[data-row='image'] .opt-comparison-table--cell { border-bottom: 0.5px solid transparent; padding: 0; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper[data-row='image'] .opt-comparison-table--cell[data-cell-type='header'] { display: none; } .opt-sov-018 .opt-tag { background-color: #fff; border-left: 3px solid; left: 12px; padding: 2px 8px 2px 5px; position: absolute; top: 12px; z-index: 1; } .opt-sov-018 .opt-tag span { color: #6d6d78; font-family: Montserrat, sans-serif; font-size: 12px; font-style: normal; font-weight: 600; line-height: 140%; text-transform: uppercase; } .opt-sov-018 .opt-tag.opt-tag-automatic { border-color: #f2c725; } .opt-sov-018 .opt-tag.opt-tag-fixed-pressure { border-color: #a6b285; } .opt-sov-018-v2 .opt-subcategories--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin: 0 auto; max-width: 1200px; padding: 40px 0; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--subtitle { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: -webkit-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(-10.28%, rgba(232, 239, 241, 0.5)), to(#fff)); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff); background: linear-gradient(180deg, rgba(232, 239, 241, 0.5) -10.28%, #fff); border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 18px; gap: 16px; padding: 32px 20px; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card:nth-child(4) { margin-top: 56px; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card { position: relative; width: 100%; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card:first-of-type .opt-subcategory-card--description, .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card:nth-of-type(2) .opt-subcategory-card--description, .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card:nth-of-type(3) .opt-subcategory-card--description { font-size: 16px; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card .opt-badge-callout--wrapper { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 50%; position: absolute; top: -40px; translate: -50%; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card .opt-badge-callout--wrapper.hidden { display: none; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card .opt-badge-callout--wrapper .opt-badge-callout--text { background: #f2c725; background: var(--Colours-Secondary-Secondary-1, #f2c725); border-radius: 100px; color: #403e41; color: var(--Colours-Principal-Principal-3, #403e41); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0.32px; line-height: 140%; padding: 0 12px; text-align: center; white-space: nowrap; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card .opt-badge-callout--wrapper .opt-badge-callout--image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; left: 10px; position: relative; rotate: -27deg; top: 5px; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card .opt-subcategory-card--title { color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 700; line-height: 140%; text-align: center; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card .opt-subcategory-card--description { color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); font-family: Montserrat; font-size: 16px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; text-align: center; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card .opt-subcategory-card--link-text { color: #52667a; color: var(--Colours-Principal-Principal-1, #52667a); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; letter-spacing: 0.56px; line-height: 20px; margin-top: auto; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; text-transform: uppercase; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card .opt-subcategory-card--link-text svg { fill: none; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--title { margin: 0; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content { overflow: visible; width: 100%; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .swiper-wrapper .SC-CategoryCard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: -webkit-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(-10.28%, rgba(232, 239, 241, 0.5)), to(#fff)); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff); background: linear-gradient(180deg, rgba(232, 239, 241, 0.5) -10.28%, #fff); border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -webkit-transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -moz-transition: border 0.3s ease, box-shadow 0.3s ease; -webkit-transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -moz-transition: border 0.3s ease, box-shadow 0.3s ease; transition: border 0.3s ease, box-shadow 0.3s ease; transition: border 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; white-space: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media only screen and (min-width: 768px) { .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--image-wrapper { aspect-ratio: 192/85; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-cpap-explained, .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-view-machines { padding: 0 24px; } } @media only screen and (min-width: 992px) { .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-tables--title { font-size: 20px; margin-bottom: 24px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machines--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 700; line-height: 130%; } .opt-sov-018 .opt-filters-modal--close-button { display: none !important; } .opt-sov-018 .opt-subcategories--wrapper .opt-subcategories--content .swiper-wrapper .SC-CategoryCard { font-size: 18px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_body { height: -webkit-calc(100vh - var(--header-height)); height: -moz-calc(100vh - var(--header-height)); height: calc(100vh - var(--header-height)); overflow-x: clip; overflow-y: auto; overflow: clip auto; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--content-wrapper { gap: 24px; } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper .opt-cpap-explained--title { font-size: 28px; } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--content-wrapper { gap: 48px; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper .opt-faqs--faq .opt-faqs--faq-title { font-size: 18px; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table { position: relative; z-index: 0; } .opt-sov-018 .opt-subcategories--wrapper { padding: 80px 0; } .opt-sov-018 #SC-Main .SC-Grid .opt-filters-modal--background { display: none; } .opt-sov-018 #SC-Main .opt-filters--header .opt-filters-modal--clear-filters-cta { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main #SC-ProductsGrid { --sc-spacing-base: 24px; gap: 32px 24px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper { padding-bottom: 80px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--next .opt-pagination--label, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--next.disabled .opt-pagination--label, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--prev .opt-pagination--label, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-pagination--outer-wrapper .opt-pagination--inner-wrapper .opt-pagination--prev.disabled .opt-pagination--label { display: block; } .opt-sov-018 .opt-cvps-grid { grid-template-columns: repeat(var(--column-count), -webkit-max-content); grid-template-columns: repeat(var(--column-count), max-content); } .opt-sov-018 .opt-cvps-grid .opt-cvp { max-width: 300px; padding: 0 16px; } .opt-sov-018 .opt-cvps-grid .opt-cvp:not(:last-child) { border-right: 1px solid #fff; } .opt-sov-018 .opt-cvps-grid .opt-cvp .opt-cvp--content-wrapper { font-size: 16px; font-weight: 600; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--content-wrapper { -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 48px 20px; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--content-wrapper .opt-start-journey--title { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 28px; font-style: normal; font-weight: 700; line-height: 130%; max-width: 700px; } .opt-sov-018 .opt-start-journey--wrapper .opt-start-journey--content-wrapper .opt-start-journey--body-wrapper { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; max-width: 700px; } .opt-sov-018 .opt-cpap-explained--header .opt-cpap-explained--machines-carousel-navigation { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block { padding: 40px 32px; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--header .opt-payment-plans--image-wrapper { height: 100px; width: 100px; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--body .opt-payment-plans--title { leading-trim: both; text-edge: cap; color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--body .opt-payment-plans--body-paragraph { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; } .opt-sov-018 .opt-faqs--outer-wrapper { padding: 0; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper { padding: 100px 0; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--video-wrapper { height: 270px; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper { padding: 80px 32px 40px; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper .opt-sove-difference--title { leading-trim: both; text-edge: cap; color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper { --column-width: 382px; --column-count: 6; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--cards-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; border-radius: 24px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 0; overflow: hidden; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-type-of-machines--wrapper .opt-type-of-machine--wrapper { -webkit-box-flex: 1; -moz-box-flex: 1; border-radius: 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--navigation-indicator, .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--sticky-subnav { display: none; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--navigation { position: absolute; right: 0; top: 0; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--fade-wrapper { border-radius: 0; width: -webkit-calc(100% + var(--column-width) / 2); width: -moz-calc(100% + var(--column-width) / 2); width: calc(100% + var(--column-width) / 2); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table--fade-wrapper:after { width: -webkit-calc(var(--column-width) / 2); width: -moz-calc(var(--column-width) / 2); width: calc(var(--column-width) / 2); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table { -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(75%, #e8eff1), color-stop(85%, transparent)); -webkit-mask-image: -webkit-linear-gradient(left, #e8eff1 75%, transparent 85%); mask-image: -webkit-gradient(linear, left top, right top, color-stop(75%, #e8eff1), color-stop(85%, transparent)); mask-image: linear-gradient(90deg, #e8eff1 75%, transparent 85%); padding-right: var(--column-width); width: -webkit-calc(100% + var(--column-width) / 2); width: -moz-calc(100% + var(--column-width) / 2); width: calc(100% + var(--column-width) / 2); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='header'] { grid-column: auto/span 1; width: var(--column-width); z-index: 100; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--sticky-subnav .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='image'] .opt-comparison-table--subtitle, .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='image'] .opt-comparison-table--subtitle { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 700; left: 50%; line-height: 140%; text-align: center; translate: -50%; width: 100%; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper:not([data-row='image']) .opt-comparison-table--cell:not([data-cell-type='header']) { border-top: none; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper .opt-comparison-table--cell[data-cell-type='header'] { border: 0.5px solid transparent; border-right: 0.5px solid #b2c9d0; border-right: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper:not([data-row='image']) .opt-comparison-table--cell[data-cell-type='header'] { -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 .opt-comparison-tables--outer-wrapper .opt-comparison-table--wrapper .opt-comparison-table .opt-comparison-table--row-wrapper[data-row='image'] .opt-comparison-table--cell[data-cell-type='header'] { background: #52667a; color: #fff; color: var(--Colours-Neutral-000-White, #fff); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 700; line-height: 140%; padding: 0 40px; text-align: center; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper { padding: 40px 20px 80px; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper { -webkit-box-pack: center; -moz-box-pack: center; grid-gap: 24px; -webkit-align-content: center; display: grid; gap: 24px; grid-template-columns: minmax(0, 374px) minmax(0, 500px) 350px; -webkit-justify-content: center; margin: 0 auto; padding: 40px 0; -ms-flex-line-pack: center; -ms-flex-pack: center; align-content: center; justify-content: center; place-content: center; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--image-wrapper { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; aspect-ratio: 502.5/650; background: #d3d3d3 -378.984px -35.571px/197.889% 114.738% no-repeat; border-radius: 8px; border-radius: var(--Rounded-corners-M, 8px); height: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--image-wrapper .opt-hero-banner--image { -o-object-position: 80%; object-position: 80%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-box-pack: center; -moz-box-pack: center; background: transparent; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-order: 0; -ms-flex-order: 0; order: 0; padding: 0 1em 0 0; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 56px; font-style: normal; font-weight: 700; line-height: 130%; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-cpap-explained, .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--content-wrapper .opt-hero-banner--actions-wrapper .opt-view-machines { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; background: transparent; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding: 0; } .opt-sov-018 .opt-hero-banner--outer-wrapper .opt-hero-banner--inner-wrapper .opt-hero-banner--machines-carousel-wrapper .opt-hero-banner--machines-carousel { margin-left: 0; padding: 0; } .opt-sov-018 .opt-subcategories--wrapper .opt-subcategories--content .swiper-wrapper { grid-gap: 16px; display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 100%)); grid-template-rows: auto; } .opt-sov-018 .opt-subcategories--wrapper .opt-subcategories--content .swiper-wrapper .SC-CategoryCard { text-wrap: pretty; height: 89px; margin: 0; text-align: center; width: 100% !important; } .opt-sov-018 #SC-Main .SC-Grid { grid-template-columns: [sidebar] 358px [main] minmax(0, 100%); padding-bottom: 0; width: 100%; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay { border-radius: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; opacity: 1; pointer-events: auto; position: static; } .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_close, .opt-sov-018 #SC-Main .SC-Grid .SC-Overlay .SC-Overlay_footer { display: none; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_sidebar { grid-column: sidebar; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: -webkit-sticky; position: sticky; top: var(--header-height); } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main { grid-column: main; padding: 0 24px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-ProductCategoryInformation + .sc-mb, .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-ProductCategoryIntroduction + .sc-mb { margin: 0; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu { background: transparent; border: 1px solid #b2c9d0; border: 1px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 4px; grid-area: sort; translate: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .SC-Menu #SC-ProductCategoryFiltersButton { display: none; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-grid-header--wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; grid-gap: 16px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: grid; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 16px; grid-template-areas: 'title product-count sort'; grid-template-columns: minmax(0, 100%) -webkit-max-content -webkit-max-content; grid-template-columns: minmax(0, 100%) max-content max-content; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 40px; } .opt-sov-018 #SC-Main .SC-Grid .SC-Grid_main .opt-grid-header--wrapper .opt-grid-header--title { font-size: 32px; margin-top: 0; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--image-wrapper { aspect-ratio: 163/130; height: auto; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper { -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--title { font-size: 24px; margin-top: auto; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--body { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; text-align: center; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--link { background: #fff; color: #303036; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: auto; } .opt-sov-018 .opt-in-grid-content--wrapper .opt-in-grid-content--content-wrapper .opt-in-grid-content--link-mobile { display: none; } .opt-sov-018 .opt-cvps-grid { --column-count: 4; margin: 0 auto; max-width: 1200px; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); } .opt-sov-018 .opt-start-journey--wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .opt-sov-018 .opt-cpap-explained--outer-wrapper { background: #fff; background: var(--Colours-Neutral-000-White, #fff); max-width: 1380px; overflow: hidden; position: relative; z-index: 1; } @media only screen and (min-width: 1024px) { .opt-sov-018 .opt-cpap-explained--outer-wrapper { border: 0.5px solid #b2c9d0; border: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 24px; border-radius: var(--Rounded-corners-XL, 24px); margin: 0 auto; } } .opt-sov-018 .opt-cpap-explained--outer-wrapper .opt-cpap-explained--wrapper { background: transparent; } .opt-sov-018 .opt-contact-us--wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .opt-sov-018 .opt-contact-us--wrapper div { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--content-wrapper .opt-contact-us--title { color: #fff; color: var(--Colours-Neutral-000-White, #fff); font-family: Montserrat; font-size: 28px; font-style: normal; font-weight: 700; line-height: 130%; max-width: 400px; text-align: center; } .opt-sov-018 .opt-contact-us--wrapper .opt-contact-us--content-wrapper .opt-contact-us--link { width: 300px; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper { -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: grid; grid-template-columns: repeat(3, minmax(0, 100%)); } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block, .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-sove-difference--wrapper { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; } .opt-sov-018 .opt-payment-plans--outer-wrapper .opt-payment-plans--wrapper .opt-payment-plans--block .opt-payment-plans--footer { margin-top: auto; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--title { color: #303036; color: var(--Colours-Neutral-100-Black-texts, #303036); font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 700; line-height: 130%; max-width: 972px; text-align: left; width: 100%; } .opt-sov-018 .opt-faqs--outer-wrapper .opt-faqs--inner-wrapper .opt-faqs--body-wrapper { max-width: 972px; } .opt-sov-018 .opt-sove-difference--wrapper .opt-sove-difference--content-wrapper .opt-sove-difference--link { margin-top: auto; } .opt-sov-018-v2 .opt-subcategories--wrapper { padding: 80px 0; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content { gap: 30px 16px; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 23%; -ms-flex: 1 1 23%; flex: 1 1 23%; margin-top: 30px !important; } .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card:first-child, .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card:nth-child(2), .opt-sov-018-v2 .opt-subcategories--wrapper .opt-subcategories--content .opt-subcategory--card:nth-child(3) { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 32%; -ms-flex: 1 1 32%; flex: 1 1 32%; margin-top: 0 !important; } } @media only screen and (min-width: 992px) and (pointer: fine) { .opt-sov-018 .opt-in-grid-content--wrapper:hover { -webkit-box-shadow: 0 3px 8px 0 rgba(82, 102, 122, 0.1); box-shadow: 0 3px 8px 0 rgba(82, 102, 122, 0.1); } .opt-cpap-explained--block { -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; transition: all 0.3s ease !important; } .opt-cpap-explained--block:not(:last-child):hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 450px !important; } .opt-sov-018 .opt-subcategories--wrapper .opt-subcategories--content .swiper-wrapper .SC-CategoryCard:hover { background: -webkit-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(-10.28%, rgba(232, 239, 241, 0.5)), to(#fff)); background: -moz-linear-gradient(top, rgba(232, 239, 241, 0.5) -10.28%, #fff); background: linear-gradient(180deg, rgba(232, 239, 241, 0.5) -10.28%, #fff); border: 1px solid #52667a; border: 1px solid var(--Colours-Principal-Principal-1, #52667a); border-radius: 12px; -webkit-box-shadow: 0 3px 8px 0 rgba(82, 102, 122, 0.1); box-shadow: 0 3px 8px 0 rgba(82, 102, 122, 0.1); transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -webkit-transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -moz-transition: border 0.3s ease, box-shadow 0.3s ease; -webkit-transition: border 0.3s ease, -webkit-box-shadow 0.3s ease; -moz-transition: border 0.3s ease, box-shadow 0.3s ease; transition: border 0.3s ease, box-shadow 0.3s ease; transition: border 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } } @media only screen and (min-width: 1024px) { .opt-sov-018 .opt-cpap-explained--outer-wrapper { border: 0.5px solid #b2c9d0; border: 0.5px solid var(--Colours-Principal-Principal-2, #b2c9d0); border-radius: 24px; border-radius: var(--Rounded-corners-XL, 24px); margin: 0 auto; } } /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-timing-function: initial; -moz-transition-timing-function: initial; transition-timing-function: initial; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -moz-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -moz-transition-property: transform, height, -moz-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -moz-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -webkit-scroll-snap-type: none; -ms-scroll-snap-type: none; scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-left: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-top: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 4px solid #007aff; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; -moz-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes swiper-preloader-spin { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } /* Slide styles end */ .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }