.interactive-infographic-section .page-width{padding-left:0;padding-right:0}.interactive-infographic-section .main-heading{padding:0 1.5rem;margin-bottom:0}.interactive-infographic-section .main-wrapper .image_hubspots{width:100%;max-width:550px;margin:0 auto}.interactive-infographic-section .main-wrapper .image_hubspots .hubspot-tabs li.hubspot-links .tab-index{width:32px;height:32px;flex-shrink:0;background:#fff;border:1px solid #4960B8;color:#4960b8;text-align:center;font-size:16px;font-weight:700;line-height:20px}.interactive-infographic-section .main-wrapper .image_hubspots .hubspot-tabs li.hubspot-links.active .tab-index{background:#4960b8;border:1px solid #FFFFFF;color:#fff;filter:drop-shadow(0px 0px 12px #677DD2)}.interactive-infographic-section .main-wrapper.desktop-only{padding:0 1.5rem;max-width:1200px;margin:0 auto}.interactive-infographic-section .button-template.interactive-content-slider{display:flex;flex-direction:column;gap:30px;border-bottom:none;padding:0}.interactive-infographic-section .button-template.interactive-content-slider .swiper-pagination{position:relative;gap:12px;top:unset;bottom:unset;justify-content:center;margin:0 auto;max-width:calc(100% - 32px)}.interactive-infographic-section .button-template.interactive-content-slider .swiper-pagination .swiper-pagination-bullet{margin:0;width:50px;height:4px;border-radius:100px;background:#e9ecf2}.interactive-infographic-section .button-template.interactive-content-slider .swiper-pagination .swiper-pagination-bullet-active{background:#4960b8}.interactive-infographic-section .main-wrapper .button-template.interactive-content-slider .tab-content{height:auto;display:flex;flex-direction:column;padding:16px;border-radius:8px;min-width:320px;background:#fff;box-shadow:0 4px 12px -2px #6f768666}.interactive-infographic-section .main-wrapper .interactive-content-slider .tab-content h3.feature-title{color:#31426a;font-size:24px;line-height:30px;margin-bottom:16px;letter-spacing:0}.interactive-infographic-section .main-wrapper .button-template.interactive-content-slider .tab-content .feature-desc{flex-grow:1}.interactive-infographic-section .main-wrapper .button-template.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 .button-template.tabs{display:flex;flex-wrap:nowrap;justify-content:center;padding:0;gap:16px;margin:60px auto 40px;width:90%}.interactive-infographic-section .main-wrapper .button-template.tabs.sub-menu-wrap{flex-wrap:wrap}.interactive-infographic-section .main-wrapper .button-template.tab-container{padding:0 1.5rem;border:none}.interactive-infographic-section .main-wrapper .button-template.tab-container .tab-content-area,.interactive-infographic-section .main-wrapper .button-template.tab-container .tab-content-area .tab-content .feature-desc{padding:0}.interactive-infographic-section .main-wrapper .button-template.tabs .links{border-radius:50px;border:1px solid #4960B8;background:#fff;padding:4px 12px;color:#4960b8;font-size:10px;font-weight:700;display:flex;align-items:center;flex:1 1 auto;min-width:0;justify-content:center}.interactive-infographic-section .main-wrapper .button-template.tabs .links .tab-text{white-space:normal;text-align:left;line-height:1.3}.interactive-infographic-section .main-wrapper .button-template.tabs .links.active{background:#4960b8;color:#fff;box-shadow:0 3px 9px -2px #677dd266}.interactive-infographic-section .main-wrapper .button-template.tabs .links .tab-index{width:32px;height:32px;flex-shrink:0;background:#ebedff;color:#4960b8;font-size:16px;line-height:20px}.interactive-infographic-section .main-wrapper .button-template.tabs .links.active .tab-index{background:#fff}.interactive-infographic-section .interactive-content-slider{margin:0}.interactive-infographic-section .main-wrapper .image_hubspots{padding:0}@media (min-width: 1020px){.interactive-infographic-section .main-wrapper .button-template.tabs .links{border-radius:100px;padding:0 12px;height:60px;max-height:60px;font-size:14px}.interactive-infographic-section .main-wrapper .button-template.tabs .links.active{border:2px solid #4960B8}.interactive-infographic-section .main-wrapper .button-template.tab-container .tab-content-area .tab-content .feature-title{color:#31426a;font-size:32px;line-height:38px;margin-bottom:24px}.interactive-infographic-section .main-wrapper .button-template.tab-container .tab-content .feature-desc p{font-size:18px;letter-spacing:.18px}}
/*# sourceMappingURL=/cdn/shop/t/442/assets/sleepdoctor-interactive-infographic-buttons.css.map */