.image-with-tabs-section{position:relative}.image-with-tabs-wr{display:flex;flex-direction:column;gap:3rem}.image-with-tabs-wr .content-wr{max-width:55rem;padding-inline-end:3rem}.image-with-tabs-wr .content-wr .heading{margin-block:0 3rem}.image-with-tabs-wr .tabs-nav{max-width:100%;display:inline-flex;gap:1rem;padding:.4rem;border-radius:40px;background-color:#2222221a;margin-bottom:3rem}.image-with-tabs-wr .tab-btn{background:none;border:none;padding:0;font-size:1.6rem;font-weight:500;color:rgba(var(--color-foreground),1);padding:.7rem 2rem;border-radius:40px;cursor:pointer;position:relative;transition:all .3s ease}.image-with-tabs-wr .tab-btn.active{background-color:#fff;box-shadow:0 2px 2px #00000008}.image-with-tabs-wr .tabs-content-wr{position:relative;min-height:150px}.image-with-tabs-wr .tab-content{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.image-with-tabs-wr .tab-content.active{opacity:1;visibility:visible;position:relative}.image-with-tabs-wr .tab-content.fade-out{opacity:0}.image-with-tabs-wr .tab-description{font-size:16px;color:rgba(var(--color-foreground),1);line-height:1.4;margin:0}.image-with-tabs-wr .button{margin-top:2.5rem}.image-with-tabs-wr .img-box{position:relative;width:100%;height:28rem;border-radius:8px;overflow:hidden}.image-with-tabs-wr .tab-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.image-with-tabs-wr .tab-image.active{opacity:1;visibility:visible}.image-with-tabs-wr .tab-image.fade-out{opacity:0}.image-with-tabs-wr .tab-image img{width:100%;height:100%;object-fit:cover;border-radius:18px}@media (min-width: 750px){.image-with-tabs-wr .img-box{min-height:50rem}}@media (min-width: 990px){.image-with-tabs-wr{flex-direction:row;align-items:center;gap:4rem}.left-wr,.right-wr{flex:1}}@media screen and (max-width: 749px){.image-with-tabs-wr .content-wr .heading{margin-block:0 2rem}.image-with-tabs-wr .content-wr{padding:0}.image-with-tabs-wr .tabs-nav{gap:0;margin-bottom:2rem}.image-with-tabs-wr .tab-btn{display:inline-flex;padding:.5rem 1.5rem}.image-with-tabs-wr .button{margin-top:2rem}.image-with-tabs-wr .tab-image img{border-radius:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-with-tabs.css.map */