.hero-accordions-and-tab{padding:28px 15px;max-width:375px;margin:0 auto 40px}.hero-accordions-and-tab h1,.hero-accordions-and-tab h2{color:#054566;text-align:center;font-size:20px;font-weight:700;line-height:normal;text-transform:capitalize}.hero-accordions-and-tab .text+p{color:#1f1f1f;font-size:14px;font-weight:400;line-height:20px;text-align:center;margin-bottom:28px}.accordion-and-tab-container-desktop{display:none}.accordion-and-tab-container-mobile{display:flex;flex-direction:column;gap:20px}.accordion-and-tab-container-mobile .accordion-and-tab{padding:12px;border-radius:8px;outline:1px solid #dcdcdc;height:100%;max-height:48px;transition:max-height .3s ease,padding .6s ease,background-color .3s ease;overflow:hidden}.accordion-and-tab-container-mobile .accordion-and-tab:hover{cursor:pointer}.accordion-and-tab-container-mobile .accordion-and-tab .header{display:flex;align-items:center;justify-content:space-between}.accordion-and-tab-container-mobile .accordion-and-tab .header img{height:30px;width:50px;border-radius:4px}.accordion-and-tab-container-mobile .accordion-and-tab .header .left{display:flex;align-items:center;justify-content:space-between;gap:12px}.accordion-and-tab-container-mobile .accordion-and-tab .header .accordion-and-tab-header{color:#054566;font-size:14px;font-weight:600;line-height:20px}.accordion-and-tab-container-mobile .accordion-and-tab.active{background-color:#fff;outline:2px solid #F7AD60;box-shadow:2px 2px 6px #00000026;max-height:100%;margin-bottom:20px}.accordion-and-tab-container-mobile .accordion-and-tab.active .chevron{transform:rotate(180deg)}.accordion-and-tab-container-mobile .accordion-and-tab-content{padding:12px;overflow-x:hidden}.accordion-and-tab-container-mobile .accordion-and-tab-content h3{margin-top:32px;margin-bottom:28px;color:#054566;font-size:20px;font-weight:800;line-height:28px}.accordion-and-tab-container-mobile .accordion-and-tab-content .text{color:#1e1f20;font-size:14px;font-weight:400;line-height:20px;margin-bottom:40px}.accordion-and-tab-container-mobile .accordion-and-tab-content .image-and-text-benefits{display:flex;flex-direction:column;gap:12px;margin-top:44px}.accordion-and-tab-container-mobile .accordion-and-tab-content .image-and-text-benefits .image-and-text{display:flex;align-items:center;gap:8px}.accordion-and-tab-container-mobile .accordion-and-tab-content .image-and-text-benefits .image-and-text img{width:32px;height:32px;border-radius:8px}@media screen and (min-width: 768px){.accordion-and-tab-container-mobile{display:none}.accordion-and-tab-container-desktop{display:flex;flex-direction:column;overflow:hidden}.hero-accordions-and-tab{padding:40px 60px 0;max-width:1320px}.hero-accordions-and-tab h1,.hero-accordions-and-tab h2{font-size:32px;font-weight:800;line-height:40px}.hero-accordions-and-tab .text+p{font-size:16px;font-weight:400;line-height:24px}.accordion-and-tab-container-desktop .tab-header{display:flex;gap:20px;height:fit-content;overflow-x:scroll;padding:12px}.accordion-and-tab-container-desktop .tab{padding:12px;height:155px;width:165px;display:flex;flex-direction:column;justify-content:start;align-items:center;outline:2px solid #dcdcdc;border-radius:12px}.accordion-and-tab-container-desktop .tab img{width:140px;height:84px;border-radius:8px;max-width:unset}.accordion-and-tab-container-desktop .tab:hover{cursor:pointer}.accordion-and-tab-container-desktop .tab.active{background-color:#fff;box-shadow:2px 2px 6px #00000026;outline:2px solid #F7AD60}.accordion-and-tab-container-desktop .accordion-and-tab-header{margin-bottom:0;color:#054566;text-align:center;font-size:14px;font-weight:400;line-height:20px;margin-top:8px;height:100%}.tab-content-container{height:fit-content}.tab-content{height:fit-content;display:none}.tab-content.active{display:block}.tab-before-and-after{display:flex;gap:20px;margin:60px auto;padding:40px 28px;background-color:#fff;border-radius:24px}.title-and-text{padding:10px;margin:auto 0}.title-and-text h3{color:#054566;font-size:32px;font-weight:800;line-height:40px}.title-and-text .text{color:#1e1f20;font-size:16px;font-weight:400;line-height:24px}.before-after-image,.before-after-image .container{width:400px;height:220px}.tab-benefits{padding:40px 0}.tab-benefits .benefits{display:none}.tab-benefits .benefits.active{display:flex;gap:15px}.tab-benefits .benefit{display:flex;flex-direction:column;align-items:center;width:33%;gap:15px}.tab-benefits .benefit img{width:24px;height:24px;border-radius:4px}.tab-benefits .benefit span{color:#1f1f1f;text-align:center;font-size:14px;font-weight:400;line-height:normal}}@media screen and (min-width: 1024px){.title-and-text{padding:20px;max-width:460px}.tab-before-and-after{max-width:930px}.tab-content-container{margin-top:210px}.accordion-and-tab-container-desktop .tab-header{position:absolute;width:1420px}}@media screen and (min-width: 1280px){.title-and-text{padding:40px;max-width:520px}.title-and-text h3{margin-bottom:28px}.tab-before-and-after{max-width:1320px;gap:60px}.before-after-image,.before-after-image .container{width:500px;height:280px}}@media screen and (min-width: 1440px){.hero-accordions-and-tab{max-width:1480px;margin:0 auto}.before-after-image,.before-after-image .container{width:600px;height:320px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/hero-accordion-and-tabs.css.map */