.interactive-infographic-section{overflow:hidden}.interactive-infographic-section .main-heading{margin-bottom:50px}.interactive-infographic-section .main-heading :is(h1,h2,h3,h4,h5,h6,p){color:#31426a;font-weight:700;letter-spacing:normal;text-align:center;margin:0}.mobile-only{display:none}.interactive-infographic-section .main-wrapper .tabs{display:flex;justify-content:center;gap:36px;list-style-type:none;margin-bottom:48px}.interactive-infographic-section .main-wrapper .tabs .links{color:#949eb0;font-size:14px;font-weight:700;line-height:18px;display:flex;align-items:center;gap:8px;cursor:pointer;padding:16px 0;border-bottom:2px solid transparent}.interactive-infographic-section .main-wrapper .tabs .links .tab-index{display:flex;width:23px;height:23px;background:#949eb0;color:#fff;border-radius:50%;align-items:center;justify-content:center}.interactive-infographic-section .main-wrapper .tabs .links.active{color:#2a4189;border-bottom:2px solid #2A4189}.interactive-infographic-section .main-wrapper .tabs .links.active .tab-index{background:#2a4189}.interactive-infographic-section .main-wrapper .tab-container{display:flex;align-items:center;gap:30px;border-left:1px solid #677DD2;border-bottom:1px solid #677DD2;padding:30px 0 60px}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area{width:60%;padding:0 60px}.interactive-infographic-section .main-wrapper .image_hubspots{width:40%;text-align:right;position:relative}.interactive-infographic-section .main-wrapper .image_hubspots img{width:100%;height:100%}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area .tab-content{opacity:0;transition:opacity 1s ease-in-out;visibility:hidden;height:0;width:0}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area .tab-content.active{visibility:visible;transition:opacity 1s ease-in-out;opacity:1;width:100%;height:100%}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area .tab-content .feature-title{color:#31426a;font-size:32px;font-weight:700;line-height:38px;margin:0 0 35px}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area .tab-content .feature-desc{padding-right:60px}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area .tab-content .feature-desc p{color:#59616e;font-size:20px;font-weight:400;line-height:26px;margin:0}.interactive-infographic-section .main-wrapper .image_hubspots .hubspot-tabs{list-style-type:none;display:unset}.interactive-infographic-section .main-wrapper .image_hubspots .hubspot-tabs .links.hubspot-links{position:absolute;padding:0;border:0}.interactive-infographic-section .main-wrapper .image_hubspots .hubspot-tabs li.hubspot-links .tab-index{width:27px;height:27px;color:#fff;background:#949eb0;border:1px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center}.interactive-infographic-section .main-wrapper .image_hubspots .hubspot-tabs li.hubspot-links.active .tab-index{background:#2a4189;box-shadow:0 0 8px #677dd2}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.mobile-only .image_hubspots{padding:0 30px}.interactive-infographic-section .main-wrapper .interactive-content-slider .tab-content h3.feature-title{color:#31426a;font-size:20px;font-weight:700;line-height:26px;margin:0 0 20px}.interactive-infographic-section .main-wrapper .interactive-content-slider .tab-content feature-desc p{color:#59616e;font-size:16px;font-weight:400;line-height:24px;margin:0}.interactive-infographic-section .main-wrapper .image_hubspots{width:100%;text-align:center}.interactive-infographic-section .main-wrapper .image_hubspots img.Infographic.Image{width:100%;height:auto}.interactive-infographic-section .main-wrapper .tabs .links{font-size:11px;line-height:15px}.interactive-infographic-section .main-wrapper .image_hubspots .hubspot-tabs li.hubspot-links .tab-index{width:20px;height:20px}.interactive-infographic-section .main-wrapper .interactive-content-slider .tab-content{padding:24px;box-shadow:0 4px 12px -2px #6f76864d;border-radius:5px;box-sizing:border-box}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area{width:100%;padding:0}.interactive-infographic-section .main-wrapper .tab-container{border:0;padding:24px 20px 0}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area .tab-content .feature-title{font-size:20px;line-height:26px;margin:0 0 24px}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area .tab-content .feature-desc{padding-right:0}.interactive-infographic-section .main-wrapper .tab-container .tab-content-area .tab-content .feature-desc p{font-size:16px;line-height:24px}.interactive-infographic-section .interactive-content-slider{margin:0 15px;padding:24px 0 100px;border-bottom:2px solid #677DD2}.interactive-infographic-section .interactive-content-slider:focus-visible{outline:none;outline-offset:unset;box-shadow:none}.interactive-infographic-section .interactive-content-slider .swiper-pagination{display:flex;bottom:var(--swiper-pagination-bottom, 60px);gap:10px}.interactive-infographic-section .interactive-content-slider .swiper-pagination .swiper-pagination-bullet{width:100%;height:4px;border-radius:100px;background:#e9ecf2;opacity:1}.interactive-infographic-section .interactive-content-slider .swiper-pagination .swiper-pagination-bullet-active{background:#677dd2}}
/*# sourceMappingURL=/cdn/shop/t/442/assets/sleepdoctor-interactive-infographic.css.map?v=141084308598246907841729727790 */