.color-therapy-tab .tab{display:flex;flex-wrap:wrap;row-gap:15px;width:100%;height:auto}.color-therapy-tab .tab button{display:flex;flex-direction:column;justify-content:space-between;background-color:inherit;color:inherit;padding:22px 16px;width:100%;border:none;outline:none;text-align:center;cursor:pointer;transition:.3s;font-size:30px;margin-bottom:0;font-family:var(--font-heading-family);min-height:175px;background:#c19e68;transition:all ease 3s}.color-therapy-tab .tab button:hover{background-color:#bee9f7}.color-therapy-tab .tab button.active{background-color:#6398a8}.color-therapy-tab .tab button.active svg path{fill:#333}.color-therapy-tab .tabcontent{padding:0;width:100%;border-left:none;height:100%;border-radius:0 10px 10px 0}.color-therapy-tab .tabcontent .tab-content-wrapper{display:grid;grid-template-columns:45% 55%;background:#c19e68}.color-therapy-tab .tabcontent .tab-content-wrapper .image-banner-sec{max-height:555px;position:relative;z-index:1}.color-therapy-tab .tabcontent-1 .tab-content-wrapper{position:relative;top:0}.color-therapy-tab .tabcontent-2 .tab-content-wrapper{position:relative;top:12.6%}.color-therapy-tab .tabcontent-3 .tab-content-wrapper{position:relative;top:25.3%}.color-therapy-tab .tabcontent-4 .tab-content-wrapper{position:relative;top:37.9%}.color-therapy-tab .tabcontent-5 .tab-content-wrapper{position:relative;top:50.5%}.color-therapy-tab .tabcontent-6 .tab-content-wrapper,.color-therapy-tab .tabcontent-7 .tab-content-wrapper,.color-therapy-tab .tabcontent-8 .tab-content-wrapper{position:relative;top:63.2%}.color-therapy-tab .page-width{display:flex;column-gap:15px}.color-therapy-tab .tab-button{flex:1}.color-therapy-tab .tab-content-panel{flex:9}.color-therapy-tab .tab button span svg path{fill:#fff}.color-therapy-tab .tab button span{display:block}.color-therapy-tab .tabcontent .tab-content-wrapper .content-details-sec{padding:40px 50px;color:inherit}.color-therapy-tab .tabcontent .tab-content-wrapper .image-banner-sec img{width:100%;display:block;object-fit:cover;height:555px}.color-therapy-tab .tabcontent .tab-content-wrapper .content-details-sec h3,.color-therapy-tab .tabcontent .tab-content-wrapper .content-details-sec h4,.color-therapy-tab .tabcontent .tab-content-wrapper .content-details-sec h5,.color-therapy-tab .tabcontent .tab-content-wrapper .content-details-sec h2{font-size:22px;margin:25px 0 0;font-weight:700;font-weight:500;color:inherit;font-family:var(--font-body-family)}.color-therapy-tab .tabcontent .tab-content-wrapper .content-details-sec p{margin-top:5px;color:inherit}@media screen and (max-width:1529px){.color-therapy-tab .tab button{font-size:25px;min-height:176px}}@media screen and (max-width:1200px){.color-therapy-tab .tabcontent .tab-content-wrapper{grid-template-columns:1fr}.color-therapy-tab .tabcontent .tab-content-wrapper .image-banner-sec{max-height:480px}.color-therapy-tab .tabcontent .tab-content-wrapper .image-banner-sec img{height:100%}.color-therapy-tab .tabcontent .tab-content-wrapper .content-details-sec{padding:20px 40px}.color-therapy-tab .tabcontent-5 .tab-content-wrapper,.color-therapy-tab .tabcontent-6 .tab-content-wrapper,.color-therapy-tab .tabcontent-7 .tab-content-wrapper,.color-therapy-tab .tabcontent-8 .tab-content-wrapper{position:relative;top:50.5%}}@media screen and (max-width:749px){.color-therapy-tab .page-width{display:flex;column-gap:15px;flex-wrap:wrap}.color-therapy-tab .tab-button,.color-therapy-tab .tab-content-panel{flex:initial;width:100%}.color-therapy-tab .tab{row-gap:15px;height:auto;display:flex;position:relative;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem;width:100%;scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.04);-ms-overflow-style:none;scrollbar-width:none;scroll-padding-left:1.5rem;column-gap:10px}.color-therapy-tab .tab button{width:40%;flex-grow:1;scroll-snap-align:start;flex-shrink:0;min-width:40%;font-size:25px;min-height:100px}.color-therapy-tab .tabcontent .tab-content-wrapper .content-details-sec{padding:20px}.color-therapy-tab .tabcontent-2 .tab-content-wrapper,.color-therapy-tab .tabcontent-3 .tab-content-wrapper,.color-therapy-tab .tabcontent-4 .tab-content-wrapper,.color-therapy-tab .tabcontent-5 .tab-content-wrapper,.color-therapy-tab .tabcontent-6 .tab-content-wrapper,.color-therapy-tab .tabcontent-7 .tab-content-wrapper,.color-therapy-tab .tabcontent-8 .tab-content-wrapper{position:relative;top:0}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/color-therapy-tab.css.map */