.vertical-tabs-buttons{display:flex;flex-direction:column;gap:1rem;max-height:57rem;overflow:hidden}.tab-button{cursor:pointer;border-radius:6px;text-align:left;font-weight:500;transition:all .4s;width:105px;height:105px}.main-media-image img{width:100%;max-width:100%;object-fit:cover;display:block}.tab-btn-img-items img,.cover-image-tabs img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover}.vertical-tabs-content{flex:1;position:relative}.tab-content{display:none;opacity:0;transform:translateY(100%);transition:all .7s ease;width:100%}.tab-content.active{display:block;opacity:1;transform:translateY(0);position:relative}.cover-image-tabs{opacity:0;transform:translateY(100%);transition:all .8s ease}.cover-image-tabs.active{opacity:1;transform:translateY(0)}.vertical-tabing-flex-items{display:flex;align-items:center;flex-wrap:wrap;gap:100px;position:relative;z-index:1}.verticle-tabs-section{display:flex;align-items:flex-start;gap:60px;flex:0 0 65%;max-width:65%}.vertical-tabbing-heading-section{flex:0 0 35%;max-width:calc(35% - 100px)}.tabs-button-items .image-with-text__media{width:100%}.tab-button.active .img-txt-tab-ttl{opacity:1}.img-txt-tab-ttl{margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;opacity:0;transition:all .4s}.tabs-button-items{position:relative}.tab-button:hover h3{opacity:1}.left-block-image-tab-content .image-with-text__media{max-width:511px;height:100%;display:block;object-fit:cover;width:100%}.left-block-image-tab-content .image-with-text__media.adapt.cover-image-tabs{max-width:300px;width:100%;display:block;object-fit:cover;position:absolute;top:25%;right:0}.vertical-tab-head>*,.vertical-tabbing-text>*{margin:0;line-height:1.6;color:#4b4b4b}.vertical-tab-head>*{margin-bottom:2rem}.main-media-image{min-height:517px;max-height:571px}.vertical-tabs-wrapper.active .tab-content.slide-first-activate.active,.vertical-tabs-wrapper.active .vertical-tabbing-heading-section{transform:translateY(0)!important;opacity:1!important}.slide-first-activate,.vertical-tabbing-heading-section{transform:translateY(100px)!important;opacity:0!important;transition:all .4s}.vertical-tabs-wrapper{position:relative;overflow:hidden}.tab-title-overlay{position:absolute;top:-130px;right:0;left:50%;z-index:0;font-size:38rem;color:#fff4f1;text-transform:uppercase;pointer-events:none;opacity:0;transform:translateY(100%);transition:all .7s;text-align:end;white-space:nowrap}.tab-title-overlay.bottom-overlay{bottom:-130px;top:auto;left:auto;right:50%;text-align:left}.tab-title-overlay.active{opacity:1;transform:translateY(0)}@media (max-width: 1440px) and (min-width: 1024px){.left-block-image-tab-content .image-with-text__media{max-width:100%}.left-block-image-tab-content .image-with-text__media.adapt.cover-image-tabs{right:-12%}}@media (min-width: 1024px){.vertical-tabing-flex-items{padding:10rem 0}}@media (max-width: 1024px){.tab-button{width:95px;height:95px}.main-media-image img{height:480px!important}.main-media-image{min-height:auto;max-height:auto}.left-block-image-tab-content .image-with-text__media.adapt.cover-image-tabs{max-width:240px;top:45%;right:-12%}.verticle-tabs-section{gap:60px}.tab-title-overlay{top:0;font-size:18rem}}@media (min-width: 991px){.main-media-image img{height:500px!important}.vertical-tabbing-heading-section{display:flex;flex-direction:column;padding-top:13rem}}@media (max-width: 991px){.verticle-tabs-section,.vertical-tabbing-heading-section{flex:0 0 100%;max-width:100%}.verticle-tabs-section{flex-direction:column}.vertical-tabs-buttons{margin:0 auto;flex-direction:row}.vertical-tabs-content{flex:auto;margin:0 auto}.vertical-tabbing-heading-section{padding:0;order:-1}.vertical-tabing-flex-items{gap:40px}.vertical-tab-head>*,.vertical-tabbing-text>*{text-align:center}}@media (max-width: 991px) and (min-width: 768px){.vertical-tabs-buttons{overflow:scroll}.tab-button{width:100%;height:100%;flex:0 0 15%;max-width:15%}}@media (max-width: 749px){.left-block-image-tab-content .image-with-text__media.adapt.cover-image-tabs{max-width:180px;top:57%;right:-4%}.main-media-image img{height:420px!important;width:420px!important}.vertical-tabs-buttons{overflow:scroll;width:100%}.tab-button{width:fit-content;height:fit-content;flex:0 0 28%;max-width:28%}.vertical-tabs-wrapper .img-txt-tab-ttl{font-size:15px}.tab-title-overlay{font-size:12rem;top:42%}.tab-title-overlay.bottom-overlay{bottom:-7%}}@media (max-width: 640px){.main-media-image img{height:370px!important;width:381px!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/verticle-tabbing.css.map */