.home-hero-slider-section { margin: 30px 0 60px; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .home-hero-slider-section { overflow: hidden; padding-top: 50px; margin-top: 60px; } } @media (max-width: 991px) { .home-hero-slider-section { margin: 0 0 60px; } } .home-hero-slider-section .sl-container { position: relative; height: 465px; } @media (max-width: 991px) { .home-hero-slider-section .sl-container { height: 100%; margin: 0 15px; } } @media (min-width: 768px) and (max-width: 991px) { .home-hero-slider-section .sl-container { margin: 0 auto; } } /* .home-hero-slider-section picture { height: 520px; width: 750px; z-index: -1; float: right; margin-top: 10px; position: relative; border-radius: 100% 70% 87% 84% / 100% 80% 92% 72%; overflow: hidden; } */ .home-hero-slider-section picture { height: 395px; width: 700px; z-index: -1; float: right; margin-top: 0px; position: relative; border-radius: 100% 70% 87% 84% / 100% 80% 92% 72%; overflow: hidden; } .home-hero-slider-section picture img { width: auto; height: 100%; } @media (max-width: 991px) { .home-hero-slider-section picture { height: auto; width: auto; margin-top: 0; margin-bottom: 30px; } .home-hero-slider-section picture img { width: 100%; height: auto; } } @media (min-width: 992px) and (max-width: 1199px) { .home-hero-slider-section picture { width: 580px; height: 400px; margin-top: 60px; margin-right: 0px; } } .home-hero-slider-section .slider-content { max-width: 547px; } .home-hero-slider-section .slider-content h2 { margin-bottom: 22px; max-width: 400px; font-size: 44px; line-height: 48px; } @media (max-width: 991px) { .home-hero-slider-section .slider-content h2 { margin-bottom: 16px; } } .home-hero-slider-section .slider-content h2:empty { display: none; } .home-hero-slider-section .slider-content h2 strong em { line-height: 1.1; } @media (max-width: 991px) { .home-hero-slider-section .slider-content h2 strong em { font-size: 25vw; margin: -25px 0 0 -5px; letter-spacing: -0.03em; } } @media (min-width: 992px) { .home-hero-slider-section .slider-content h2 strong em { font-size: 170px; margin: -55px 0 10px -7px; letter-spacing: -0.03em; } } @media (min-width: 768px) and (max-width: 991px) { .home-hero-slider-section .slider-content h2 strong em { margin: -48px 0 0 -5px; } } @media (min-width: 992px) and (max-width: 1199px) { .home-hero-slider-section .slider-content h2 strong em { font-size: 190px; margin: -51px 0 0 -14px; } } .home-hero-slider-section .slider-content h2 em { display: inline-block; background: linear-gradient(90deg, #407dc9 2.08%, #8c4699 25.94%, #da281c 44.71%, #ff6600 71.86%, #fab90e 95.07%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } @media (max-width: 991px) { .home-hero-slider-section .slider-content h2 { max-width: 280px; } } @media (min-width: 768px) and (max-width: 991px) { .home-hero-slider-section .slider-content h2 { max-width: 400px; } } .home-hero-slider-section .slider-content p { font-size: 20px; line-height: 28px; max-width: 340px; margin-bottom: 24px; /* display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; */ } @media (min-width: 992px) and (max-width: 1199px) { .home-hero-slider-section .slider-content p { max-width: 280px; } } @media (max-width: 991px) { .home-hero-slider-section .slider-content p { line-height: 24px; max-width: 300px; margin-bottom: 0; font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .home-hero-slider-section .slider-content p { max-width: 400px; } } @media (max-width: 991px) { .home-hero-slider-section .slider-content a { margin-top: 25px; } } .home-hero-slider-section .home-hero-slider-wrap { overflow: hidden; } @media (max-width: 991px) { .home-hero-slider-section .home-hero-slider-wrap { overflow: visible; padding-top: 50px; } .home-hero-slider-section .home-hero-slider-wrap .slick-list { transform: scale(1.3); } } @media (min-width: 768px) and (max-width: 991px) { .home-hero-slider-section .hero-img-wrap { max-width: 430px; margin: auto; } } .home-hero-slider-text { max-height: 400px; overflow: hidden; position: absolute; top: 30%; transform: translateY(-30%); z-index: 10; max-width: 440px; } @media (max-width: 991px) { .home-hero-slider-text { max-height: 500px; } } .home-hero-slider-text .slick-list { margin-bottom: 0px; } @media (max-width: 991px) { .home-hero-slider-text .slick-list { margin-top: 25px; } } .home-hero-slider-text .slick-slide { opacity: 0; transition: ease all 0.1s; } .home-hero-slider-text .slick-slide.slick-active { opacity: 1; transition: ease all 0.8s; } .home-hero-slider-text .slick-dots { text-align: left; margin-top: 0; } .home-hero-slider-text .slick-dots li.slick-active button { background: #062B4E; } @media (max-width: 991px) { .home-hero-slider-text { position: unset; top: unset; transform: unset; margin-top: 0px; } } /* home-carousal-bg */ .home-hero-bg { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; pointer-events: none; } @media (max-width: 991px) { .home-hero-bg { top: -150px; bottom: unset; transform: scale(0.6); } } @media (min-width: 768px) and (max-width: 991px) { .home-hero-bg { transform: scale(0.8); } } .home-hero-bg .slider { position: absolute; z-index: 1000; right: 20%; bottom: 0%; opacity: 0; animation: fade-in 1s ease-in-out forwards; } .home-hero-bg .slider img { width: 500px; height: auto; } .home-hero-bg .blob { position: absolute; right: 35%; bottom: 30%; transform: rotate(80deg); transform-origin: bottom; opacity: 0; } @media (min-width: 992px) and (max-width: 1199px) { .home-hero-bg .blob { width: 350px; height: 550px; } } .home-hero-bg .blob:nth-child(1) { animation: home-hero-bg-1 1.5s ease-in-out forwards; animation-delay: 0.02s; } .home-hero-bg .blob:nth-child(2) { animation: home-hero-bg-2 1.5s ease-in-out forwards; animation-delay: 0.02s; } .home-hero-bg .blob:nth-child(3) { animation: home-hero-bg-3 1.5s ease-in-out forwards; animation-delay: 0.02s; } .home-hero-bg .blob:nth-child(4) { animation: home-hero-bg-4 1.5s ease-in-out forwards; animation-delay: 0.02s; } .home-hero-bg .blob.anim-2 { position: absolute; right: 35%; bottom: 30%; transform: rotate(80deg); transform-origin: bottom; opacity: 0; } .home-hero-bg .blob.anim-2:nth-child(1) { animation: home-hero-bg-1 1.5s ease-in-out forwards; animation-delay: 0.02s; } .home-hero-bg .blob.anim-2:nth-child(2) { animation: home-hero-bg-2 1.5s ease-in-out forwards; animation-delay: 0.02s; } .home-hero-bg .blob.anim-2:nth-child(3) { animation: home-hero-bg-3 1.5s ease-in-out forwards; animation-delay: 0.02s; } .home-hero-bg .blob.anim-2:nth-child(4) { animation: home-hero-bg-4 1.5s ease-in-out forwards; animation-delay: 0.02s; } @keyframes fade-in { 100% { opacity: 1; } } @keyframes home-hero-bg-1 { 100% { transform: rotate(-60deg); right: 34%; opacity: 1; } } @keyframes home-hero-bg-2 { 100% { transform: rotate(0deg); right: 34%; opacity: 1; } } @keyframes home-hero-bg-3 { 100% { transform: rotate(50deg); right: 34%; opacity: 1; } } @keyframes home-hero-bg-4 { 100% { transform: rotate(70deg); right: 34%; opacity: 1; } } @keyframes home-hero-anim-1 { 0% { transform: rotate(-60deg); right: 34%; opacity: 1; } 30% { opacity: 0; } 100% { transform: rotate(-290deg); right: 34%; } } @keyframes home-hero-anim-2 { 0% { transform: rotate(0deg); right: 34%; opacity: 1; } 100% { transform: rotate(-60deg); right: 34%; opacity: 1; } } @keyframes home-hero-anim-3 { 0% { transform: rotate(50deg); right: 34%; opacity: 1; } 100% { transform: rotate(0deg); right: 34%; opacity: 1; } } @keyframes home-hero-anim-4 { 0% { transform: rotate(70deg); right: 34%; opacity: 1; } 100% { transform: rotate(50deg); right: 34%; opacity: 1; } } /* home-carousal-bg end */ .home-section-2 { margin: 60px 0 100px; } @media (max-width: 991px) { .home-section-2 .sl-container { margin: 0; } } @media (min-width: 768px) and (max-width: 991px) { .home-section-2 .sl-container { margin: 0 auto; } } @media (max-width: 991px) { .home-section-2 { margin: 60px 0 40px; } } .home-section-2 .blob-combo-1-wrap { position: absolute; right: -38%; top: -70%; z-index: -1; } @media (max-width: 991px) { .home-section-2 .blob-combo-1-wrap { position: absolute; right: -250px; top: -82%; z-index: -1; transform: scale(0.5) rotate(-100deg); } } .perfect-matt-wrap { position: relative; max-width: 817px; width: 100%; margin: auto; border-radius: 8px; background: #F5F5F5; padding: 74px 55px 120px; overflow: hidden; z-index: 1; } @media (max-width: 991px) { .perfect-matt-wrap { width: auto; max-width: 100%; padding: 185px 15px 54px 16px; margin: 0 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .perfect-matt-wrap { max-width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .perfect-matt-wrap { padding: 205px 15px 40px 16px; } } .perfect-matt-wrap:after { content: ''; position: absolute; left: 0; height: 100%; width: 50%; background: linear-gradient(90deg, whitesmoke 0%, whitesmoke 90%, rgba(245, 245, 245, 0.578869) 100%); top: 0; z-index: -1; } @media (max-width: 991px) { .perfect-matt-wrap:after { height: 50%; width: 17%; background: linear-gradient(90deg, whitesmoke 0%, whitesmoke 0%, rgba(245, 245, 245, 0.578869) 100%); } } .perfect-matt-wrap img { height: 120px; margin: auto; opacity: 0.3; transition: ease all 0.3s; } .perfect-matt-wrap .slick-current.slick-active img { opacity: 1; transition: ease all 0.3s; } .perfect-matt-wrap .perfect-matt-bg { bottom: 0; left: -10px; right: -10px; } .perfect-matt-wrap h3 { font-family: "Intelo Regular", sans-serif !important; margin-bottom: 8px; } @media (max-width: 991px) { .perfect-matt-wrap h3 { font-size: 28px; line-height: 31px; } } .perfect-matt-wrap p { margin-bottom: 33px; max-width: 360px; } @media (max-width: 991px) { .perfect-matt-wrap p { margin-bottom: 36px; } } .perfect-matt-wrap .perect-matt-img-wrap { position: absolute; top: 50%; z-index: -1; height: 125px; width: 50%; right: -107px; transform: translateY(-50%); } .perfect-matt-wrap .perect-matt-img-wrap .slick-list { overflow: visible; } .perfect-matt-wrap .perect-matt-img-wrap #lottieMatt { height: 100%; } @media (max-width: 991px) { .perfect-matt-wrap .perect-matt-img-wrap { transform: unset; top: 50px; right: -60px; width: 100%; } .perfect-matt-wrap .perect-matt-img-wrap .slick-slide { margin: 0 10px; } .perfect-matt-wrap .perect-matt-img-wrap .slick-list { margin: 0 -10px; } } .home-section-3 h2 { margin-bottom: -20px; } @media (max-width: 991px) { .home-section-3 h2 { max-width: 85%; } } .home-section-3 .choose-comf-listing { grid-template-columns: 1fr 1fr; } @media (max-width: 991px) { .home-section-3 .choose-comf-listing { grid-template-columns: 1fr; } } @media (max-width: 991px) { .home-section-3 .choose-comf-tile:first-child { margin: 45px 0 0; } } .home-section-3 .choose-comf-tile-last { transform: translateZ(0); margin: 70px 0 0; } .home-section-4 { width: 100vw; overflow: hidden; } @media (min-width: 992px) { .home-section-4 { margin: 75px 0 108px 0; } } .bestseller-slider { max-height: 396px; margin: 20px -10px 0; } @media (max-width: 991px) { .bestseller-slider { margin: 20px -15px 0 0; } } @media (min-width: 768px) and (max-width: 991px) { .bestseller-slider { max-height: 100%; } } .bestseller-slider .slick-dots { margin-top: 30px; } @media (max-width: 991px) { .bestseller-slider .slick-dots { margin-top: 40px; } } .bestseller-slider .product-tile { margin: 0 10px; } @media (max-width: 991px) { .bestseller-slider .product-tile { padding-bottom: 10px; } } .bestseller-slider::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } @media (max-width: 991px) { .bestseller-slider .slick-list { padding-left: 25px; margin-left: -5px; } } @media (min-width: 768px) and (max-width: 991px) { .bestseller-slider .slick-list { padding-left: 40px; } } .bestseller-slider .discount { background: #fab90e; font-size: 16px; line-height: 24px; color: #062b4e; font-family: "Intelo Regular", sans-serif; padding: 2px 50px; position: absolute; top: 20px; left: -35px; transform: rotate(-45deg); transform-origin: bottom; } .product-tile .product-price { color: #407DC9; } .product-tile .product-price .price { font-weight: 700; } .hr-carousel-break-slide-link { display: block; max-width: 1010px; margin: auto; } .hr-carousel-break-slide-link img { width: 100%; } @media (max-width: 991px) { .home-section-5 .sl-container { margin: 0; } } @media (min-width: 768px) and (max-width: 991px) { .home-section-5 .sl-container { margin: 0 auto; } } @media (max-width: 991px) { .home-section-6 { padding: 0; } } .home-section-6 .home-tech-anim-slide { position: relative; text-align: center; height: 0; padding-bottom: 66.24%; border-radius: 8px; overflow: hidden; transform: translateZ(0); } .home-section-6 .home-tech-anim-slide video { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; right: 0; cursor: pointer; } .home-section-6 .home-tech-slider-wrap { overflow: hidden; position: relative; } @media (max-width: 991px) { .home-section-6 .home-tech-slider-wrap { text-align: center; } } .home-section-6 .home-tech-slider-wrap .home-tech-slider-h { margin-bottom: 60px; } @media (max-width: 991px) { .home-section-6 .home-tech-slider-wrap .home-tech-slider-h { margin-bottom: 20px; text-align: left; } } .home-section-6 .home-tech-slider-wrap .home-tech-text-slide { max-height: 215px; } @media (min-width: 992px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-slide .home-tech-text-tech { font-size: 24px; line-height: 34px; max-width: 357px; } } @media (max-width: 991px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-slide { border-top: 0px; } .home-section-6 .home-tech-slider-wrap .home-tech-text-slide p { font-size: 16px; line-height: 24px; text-align: left; } } .home-section-6 .home-tech-slider-wrap .home-tech-text-h { color: #407DC9; font-family: "Intelo Regular", sans-serif; text-align: left; } @media (min-width: 992px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-h { margin-bottom: 9px; } } @media (max-width: 991px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-h { margin-bottom: 4px; } } .home-section-6 .home-tech-slider-wrap .home-tech-text-slider { width: 40%; display: inline-block; margin-bottom: 25px; } @media (min-width: 992px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-dots { text-align: left !important; } } .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-list { pointer-events: none; height: 100% !important; } @media (max-width: 991px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-list { margin-bottom: 0; margin-top: 40px; } } @media (min-width: 1200px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-track { transform: translate3d(0px, 0px, 0px) !important; } } @media (min-width: 992px) and (max-width: 1199px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-track { transform: translate3d(0px, 0px, 0px) !important; } } .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-current.slick-active .home-tech-text-slide { opacity: 1; } .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-slide:last-child .home-tech-text-slide { padding-bottom: 0; } .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .home-tech-text-slide { opacity: 0.4; } @media (max-width: 991px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .home-tech-text-slide { opacity: 1; padding: 0; } } .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-slide { pointer-events: all; cursor: pointer; } .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-dots .slick-active button { background: #062B4E; } @media (max-width: 991px) { .home-section-6 .home-tech-slider-wrap .home-tech-text-slider { width: 100%; } .home-section-6 .home-tech-slider-wrap .home-tech-text-slider .slick-dots { margin: 24px 0; position: absolute; margin: 0; top: 0; left: 0; right: 0; } } .home-section-6 .home-tech-slider-wrap .home-tech-anim-slider { float: right; width: 55%; } .home-section-6 .home-tech-slider-wrap .home-tech-anim-slider img { margin: auto; } .home-section-6 .home-tech-slider-wrap .home-tech-anim-slider .slick-dots { margin-top: 55px; } .home-section-6 .home-tech-slider-wrap .home-tech-anim-slider .slick-dots li.slick-active button { background: #062B4E; } @media (max-width: 991px) { .home-section-6 .home-tech-slider-wrap .home-tech-anim-slider { width: 100%; margin: 0px 0 20px 0; } } @media (min-width: 992px) { .home-tech-slider-btn { position: absolute; bottom: 0; left: 0; } } @media (max-width: 991px) { .home-tech-slider-btn { float: left; } } .home-section-7 .home-needs-h { max-width: 975px; } .home-section-7 .home-needs-ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 15px; margin-top: 40px; } @media (max-width: 991px) { .home-section-7 .home-needs-ul { grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 10px; grid-column-gap: 9px; } } .home-section-7 .home-needs-ul .home-needs-li { position: relative; } .home-section-7 .home-needs-ul .home-needs-li::after { content: ''; position: absolute; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzMyMDMgMjBIMzEuNjY1NCIgc3Ryb2tlPSIjNDA3REM5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwIDguMzM0NzlMMzEuNjY2NyAyMC4wMDE1TDIwIDMxLjY2ODEiIHN0cm9rZT0iIzQwN0RDOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat center; width: 40px; height: 40px; top: 10px; right: 10px; background-size: contain; transition: ease all 0.3s; } @media (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li::after { width: 20px; height: 20px; top: 4px; right: 4px; } } .home-section-7 .home-needs-ul .home-needs-li:hover::after { transform: translateY(-10px); transition: ease all 0.3s; } .home-section-7 .home-needs-ul .home-needs-li a { display: block; position: relative; padding-bottom: 100%; background: #F5F5F5; border-radius: 6px; will-change: transform; transition: ease all 0.3s; } @media (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li a { width: 101%; } } .home-section-7 .home-needs-ul .home-needs-li a .home-needs-content { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; padding-top: 50px; } @media (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-content { padding-top: 30px; } } @media (min-width: 992px) and (max-width: 1199px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-content { padding-top: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-content { padding-top: 45px; } } .home-section-7 .home-needs-ul .home-needs-li a .home-needs-li-p { font-family: "Intelo Bold", sans-serif; font-size: 10px; line-height: 16px; text-align: center; letter-spacing: 0.11em; text-transform: uppercase; } @media (min-width: 992px) and (max-width: 1199px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-li-p { max-width: 150px; margin: auto; } } @media (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-li-p { max-width: 85px; margin: auto; } } .home-section-7 .home-needs-ul .home-needs-li a .home-needs-sub-text { display: block; text-align: center; max-width: 125px; margin: 2px auto 0; font-family: "Intelo Light", sans-serif; font-size: 12px; line-height: 17px; color: #062B4E; } @media (min-width: 992px) and (max-width: 1199px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-sub-text { display: none; } } @media (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-sub-text { display: none; } } .home-section-7 .home-needs-ul .home-needs-li a .home-needs-li-img-wrap { display: flex; height: 64px; align-self: start; margin-bottom: 27px; justify-content: center; } @media (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-li-img-wrap img { height: 30px; } } @media (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-li-img-wrap { height: 30px; margin-bottom: 10px; } } @media (min-width: 992px) and (max-width: 1199px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-li-img-wrap { margin-bottom: 24px; height: 48px; } } @media (min-width: 768px) and (max-width: 991px) { .home-section-7 .home-needs-ul .home-needs-li a .home-needs-li-img-wrap { height: 50px; } } .rating-reviews-section .reviews-h { text-align: start; margin: 0 30px; color: #407DC9; font-weight: 700; } @media (max-width: 991px) { .rating-reviews-section .reviews-h { text-align: left; max-width: 330px; margin: 0; } } @media (min-width: 768px) and (max-width: 991px) { .rating-reviews-section .reviews-h { margin: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .rating-reviews-section .reviews-h { margin: 0; } } .rating-reviews-section .reviews-wrap { margin: 35px auto 25px; overflow: hidden; } @media (max-width: 991px) { .rating-reviews-section .reviews-wrap { margin: 20px auto 30px; overflow: visible; } } .rating-reviews-section .reviews-wrap .reviews-slider { padding-bottom: 70px; } .rating-reviews-section .reviews-wrap .reviews-slider .slick-track { overflow-y: hidden; } .rating-reviews-section .reviews-wrap .reviews-slider .slider-control .slick-arrow { top: -23px; } .rating-reviews-section .reviews-wrap .reviews-slide { display: flex; justify-content: space-between; height: 100%; background: #F5F5F5; border-radius: 8px; overflow: hidden; margin-right: 30px; min-height: 353px; } @media (max-width: 991px) { .rating-reviews-section .reviews-wrap .reviews-slide { display: block; border-radius: 0 !important; overflow: hidden; margin: 0 !important; } } .rating-reviews-section .reviews-wrap .slick-dots { position: absolute; bottom: 0px; left: 0px; width: 100%; } .rating-reviews-section .reviews-wrap .slick-dots li.slick-active button { background: #062B4E; } @media (max-width: 991px) { .rating-reviews-section .reviews-wrap .slick-dots { position: absolute; bottom: 20px; left: 50%; top: auto; transform: translateX(-50%); } } .rating-reviews-section .reviews-wrap .product-review-content { display: inline-block; max-width: 100%; padding: 40px 35px 70px 35px; } @media (max-width: 991px) { .rating-reviews-section .reviews-wrap .product-review-content { padding: 22px 16px 22px; display: block; max-width: 100%; } .rating-reviews-section .reviews-wrap .product-review-content .reviews-slide-p { overflow: hidden; display: -webkit-box; } } .rating-reviews-section .reviews-wrap .product-review-content h3 { font-size: 28px; line-height: 37px; margin-bottom: 8px; font-family: "Intelo Regular", sans-serif; } .rating-reviews-section .reviews-wrap .product-review-content p { margin: 8px 0; } .rating-reviews-section .reviews-wrap .product-review-content .reviews-slide-best-matt { font-size: 12px; line-height: 17px; text-decoration-line: underline; color: #407DC9; display: block; margin: 20px 0 13px; } @media (min-width: 992px) { .rating-reviews-section .reviews-wrap .product-review-content .reviews-slide-best-matt { position: absolute; top: auto; bottom: 40px; } } @media (max-width: 991px) { .rating-reviews-section .reviews-wrap .product-review-content .reviews-slide-best-matt { margin: 8px 0 3px; } } .rating-reviews-section .reviews-wrap .product-review-content .reviews-slide-product-a { font-size: 18px; line-height: 24px; color: #407DC9; } .rating-reviews-section .reviews-wrap .product-review-image { display: inline-block; width: 45%; position: relative; overflow: hidden; } @media (min-width: 992px) { .rating-reviews-section .reviews-wrap .product-review-image { display: none; } } @media (max-width: 991px) { .rating-reviews-section .reviews-wrap .product-review-image { height: 256px; width: 100%; margin-top: 0; } } @media (min-width: 768px) and (max-width: 991px) { .rating-reviews-section .reviews-wrap .product-review-image { height: 350px; } } @media (min-width: 768px) and (max-width: 991px) { .rating-reviews-section .reviews-wrap .product-review-image { height: 300px; } } .rating-reviews-section .reviews-wrap .product-review-image img { position: absolute; top: 50%; left: 50%; width: 120%; height: auto; max-width: unset; transform: translate(-50%, -50%); } @media (max-width: 991px) { .rating-reviews-section .reviews-wrap .product-review-image img { height: auto; width: 100%; } } @media (max-width: 991px) { .rating-reviews-section .reviews-wrap .product-review-image { max-width: 100%; display: block; } } .rating-reviews-section .reviews-wrap .slick-track { display: flex !important; } .rating-reviews-section .reviews-wrap .slick-slide { height: inherit !important; } .rating-reviews-section .reviews-wrap .reviews-slide-stars-wrap .reviews-slide-star, .rating-reviews-section .reviews-wrap .reviews-slide-stars-wrap .reviews-slide-star.active { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNNi44ODg3OSAwLjkyNzA1QzcuMTg4MTQgMC4wMDU3MzkyMSA4LjQ5MTU1IDAuMDA1NzM5NjkgOC43OTA5IDAuOTI3MDVMOS44NjA0NyA0LjIxODg1QzkuOTk0MzQgNC42MzA4NyAxMC4zNzgzIDQuOTA5ODMgMTAuODExNSA0LjkwOTgzSDE0LjI3MjdDMTUuMjQxNCA0LjkwOTgzIDE1LjY0NDIgNi4xNDk0NSAxNC44NjA1IDYuNzE4ODVMMTIuMDYwMyA4Ljc1MzI5QzExLjcwOTkgOS4wMDc5MyAxMS41NjMyIDkuNDU5MyAxMS42OTcxIDkuODcxMzJMMTIuNzY2NiAxMy4xNjMxQzEzLjA2NiAxNC4wODQ0IDEyLjAxMTUgMTQuODUwNiAxMS4yMjc4IDE0LjI4MTJMOC40Mjc2MyAxMi4yNDY3QzguMDc3MTQgMTEuOTkyMSA3LjYwMjU1IDExLjk5MjEgNy4yNTIwNiAxMi4yNDY3TDQuNDUxODkgMTQuMjgxMkMzLjY2ODE3IDE0Ljg1MDYgMi42MTM3IDE0LjA4NDQgMi45MTMwNSAxMy4xNjMxTDMuOTgyNjIgOS44NzEzMkM0LjExNjQ5IDkuNDU5MyAzLjk2OTgzIDkuMDA3OTMgMy42MTkzNSA4Ljc1MzI5TDAuODE5MTc2IDYuNzE4ODVDMC4wMzU0NjI5IDYuMTQ5NDUgMC40MzgyMzkgNC45MDk4MyAxLjQwNjk2IDQuOTA5ODNINC44NjgxNkM1LjMwMTM5IDQuOTA5ODMgNS42ODUzNCA0LjYzMDg3IDUuODE5MjIgNC4yMTg4NUw2Ljg4ODc5IDAuOTI3MDVaIiBmaWxsPSIjQzFEMUUwIi8+Cjwvc3ZnPgo=") no-repeat; background-position: center; width: 20px; height: 20px; margin-right: 4px; display: inline-block; } .rating-reviews-section .reviews-wrap .reviews-slide-stars-wrap .reviews-slide-star.active { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU5ODggMC45MjcwNUM3LjU1OTIzIDAuMDA1NzM5MjEgOC44NjI2NCAwLjAwNTczOTY5IDkuMTYxOTkgMC45MjcwNUwxMC4yMzE2IDQuMjE4ODVDMTAuMzY1NCA0LjYzMDg3IDEwLjc0OTQgNC45MDk4MyAxMS4xODI2IDQuOTA5ODNIMTQuNjQzOEMxNS42MTI1IDQuOTA5ODMgMTYuMDE1MyA2LjE0OTQ1IDE1LjIzMTYgNi43MTg4NUwxMi40MzE0IDguNzUzMjlDMTIuMDgwOSA5LjAwNzkzIDExLjkzNDMgOS40NTkzIDEyLjA2ODIgOS44NzEzMkwxMy4xMzc3IDEzLjE2MzFDMTMuNDM3MSAxNC4wODQ0IDEyLjM4MjYgMTQuODUwNiAxMS41OTg5IDE0LjI4MTJMOC43OTg3MiAxMi4yNDY3QzguNDQ4MjQgMTEuOTkyMSA3Ljk3MzY0IDExLjk5MjEgNy42MjMxNSAxMi4yNDY3TDQuODIyOTggMTQuMjgxMkM0LjAzOTI3IDE0Ljg1MDYgMi45ODQ3OSAxNC4wODQ0IDMuMjg0MTQgMTMuMTYzMUw0LjM1MzcxIDkuODcxMzJDNC40ODc1OSA5LjQ1OTMgNC4zNDA5MyA5LjAwNzkzIDMuOTkwNDQgOC43NTMyOUwxLjE5MDI3IDYuNzE4ODVDMC40MDY1NTcgNi4xNDk0NSAwLjgwOTMzMiA0LjkwOTgzIDEuNzc4MDYgNC45MDk4M0g1LjIzOTI2QzUuNjcyNDggNC45MDk4MyA2LjA1NjQ0IDQuNjMwODcgNi4xOTAzMSA0LjIxODg1TDcuMjU5ODggMC45MjcwNVoiIGZpbGw9IiNGQUI5MEUiLz4KPC9zdmc+Cg==") no-repeat; background-position: center; } .rating-reviews-section .slick-dots { margin-top: 30px; } @media (max-width: 991px) { .rating-reviews-section .slick-dots { margin-top: 40px; } } .home-section-9 .home-cross-sell-h { margin-bottom: 50px; } .home-section-9 .home-cross-sell-h strong { color: #407DC9; } @media (max-width: 991px) { .home-section-9 .home-cross-sell-h { margin-bottom: 15px; } } .home-section-9 .home-cross-sell-grid { grid-template-columns: 1fr 1fr; } @media (max-width: 991px) { .home-section-9 .home-cross-sell-grid { grid-template-columns: 1fr; grid-row-gap: 40px; } } .home-section10 { overflow: hidden; margin-bottom: 0; } .home-faq-wrap { position: relative; padding: 140px 0 135px; } @media (min-width: 768px) and (max-width: 991px) { .home-faq-wrap { padding: 150px 0; } } .home-faq-wrap .faq-award-wrap { max-width: 580px; margin: auto; } @media (max-width: 991px) { .home-faq-wrap .faq-award-wrap h2 { font-size: 28px; line-height: 31px; font-family: "Intelo Regular", sans-serif; } } .home-faq-wrap .faq-award-wrap .faq-listing-ul { margin: 35px 0; } @media (max-width: 991px) { .home-faq-wrap .faq-award-wrap .faq-listing-ul { margin: 25px 0; } } .home-faq-wrap .faq-award-wrap .faq-listing-ul li a { position: relative; font-family: "Intelo Light", sans-serif; color: #407DC9; display: block; padding: 10px 65px 13px 0; } @media (max-width: 991px) { .home-faq-wrap .faq-award-wrap .faq-listing-ul li a { color: #062B4E; } } @media (max-width: 991px) { .home-faq-wrap .faq-award-wrap .faq-listing-ul li a { padding: 0px 23px 16px 0; font-size: 16px; line-height: 24px; } } @media (min-width: 992px) { .home-faq-wrap .faq-award-wrap .faq-listing-ul li a { font-size: 20px; line-height: 28px; } } .home-faq-wrap .faq-award-wrap .faq-listing-ul li a:after { content: ''; width: 25px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2MDIgMTUuMzMzSDI1LjMzMjciIHN0cm9rZT0iIzQwN0RDOSIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE4LjY2NiA4LjY2Njk5TDI1LjMzMjcgMTUuMzMzN0wxOC42NjYgMjIuMDAwMyIgc3Ryb2tlPSIjNDA3REM5IiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-position: center; background-repeat: no-repeat; position: absolute; height: 100%; } @media (max-width: 991px) { .home-faq-wrap .faq-award-wrap .faq-listing-ul li a:after { right: 0; top: 2px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTEuNUgxOSIgc3Ryb2tlPSIjMDYyQjRFIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQgNi41TDE5IDExLjVMMTQgMTYuNSIgc3Ryb2tlPSIjMDYyQjRFIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } } @media (min-width: 992px) { .home-faq-wrap .faq-award-wrap .faq-listing-ul li a:after { right: 72px; top: -12px; } } .home-faq-wrap .faq-award-bg { position: absolute; height: 100%; width: 100%; top: 0; z-index: -1; display: block; } @media (max-width: 991px) { .home-faq-wrap .faq-award-bg { top: -30px; left: -400px; transform: scale(0.9); } } .home-faq-wrap .faq-award-bg .blob { position: absolute; } .home-faq-wrap .faq-award-bg .blob:nth-child(1) { width: 515px; height: 783px; transform: rotate(114deg) translate(-21%, -15%); } @media (max-width: 991px) { .home-faq-wrap .faq-award-bg .blob:nth-child(1) { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .home-faq-wrap .faq-award-bg .blob:nth-child(1) { transform: rotate(114deg) translate(-17%, -8%); } } @media (min-width: 992px) { .home-faq-wrap .faq-award-bg .blob:nth-child(1) { position: absolute; top: 14px; transform: rotate(111deg) translate(-21%, -15%); } } .home-faq-wrap .faq-award-bg .blob:nth-child(2) { width: 595px; height: 893px; transform: rotate(253deg) translate(12%, 29%); } @media (max-width: 991px) { .home-faq-wrap .faq-award-bg .blob:nth-child(2) { transform: rotate(259deg) translate(9%, 25%); } } @media (min-width: 992px) and (max-width: 1199px) { .home-faq-wrap .faq-award-bg .blob:nth-child(2) { height: 836px; transform: rotate(253deg) translate(14%, 17%); } } @media (min-width: 992px) { .home-section11 { margin: 100px 0 120px 0; } } .home-product-type-grid { display: grid; } @media (max-width: 991px) { .home-product-type-grid { grid-template-columns: repeat(2, 1fr); grid-column-gap: 16px; grid-row-gap: 16px; margin-top: 16px; } } @media (min-width: 992px) { .home-product-type-grid { grid-template-columns: 2.1fr 1fr 1fr; grid-column-gap: 27px; grid-row-gap: 27px; margin-top: 36px; } } .home-product-type-grid .home-product .image-wrapper { position: relative; } .home-product-type-grid .home-product .coming-soon { position: absolute; font-size: 14px; line-height: 158.8%; /* or 22px */ font-family: "Intelo Bold", sans-serif; letter-spacing: 0.15em; text-transform: uppercase; top: 50%; left: 50%; transform: translate(-50%, -50%); /* White */ color: #FFFFFF; } @media (max-width: 991px) { .home-product-type-grid .home-product .coming-soon { font-size: 12px; line-height: 158.8%; width: 100%; text-align: center; } } .home-product-type-grid .home-product img { border-radius: 8px 8px 0px 0px; object-fit: cover; } @media (min-width: 992px) { .home-product-type-grid .home-product img { width: 100%; height: 100%; } } @media (max-width: 991px) { .home-product-type-grid .home-product img { width: 100%; height: 100%; } } .home-product-type-grid .home-product .product-btn { border-radius: 0 0 8px 8px; } .home-product-one { grid-row: 1/3; background-color: #f5f5f5; border-radius: 8px; position: relative; overflow: hidden; } .home-product-one .product-btn { width: 192px; background-color: #062b4e; color: #fff; padding: 11px 21px; border-radius: 8px 8px 8px 8px !important; } .home-product-one p { width: 296px; margin-bottom: 26px; margin-top: 8px; } .home-product-one h3 { font-family: "Intelo Regular", sans-serif; } @media (max-width: 991px) { .home-product-one h3 { max-width: 188px; } } .home-product-one .product-image-one { position: absolute !important; } @media (min-width: 992px) { .home-product-one .product-image-one { overflow: hidden; bottom: -50px; right: -60px; transform: rotate(32deg); height: 296px; width: 429px; border-radius: 100% 70% 87% 84% / 100% 80% 92% 72%; } .home-product-one .product-image-one img { object-fit: cover; } } @media (min-width: 992px) and (max-width: 1199px) { .home-product-one .product-image-one { height: 207px; width: 318px; } } @media (max-width: 991px) { .home-product-one { height: 448px; padding: 28px 16px; grid-column: 1/3; } } @media (min-width: 992px) { .home-product-one { grid-column: 1/2; grid-row: 1/3; background-color: #f5f5f5; border-radius: 8px; padding: 39px 0 0 46px; } } @media (max-width: 991px) { .product-discription { position: absolute; bottom: 0; z-index: 1; margin-bottom: 28px; } } .product-btn { font-family: "Intelo Bold", sans-serif; letter-spacing: 0.15em; text-transform: uppercase; background: #c1d1e0; text-align: center; color: #062b4e; max-height: 45px; display: inline-block; text-decoration: none; width: 100%; } @media (max-width: 991px) { .product-btn { font-size: 12px; line-height: 19px; padding: 12px 8px; } } @media (min-width: 992px) { .product-btn { font-size: 13px; line-height: 19px; padding: 12px 21px; } } .product-image-one { overflow: hidden; transform: rotate(32deg); height: 296px; width: 409px; position: absolute; } @media (min-width: 992px) { .product-image-one { border-radius: 100% 70% 87% 84% / 100% 80% 92% 72%; } } @media (max-width: 991px) { .product-image-one { top: -40px; right: -40px; height: 249px; width: 368px; border-top-left-radius: 80%; border-bottom-left-radius: 70%; border-bottom-right-radius: 66%; transform: none; } } @media (max-width: 991px) { .product-image-one img { transform: none; } } @media (min-width: 992px) { .product-image-one img { width: 100%; height: 100%; position: absolute; top: -12px; transform: rotate(-32deg); } } @media (min-width: 768px) and (max-width: 991px) { .product-image-one img { top: -29px; right: -65px; height: 244px; width: 395px; } } .home-product-one .blob-four { position: absolute; width: 266px; height: 383px; transform: rotate(303deg) translate(-21%, -15%); } @media (max-width: 991px) { .home-product-one .blob-four { top: -19%; left: 29%; width: 207px; height: 343px; transform: rotate(57deg); } } @media (min-width: 992px) { .home-product-one .blob-four { top: 17%; left: 64%; transform: rotate(303deg) translate(-21%, -15%); } } @media (min-width: 992px) and (max-width: 1199px) { .home-product-one .blob-four { top: 37%; left: 68%; } } .home-product-one .blob-one { width: 383px; height: 266px; position: absolute; } @media (max-width: 991px) { .home-product-one .blob-one { width: 208px; height: 307px; position: absolute; top: -21px; left: 129px; transform: rotate(253deg); } } @media (min-width: 992px) { .home-product-one .blob-one { top: 22%; left: 59%; transform: rotate(217deg); } } @media (min-width: 992px) and (max-width: 1199px) { .home-product-one .blob-one { top: 46%; left: 51%; } } .home-product:not(:first-child) .image-wrapper { width: 100%; display: block; } @media (min-width: 992px) { .home-product:not(:first-child) .image-wrapper { height: 168px; } } @media (max-width: 991px) { .home-product:not(:first-child) .image-wrapper { height: 67%; } } @media (min-width: 992px) and (max-width: 1199px) { .home-product:not(:first-child) .image-wrapper { height: 76%; } } @media (min-width: 992px) and (max-width: 1199px) { .home-product:not(:first-child) .image-wrapper img { height: 100%; } } .blob-five { position: absolute; transform: rotate(102deg); left: 34%; } @media (max-width: 991px) { .blob-five { display: none; } } .cross-sell-tile { position: relative; } .cross-sell-tile .cross-sell-img { position: relative; padding-top: 66.31%; height: 0; border-radius: 8px; overflow: hidden; margin-bottom: 16px; } .cross-sell-tile .cross-sell-img img { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .cross-sell-tile .product-name { font-family: "Intelo Light", sans-serif; line-height: 37px; color: #407DC9; margin-bottom: 10px; } @media (max-width: 991px) { .cross-sell-tile .product-name { margin-bottom: 16px; } } .cross-sell-tile .site-btn { margin: 16px 0 24px; } .cross-sell-tile .rainbow { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTU4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA1NTggNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00MDcuNDQxIDIzMS40OThDNDAxLjc2NCAyNDguMTI2IDM5NC45NTMgMjYyLjY3NSAzODkuMjc3IDI3Ny4yMjVDNDQyLjYzNCA0NzYuNzYxIDUwOC40NzkgNjA5Ljc4NiA1NTEuNjE5IDU4OS4wMDFDNjAxLjU3IDU2NC4wNTggNjExLjc4OCAzMTIuNTU5IDU2OS43ODMgMjUuNzI1NUM1NDEuNDAxIC0xNjcuNTc2IDUwMi44MDMgLTMzMS43NzggNDU3LjM5MiAtNDAyLjQ0N0M1MjMuMjM3IC0yOTQuMzY0IDUwMi44MDMgLTE3LjkyMzEgNDA3LjQ0MSAyMzEuNDk4WiIgZmlsbD0iIzg5QUVERSIvPgo8cGF0aCBkPSJNMTUyLjAwNiA1NDUuMzUxQzEzNy4yNDcgNTUzLjY2NSAxMjIuNDg5IDU1MS41ODYgMTA4Ljg2NiA1NDEuMTk0QzE4Mi42NTggNTk1LjIzNSAyOTkuNTg5IDQ4Ny4xNTMgMzg5LjI3NSAyNzcuMjI0QzM4MS4zMjggMjUwLjIwMyAzNzQuNTE3IDIxOS4wMjUgMzY3LjcwNSAxODkuOTI2QzMwNy41MzYgLTg0LjQzNjQgMzA0LjEzMSAtMzk2LjIxMiAzODguMTQgLTQzNy43ODJDNDAyLjg5OCAtNDQ0LjAxOCA0MTYuNTIxIC00NDQuMDE4IDQzMC4xNDUgLTQzMy42MjVDMzU3LjQ4OCAtNDg3LjY2NyAyNDIuODI2IC0zODEuNjYzIDE1NC4yNzYgLTE4MC4wNDhDMTYxLjA4OCAtMTU1LjEwNiAxNjYuNzY0IC0xMjguMDg1IDE3My41NzYgLTEwMS4wNjRDMjM0Ljg4IDE4MS42MTIgMjM4LjI4NSA1MDMuNzgxIDE1Mi4wMDYgNTQ1LjM1MVoiIGZpbGw9IiNEQTI4MUMiLz4KPHBhdGggZD0iTTEzMS41NzEgLTEyMy45MjhDMTM5LjUxOCAtMTQyLjYzNSAxNDYuNTE0IC0xNjEuMjI1IDE1NC40NjEgLTE3OS45MzJDOTkuOTY4NSAtMzkxLjkzOSAyOS4zOTc3IC01MzUuNDcyIC0xNi4wMTI3IC01MTIuNjA5Qy02Ny4wOTk0IC00ODcuNjY3IC03OC40NTE5IC0yMjcuODUzIC0zNS4zMTIxIDY3LjI5NDZDLTQuNjYwMDcgMjc5LjMwMiAzOC40Nzk4IDQ1NS45NzUgODkuNTY2NCA1MjIuNDg3QzE0LjYzOTMgNDIyLjcxOSAzMi44MDM1IDEzMy44MDcgMTMxLjU3MSAtMTIzLjkyOFoiIGZpbGw9IiNGQUI5MEUiLz4KPHBhdGggZD0iTTM4OC4xNCAtNDM3Ljc4MkMzMDQuMTMxIC0zOTYuMjEyIDMwNy41MzcgLTg0LjQzNjQgMzY3LjcwNSAxODkuOTI2QzM3NC41MTcgMjIxLjEwNCAzODEuMzI5IDI1MC4yMDMgMzg5LjI3NSAyNzcuMjI0QzM5Ni4wODcgMjYyLjY3NCA0MDEuNzYzIDI0Ni4wNDYgNDA3LjQ0IDIzMS40OTZDNTAyLjgwMSAtMTcuOTI0MiA1MjMuMjM2IC0yOTQuMzY1IDQ1Ni4yNTYgLTQwMi40NDhDNDUwLjU3OSAtNDEwLjc2MiA0NDAuMzYyIC00MjUuMzExIDQyOS4wMSAtNDMzLjYyNUM0MTYuNTIyIC00NDQuMDE4IDQwMi44OTkgLTQ0Ni4wOTYgMzg4LjE0IC00MzcuNzgyWiIgZmlsbD0iIzhDNDY5OSIvPgo8cGF0aCBkPSJNMTA4Ljg2NyA1NDEuMTkzQzEyMi40OSA1NTEuNTg2IDEzNy4yNDkgNTUzLjY2NSAxNTIuMDA3IDU0NS4zNTFDMjM4LjI4NyA1MDMuNzggMjM1Ljk1MSAxODEuMjE4IDE3My41MTIgLTEwMS40NTlDMTY3LjgzNiAtMTI4LjQ4IDE2MS4yNzQgLTE1NC45OSAxNTQuNDYyIC0xNzkuOTMyQzE1NC40MiAtMTgwLjA4OCAxMzcuMjQ5IC0xNDIuNjM1IDEzMC40MzcgLTEyMy45MjlDMzEuNjY5NCAxMzMuODA2IDEzLjUwNTIgNDIyLjcxOSA4OS41Njc3IDUyMC40MDhDOTAuNzAyOSA1MjIuNDg3IDk4LjY0OTcgNTMyLjg3OSAxMDguODY3IDU0MS4xOTNaIiBmaWxsPSIjRkY2NjAwIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNi4wMDAwMiIgaGVpZ2h0PSI1NTgiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTgpIHJvdGF0ZSg5MCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat; width: 100%; bottom: 0; left: 0; } @media (max-width: 991px) { .cross-sell-tile .rainbow { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAzMjggNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yNDcuMDk0IDIwMi4xMkMyNDMuNjUxIDIxNi4yMjMgMjM5LjUyMSAyMjguNTYyIDIzNi4wNzggMjQwLjkwMkMyNjguNDM3IDQxMC4xMzMgMzA4LjM2OSA1MjIuOTU0IDMzNC41MzEgNTA1LjMyNkMzNjQuODI0IDQ4NC4xNzIgMzcxLjAyMSAyNzAuODcgMzQ1LjU0NyAyNy42MDA0QzMyOC4zMzUgLTEzNi4zNDIgMzA0LjkyNiAtMjc1LjYwNiAyNzcuMzg3IC0zMzUuNTQyQzMxNy4zMTkgLTI0My44NzUgMzA0LjkyNiAtOS40MTg5MiAyNDcuMDk0IDIwMi4xMloiIGZpbGw9IiM4OUFFREUiLz4KPHBhdGggZD0iTTkyLjE4NTMgNDY4LjMwNkM4My4yMzUxIDQ3NS4zNTcgNzQuMjg0OCA0NzMuNTk0IDY2LjAyMyA0NjQuNzhDMTEwLjc3NCA1MTAuNjEzIDE4MS42ODggNDE4Ljk0NyAyMzYuMDc4IDI0MC45MDFDMjMxLjI1OSAyMTcuOTg1IDIyNy4xMjggMTkxLjU0MiAyMjIuOTk3IDE2Ni44NjNDMTg2LjUwNyAtNjUuODMwMyAxODQuNDQyIC0zMzAuMjU0IDIzNS4zOSAtMzY1LjUxMUMyNDQuMzQgLTM3MC43OTkgMjUyLjYwMiAtMzcwLjc5OSAyNjAuODY0IC0zNjEuOTg1QzIxNi44MDEgLTQwNy44MTggMTQ3LjI2NCAtMzE3LjkxNCA5My41NjIzIC0xNDYuOTJDOTcuNjkzMiAtMTI1Ljc2NiAxMDEuMTM2IC0xMDIuODUgMTA1LjI2NiAtNzkuOTMzQzE0Mi40NDUgMTU5LjgxMSAxNDQuNTEgNDMzLjA0OSA5Mi4xODUzIDQ2OC4zMDZaIiBmaWxsPSIjREEyODFDIi8+CjxwYXRoIGQ9Ik03OS43OTIyIC05OS4zMjM5Qzg0LjYxMTUgLTExNS4xODkgODguODU0NCAtMTMwLjk1NyA5My42NzM4IC0xNDYuODIyQzYwLjYyNjcgLTMyNi42MyAxNy44Mjg5IC00NDguMzYzIC05LjcxMDQxIC00MjguOTcyQy00MC42OTIxIC00MDcuODE4IC00Ny41NzY5IC0xODcuNDY1IC0yMS40MTQ2IDYyLjg1NkMtMi44MjU2IDI0Mi42NjQgMjMuMzM2NyAzOTIuNTA0IDU0LjMxODQgNDQ4LjkxNUM4Ljg3ODU4IDM2NC4yOTkgMTkuODk0MyAxMTkuMjY2IDc5Ljc5MjIgLTk5LjMyMzlaIiBmaWxsPSIjRkFCOTBFIi8+CjxwYXRoIGQ9Ik0yMzUuMzkgLTM2NS41MTFDMTg0LjQ0MiAtMzMwLjI1NCAxODYuNTA3IC02NS44MzA1IDIyMi45OTcgMTY2Ljg2MkMyMjcuMTI4IDE5My4zMDUgMjMxLjI1OSAyMTcuOTg0IDIzNi4wNzggMjQwLjkwMUMyNDAuMjA5IDIyOC41NjEgMjQzLjY1MSAyMTQuNDU5IDI0Ny4wOTQgMjAyLjExOUMzMDQuOTI2IC05LjQyMDEgMzE3LjMxOSAtMjQzLjg3NiAyNzYuNjk5IC0zMzUuNTQzQzI3My4yNTYgLTM0Mi41OTQgMjY3LjA2IC0zNTQuOTM0IDI2MC4xNzUgLTM2MS45ODVDMjUyLjYwMiAtMzcwLjc5OSAyNDQuMzQgLTM3Mi41NjIgMjM1LjM5IC0zNjUuNTExWiIgZmlsbD0iIzhDNDY5OSIvPgo8cGF0aCBkPSJNNjYuMDIyMiA0NjQuNzhDNzQuMjg0IDQ3My41OTQgODMuMjM0MyA0NzUuMzU3IDkyLjE4NDUgNDY4LjMwNUMxNDQuNTA5IDQzMy4wNDkgMTQzLjA5MyAxNTkuNDc3IDEwNS4yMjYgLTgwLjI2NzVDMTAxLjc4NCAtMTAzLjE4NCA5Ny44MDQ1IC0xMjUuNjY4IDkzLjY3MzYgLTE0Ni44MjJDOTMuNjQ3OCAtMTQ2Ljk1NCA4My4yMzQzIC0xMTUuMTkgNzkuMTAzNCAtOTkuMzI0NEMxOS4yMDU0IDExOS4yNjYgOC4xODk2NSAzNjQuMjk5IDU0LjMxOCA0NDcuMTUxQzU1LjAwNjUgNDQ4LjkxNCA1OS44MjU4IDQ1Ny43MjggNjYuMDIyMiA0NjQuNzhaIiBmaWxsPSIjRkY2NjAwIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNi4wMDAwMiIgaGVpZ2h0PSIzOTkiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzApIHJvdGF0ZSg5MCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat; background-size: 100%; height: 4px; } } .choose-comf-tile { position: relative; padding: 17px 0 0; margin: 70px 0 0; } @media (max-width: 991px) { .choose-comf-tile { margin: 75px 0 0; } } .choose-comf-tile .choose-comf-content { display: inline-block; width: 100%; margin-bottom: 13px; position: relative; } .choose-comf-tile .choose-comf-content .choose-comf-tile-h { font-family: "Intelo Regular", sans-serif !important; } @media (max-width: 991px) { .choose-comf-tile .choose-comf-content .choose-comf-tile-h { margin-bottom: 4px; } } .choose-comf-tile .choose-comf-content h3, .choose-comf-tile .choose-comf-content p { width: 85%; } @media (max-width: 991px) { .choose-comf-tile .choose-comf-content h3, .choose-comf-tile .choose-comf-content p { max-width: 73%; } } @media (min-width: 992px) and (max-width: 1199px) { .choose-comf-tile .choose-comf-content h3, .choose-comf-tile .choose-comf-content p { width: 68%; } } .choose-comf-tile .choose-comf-content .choose-comf-tile-btn { position: absolute; bottom: 8px; right: 0; } .choose-comf-tile .choose-comf-tile-btn { float: right; padding: 11px 19px 11px 23px; } .choose-comf-tile .choose-comf-tile-img-wrap { border-radius: 8px; overflow: hidden; } .choose-comf-tile:after { content: ''; position: absolute; top: 0; height: 4px; width: 100%; background: linear-gradient(90deg, #407DC9 0%, rgba(64, 125, 201, 0) 100.55%), #FFFFFF; } .choose-comf-tile:nth-child(5n+1)::after { background: linear-gradient(90deg, #407DC9 0%, rgba(64, 125, 201, 0) 100.55%), #FFFFFF; } .choose-comf-tile:nth-child(5n+2)::after { background: linear-gradient(90deg, #F9AF7E 0%, rgba(255, 255, 255, 0.8) 100.55%), #FFFFFF; } .choose-comf-tile:nth-child(5n+3)::after { background: linear-gradient(90deg, #EC8D87 0%, rgba(255, 255, 255, 0.8) 100.55%), #FFFFFF; } .choose-comf-tile:nth-child(5n+4)::after { background: linear-gradient(90deg, #FFDC80 0%, rgba(255, 255, 255, 0.8) 100.55%), #FFFFFF; } .choose-comf-tile:nth-child(5n+5)::after { background: linear-gradient(90deg, #BF92C8 0%, rgba(255, 255, 255, 0.8) 100.55%), #FFFFFF; } .product-tile { position: relative; } @media (max-width: 991px) { .product-tile { padding-bottom: 10px; } } @media (max-width: 991px) { .product-tile { overflow: hidden; } } .product-tile .discount { background: #fab90e; font-size: 16px; line-height: 24px; color: #062b4e; font-family: "Intelo Regular", sans-serif; padding: 2px 50px; position: absolute; top: 20px; left: -35px; transform: rotate(-45deg); transform-origin: bottom; } .product-tile .additional-discount { background: #F5F5F5; color: #062B4E; font-size: 13px; line-height: 11px; position: absolute; bottom: 0; height: 30px; padding-left: 9px; display: flex; align-items: center; width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } @media (max-width: 991px) { .product-tile .additional-discount { font-size: 10px; line-height: 11px; height: 20px; } } .product-tile .additional-discount .discount-tag { width: 14.5px; height: 14.5px; display: inline-block; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy42ODkxIDAuNzVIOC4xODYxOEM4LjA3MzU3IDAuNzUgNy45NjU0OCAwLjc5NDgwNiA3Ljg4NTgzIDAuODc0NDYxTDEuMjA2MzMgNy41NTQxQzAuNTk3ODg5IDguMTYyOCAwLjU5Nzg4OSA5LjE1MzA2IDEuMjA2MzMgOS43NjE1NEw2LjIzODgzIDE0Ljc5NDJDNi41MzI2NSAxNS4wODggNi45MjQ2IDE1LjI0OTkgNy4zNDIzMyAxNS4yNUM3Ljc2MDE2IDE1LjI1IDguMTUyMjIgMTUuMDg4IDguNDQ2MTYgMTQuNzk0MUwxNS4xMjU0IDguMTE0MzRDMTUuMjA1MSA4LjAzNDY4IDE1LjI0OTkgNy45MjY2IDE1LjI0OTkgNy44MTM5N0wxNS4yNSAyLjMxMDhDMTUuMjQ5OSAxLjQ1MDE5IDE0LjU0OTYgMC43NSAxMy42ODkxIDAuNzVaTTExLjM0NzkgNi4yMTc0M0MxMC40ODM0IDYuMjE3NDMgOS43ODI2NCA1LjUxNjY1IDkuNzgyNjQgNC42NTIyQzkuNzgyNjQgMy43ODc3NSAxMC40ODM0IDMuMDg2OTggMTEuMzQ3OSAzLjA4Njk4QzEyLjIxMjMgMy4wODY5OCAxMi45MTMxIDMuNzg3NzUgMTIuOTEzMSA0LjY1MjJDMTIuOTEzMSA1LjUxNjY1IDEyLjIxMjMgNi4yMTc0MyAxMS4zNDc5IDYuMjE3NDNaIiBmaWxsPSIjRkFCOTBFIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; margin-right: 5px; background-size: contain; } @media (max-width: 991px) { .product-tile .additional-discount .discount-tag { width: 12px; height: 12px; } } .product-tile .product-image { padding-top: 66.57%; height: 0; position: relative; margin-bottom: 12px; border-radius: 8px; overflow: hidden; } .product-tile .product-image .product-image-wrapper img { height: auto; width: 120%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 110%; } .product-tile .product-title { display: block; font-size: 18px; line-height: 24px; font-family: "Intelo Light", sans-serif; } @media (max-width: 991px) { .product-tile .product-title { line-height: 21px; margin-bottom: 0; max-width: 85%; } } .product-tile .product-price { font-family: "Intelo Regular", sans-serif; font-size: 14px; line-height: 19px; width: 60%; display: inline-block; color: #407DC9; } .product-tile .product-price s { color: #062B4E; opacity: 0.4; font-family: "Intelo Regular", sans-serif; margin-left: 4px; } @media (max-width: 991px) { .product-tile .product-price { float: left; } } .product-tile .product-price .price { font-family: "Intelo Bold", sans-serif; color: #407DC9; } @media (max-width: 991px) { .product-tile .product-price .price { clear: both; display: inline-block; } } .product-tile .product-info { width: 70%; display: inline-block; } @media (max-width: 991px) { .product-tile .product-info { width: 68%; margin-bottom: 8px; overflow: auto; margin: 0 0 -2px; } } .product-tile .product-cta { position: absolute; right: 0; top: 0; align-items: center; display: flex; } .product-tile .product-detail { position: relative; } .product-tile .compare-btn { position: relative; width: 40px; height: 40px; background: #C1D1E0; margin-right: 8px; font-family: "Intelo Bold", sans-serif; font-size: 11px; line-height: 17px; letter-spacing: 0.15em; text-transform: uppercase; border-radius: 8px; padding: 15px 21px; border: 0px; max-height: 45px; } @media (max-width: 991px) { .product-tile .compare-btn { width: 44px; height: 44px; margin-right: 6px; padding: 15px; } } .product-tile .compare-btn:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNzUgNi43ODU3MUw2LjEwNzE0IDkuNDk5OTlMNC43NSAxMi4yMTQzIiBzdHJva2U9IiMwNjJCNEUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjI1IDYuNzg1NzFMMTIuODkyOSA5LjQ5OTk5TDE0LjI1IDEyLjIxNDMiIHN0cm9rZT0iIzA2MkI0RSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cmVjdCB4PSIyLjAwNTQ3IiB5PSIyLjAwNzEyIiB3aWR0aD0iMTQuOTg1NyIgaGVpZ2h0PSIxNC45ODU3IiByeD0iMy4zNSIgc3Ryb2tlPSIjMDYyQjRFIiBzdHJva2Utd2lkdGg9IjEuMyIvPgo8cGF0aCBkPSJNOS41IDE4LjMyMTRWMC42Nzg1ODkiIHN0cm9rZT0iIzA2MkI0RSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K") no-repeat; background-position: center; background-size: 19px; } .product-tile .compare-btn .add-to-compare { position: absolute; top: -25px; background: #407DC9; font-family: "Intelo Light", sans-serif; font-size: 10px; line-height: 12px; width: 127px; text-align: center; text-transform: none; letter-spacing: normal; padding: 3px 7px; border-radius: 4px; left: -45px; opacity: 0; transition: ease all 0.3s; z-index: 100; } .product-tile .compare-btn .add-to-compare:after { content: ''; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #407DC9; bottom: -6px; left: 50%; transform: translateX(-50%); } .product-tile .compare-btn:hover span { opacity: 1; transition: ease all 0.3s; } .product-tile .view-btn, .product-tile .wishlist-btn { cursor: pointer; pointer-events: all; } @media (max-width: 991px) { .product-tile .wishlist-btn, .product-tile .view-details-btn { width: 24px; height: 24px; } } .product-tile .view-details { position: absolute; top: 0; right: 0; bottom: 0; width: 222px; background: #062B4E; color: #fff; padding: 25px 40px 0 21px; border-radius: 8px; opacity: 0; transition: ease all 0.3s; pointer-events: none; overflow: scroll; } @media (max-width: 991px) { .product-tile .view-details { width: 170px; padding: 15px 30px 15px 15px; } } .product-tile .view-details li { position: relative; font-family: "Intelo Light", sans-serif; font-size: 14px; line-height: 19px; padding: 7px 0 7px 32px; max-width: 100%; } @media (max-width: 991px) { .product-tile .view-details li { font-size: 12px; line-height: 12px; padding: 7px 0 7px 26px; } } .product-tile .view-details li img { position: absolute; top: 9px; left: 0; } @media (max-width: 991px) { .product-tile .view-details li img { top: 50%; transform: translate(0, -50%); height: 16px; } } .product-tile .view-details .close-btn { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDJMMiAxNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMiAyTDE0IDE0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat; background-size: contain; position: absolute; top: 12px; right: 12px; width: 16px; height: 16px; cursor: pointer; } .product-tile .open-view { opacity: 1; pointer-events: all; transition: ease all 0.3s; z-index: 100; } .product-tile-large .product-info { width: 100%; margin-bottom: 30px; } @media (max-width: 991px) { .product-tile-large .product-info { margin-bottom: 20px; } } .product-tile-large .product-cta { top: 0; bottom: auto; } .product-tile-large .compare-btn { margin: 0; } .product-tile-large .product-firm, .product-tile-large .product-thick { position: relative; font-family: "Intelo Regular", sans-serif; font-size: 18px; line-height: 24px; color: #062B4E; padding-left: 35px; } @media (max-width: 991px) { .product-tile-large .product-firm, .product-tile-large .product-thick { font-size: 14px; line-height: 19px; } } .product-tile-large .product-firm img, .product-tile-large .product-thick img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; max-width: 30px; } @media (max-width: 991px) { .product-tile-large .product-thick { font-size: 14px; line-height: 19px; margin: 0 10px 0 0; } } .product-tile-large .product-content { overflow: unset; } .product-tile-large .product-content .product_feel { display: flex; overflow: hidden; flex-flow: row wrap; gap: 20px; justify-content: space-between; } .product-tile-large .product-desc { margin: 35px 0 25px; } .product-tile-large .product-desc p { font-size: 18px; } @media (max-width: 991px) { .product-tile-large .product-desc { margin: 35px 0 15px; } } .product-tile-large .product-desc strong, .product-tile-large .product-desc b { font-family: "Intelo Bold", sans-serif; } .product-tile-highlighted { grid-column: 1 / -1; } .product-tile-highlighted .product-image { padding-top: 60%; } @media (max-width: 991px) { .product-tile-highlighted .product-image { padding-top: 66.46%; } } @media (max-width: 991px) { .product-tile-highlighted .view-details { width: 170px !important; } } .product-tile-highlighted .product-title { margin-right: 10px; color: #062B4E; } .product-tile-highlighted .product-title, .product-tile-highlighted .product-price { display: inline-block; } .bundles-card-tile .bundle-items { font-family: "Intelo Bold", sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase; margin: 2px 0; color: #407DC9; letter-spacing: 0.06em; } .bundles-card-tile .product-price { font-family: "Intelo Light", sans-serif; font-size: 14px; line-height: 16px; color: #407DC9; } .bundles-card-tile .product-price .old-price { text-decoration: line-through; } .bundles-card-tile .product-price .price { font-family: "Intelo Light", sans-serif; color: #062B4E; } .bundles-card-tile .product-cta { top: 0; bottom: auto; } .bundles-card-tile .product-image { margin-bottom: 15px; } .bundles-card-tile .product-title { font-family: "Intelo Regular", sans-serif; color: #062B4E; } .bundles-card-tile .gift-ribbon::after { background-image: url("../../static/img/combo-ribbon.png"); background-size: cover; top: 50%; right: 0; transform: translateY(-50%); width: 100%; height: 120px; } .bundles-card-tile .combo-product-card { position: relative; } .bundles-card-tile .combo-product-card .product-image { max-width: 80%; } @media (max-width: 991px) { .bundles-card-tile .combo-product-card .product-image { max-width: 235px; } } .bundles-card-tile .combo-product-2 { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 0; max-height: 133px; max-width: 201px; border-radius: 8px; overflow: hidden; } @media (max-width: 991px) { .bundles-card-tile .combo-product-2 { max-width: 170px; } } .card-tile-large, .choose-comf-tile-last { position: relative; padding: 35px; border-radius: 8px; overflow: hidden; transform: translateZ(0); } .card-tile-large .blob-combo-wrap, .choose-comf-tile-last .blob-combo-wrap { position: absolute; top: -65%; transform: rotate(-70deg); left: -8%; z-index: -1; } @media (max-width: 991px) { .card-tile-large .blob-combo-wrap, .choose-comf-tile-last .blob-combo-wrap { top: -60%; left: -105%; transform: rotate(110deg); height: 830px; width: 900px; } } @media (min-width: 768px) and (max-width: 991px) { .card-tile-large .blob-combo-wrap, .choose-comf-tile-last .blob-combo-wrap { top: -40%; left: -45%; } } @media (min-width: 992px) and (max-width: 1199px) { .card-tile-large .blob-combo-wrap, .choose-comf-tile-last .blob-combo-wrap { top: -73%; left: -48%; } } .card-tile-large img, .choose-comf-tile-last img { position: absolute; bottom: 0; left: 0; z-index: -2; width: 100%; } .card-tile-large .choose-comf-tile-h, .choose-comf-tile-last .choose-comf-tile-h { margin-bottom: 8px; font-family: "Intelo Light", sans-serif !important; } @media (max-width: 991px) { .card-tile-large .choose-comf-tile-h, .choose-comf-tile-last .choose-comf-tile-h { font-size: 28px; line-height: 31px; max-width: 265px; } } .card-tile-large .site-btn, .choose-comf-tile-last .site-btn { margin-top: 20px; } @media (max-width: 991px) { .card-tile-large .site-btn, .choose-comf-tile-last .site-btn { margin-top: 10px; } } @media (max-width: 991px) { .choose-comf-tile-last { padding: 0; margin: 60px 0 0; } } @media (max-width: 991px) { .choose-comf-tile-last .choose-comf-tile-p { font-size: 16px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .choose-comf-tile-last .choose-comf-tile-p { max-width: 480px; } } @media (max-width: 991px) { .choose-comf-tile-last .choose-comf-tile-text { padding: 35px 20px 0 15px; margin-bottom: -24px; } } @media (max-width: 991px) { .choose-comf-tile-last img { position: relative; } } .card-tile-large { min-height: 448px; padding: 20px; max-width: 328px; } @media (max-width: 991px) { .card-tile-large { max-width: 280px; } } @media (min-width: 768px) and (max-width: 991px) { .card-tile-large .site-btn { padding: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .card-tile-large .site-btn { padding: 15px 10px; } } .card-tile-large .card-blob-combo1 .blob-combo-wrap, .card-tile-large .card-blob-combo2 .blob-combo-wrap, .card-tile-large .card-blob-combo3 .blob-combo-wrap { top: -112%; transform: rotate(-100deg); left: -27%; } @media (max-width: 991px) { .card-tile-large .card-blob-combo1 .blob-combo-wrap, .card-tile-large .card-blob-combo2 .blob-combo-wrap, .card-tile-large .card-blob-combo3 .blob-combo-wrap { top: -120%; transform: rotate(-75deg); left: -100%; } } @media (max-width: 991px) { .card-tile-large .choose-comf-tile-text { white-space: normal; margin-bottom: -65px; } } .reviews-slider-pointer-ul { margin-top: 80px; } .home-hero-slider-review .reviews-slider-pointer-ul { margin-top: 30px; } @media (min-width: 992px) { .reviews-slider-pointer-ul { display: flex; justify-content: space-around; text-align: center; } } @media (max-width: 991px) { .reviews-slider-pointer-ul { margin-top: 20px !important; } } @media (max-width: 991px) and (min-width: 992px) { .reviews-slider-pointer-ul { white-space: nowrap; width: auto; display: block; overflow-x: scroll; } } @media (max-width: 991px) { .reviews-slider-pointer-ul::-webkit-scrollbar { display: none; } } .reviews-slider-pointer-ul li { position: relative; display: inline-block; font-family: "Intelo Bold", sans-serif; font-size: 14px; line-height: 158.8%; letter-spacing: 0.11em; text-transform: uppercase; color: #407DC9; padding: 18px 7px; flex-grow: 1; } .home-hero-slider-review .reviews-slider-pointer-ul li { font-size: 13px; padding: 11px 7px; } .reviews-slider-pointer-ul li a { display: flex; justify-content: center; align-items: center; } .reviews-slider-pointer-ul li:last-child { margin-bottom: 0; } @media (max-width: 991px) { .reviews-slider-pointer-ul li { padding: 0; font-size: 11px; line-height: 158.8%; margin-right: 18px; margin-bottom: 12px; } .home-hero-slider-review .reviews-slider-pointer-ul li { font-size: 11px; padding: 0; } } .reviews-slider-pointer-ul li:after { content: ''; position: absolute; left: 0px !important; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: #E5E5E5; } @media (max-width: 991px) { .reviews-slider-pointer-ul li:after { content: none; } } @media (min-width: 992px) and (max-width: 1199px) { .reviews-slider-pointer-ul li:after { left: -40px; } } .reviews-slider-pointer-ul li img { margin-right: 14px; vertical-align: top; } .home-hero-slider-review .reviews-slider-pointer-ul li img { display: inline-block; } .reviews-slider-pointer-ul li:last-child:before { content: ''; position: absolute; right: 0px !important; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: #E5E5E5; } @media (max-width: 991px) { .reviews-slider-pointer-ul li:last-child:before { right: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .reviews-slider-pointer-ul li:last-child:before { right: -40px; } } @media (max-width: 991px) { .reviews-slider-pointer-ul li:last-child:before { content: unset; } } .store-locator-hero li:nth-child(1) { color: #FF6600; } .store-locator-hero li:nth-child(2) { color: #DA281C; } .store-locator-hero li:nth-child(3) { color: #8C4699; } .breadcrumbs-wrapper { position: absolute; top: 70px; width: 100%; z-index: 100; } .breadcrumbs-wrapper .sl-container { max-width: auto; margin: 0 20px; } @media (max-width: 991px) { .breadcrumbs-wrapper .sl-container { margin: 0 15px; } } @media (max-width: 991px) { .breadcrumbs-wrapper { top: 60px; } } @media (max-width: 991px) { .breadcrumbs-wrapper ul { white-space: nowrap; overflow-x: scroll; } .breadcrumbs-wrapper ul::-webkit-scrollbar { display: none; } } .breadcrumbs-wrapper ul li { position: relative; display: inline-block; margin-right: 6px; } .breadcrumbs-wrapper ul li a { position: relative; display: block; font-family: "Intelo Regular", sans-serif; font-size: 9px; line-height: 110%; letter-spacing: 0.12em; text-transform: uppercase; color: #062B4E; padding-right: 12px; } @media (max-width: 991px) { .breadcrumbs-wrapper ul li a { font-size: 8px; } } .breadcrumbs-wrapper ul li a::after { content: ''; position: absolute; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAwLjVMMy41IDNMMSA1LjUiIHN0cm9rZT0iIzA2MkI0RSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat; background-position: center 1px; height: 100%; width: 5px; right: 0; top: 0; } .breadcrumbs-wrapper ul li:last-child a::after { content: unset; } .blobs { margin: 0 auto; text-align: center; width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-filter: url("#goo"); filter: url("#goo"); } .blobs .blob { background: #062B4E; border-radius: 50%; display: inline-block; margin: 12.5px; height: 100px; width: 100px; } .blobs .blob-1 { animation: blob-1-anim cubic-bezier(0.75, 0, 0.175, 1) 4s infinite; } .blobs .blob-2 { animation: blob-2-anim cubic-bezier(0.75, 0, 0.175, 1) 4s infinite; } .home-page-slider .slider-content, .home-page-slider h2 { max-width: 354px !important; } @media (min-width: 992px) { .home-page-slider .home-hero-slider-text { max-height: 100%; display: flex; flex-direction: column; justify-content: center; } } @media (max-width: 991px) { .reviews-slider-pointer-ul li img { margin-right: 5px; } } /* .reviews-slider-pointer-ul li:nth-child(4n) { color: #407DC9; } .reviews-slider-pointer-ul li:nth-child(4n) img { filter: invert(50%) sepia(13%) saturate(5155%) hue-rotate(191deg) brightness(85%) contrast(82%); } .reviews-slider-pointer-ul li:nth-child(4n+2) { color: #DA281C; } .reviews-slider-pointer-ul li:nth-child(4n+2) img { filter: invert(40%) sepia(82%) saturate(6849%) hue-rotate(351deg) brightness(87%) contrast(96%); } .reviews-slider-pointer-ul li:nth-child(4n+3) { color: #8C4699; } .reviews-slider-pointer-ul li:nth-child(4n+1) { color: #FF6600; } .reviews-slider-pointer-ul li:nth-child(4n+1) img { filter: invert(47%) sepia(89%) saturate(3422%) hue-rotate(2deg) brightness(104%) contrast(103%); } */ @media (max-width: 991px) { .home-section11 { margin-bottom: 0; } } @media (max-width: 991px) { .home-section10 { margin-top: 0; } } /* new css add */ .hom-newreviewsection .reviews-wrap .reviews-slide { flex-direction: column;} .testimonial-user { display: flex; align-items: center; margin-bottom: 10px;} .test-user-img { margin-right: 25px;} .test-user-img img { border-radius: 8px; width: 72px; height: 72px; object-fit: cover; } .test-user-content h5 { font-size: 13px; margin-bottom: 6px; text-transform: uppercase; line-height: 16px; font-family: "Intelo Bold", sans-serif; color: #062B4E; } .test-user-content h4 { font-size: 14px; line-height: 24px; font-family: "Intelo Regular", sans-serif; color: #062B4E; } .hom-newreviewsection .reviews-wrap .product-review-content h3 { line-height: 31px;} .hom-newreviewsection .reviews-wrap .testimonail-slider { padding-bottom: 70px; } .hom-newreviewsection .reviews-wrap .testimonail-slider .slick-track { overflow-y: hidden; } .homeconsult-wrapper h2 { margin-bottom: 25px; padding: 0;} .homeconsult-wrapper .card-wrapper .card-tile-large { margin: 0;} .homeconsult-wrapper .consult-wrapper .consult-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 20px; max-width: 1145px; margin: 0 auto; } .homeconsult-wrapper .card-tile-large .choose-comf-tile-h, .homeconsult-wrapper .choose-comf-tile-last .choose-comf-tile-h { font-family: "Intelo Regular", sans-serif !important; } @media (min-width: 992px) { .hom-newreviewsection .reviews-wrap .product-review-content .reviews-slide-best-matt { bottom: 25px; } } @media (max-width: 991px) { .hom-newreviewsection .reviews-wrap .reviews-slide { border-radius: 8px !important; } .hom-newreviewsection .slider-control { display: none;} .hom-newreviewsection .reviews-wrap .product-review-content h3 { font-size: 25px; line-height: 28px;} .hom-newreviewsection .reviews-wrap .product-review-content .reviews-slide-p { font-size: 15px; line-height: 22px; } .hom-newreviewsection { margin-bottom: 0px;} .homeconsult-wrapper .consult-wrapper .consult-grid { display: -webkit-box; overflow-x: scroll; } .homeconsult-wrapper .card-wrapper .card-tile-large { margin: 0 15px 0 0; } }