.image-with-content-item .mage-with-content__media{background:transparent;position:relative;padding-top:68%;border-top:1rem;overflow:hidden}.image-with-content-item .mage-with-content__media svg.placeholder-svg,.image-with-content-item .mage-with-content__media img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.mage-with-content__text-item{padding-top:3rem}.mage-with-content__text-item h3{font-size:3rem;line-height:1.2;margin:0;font-family:Montserrat-semi-bold;letter-spacing:0;color:#000;text-transform:capitalize}.mage-with-content__text-item .text{padding-top:2rem}.mage-with-content__text-item .text p{margin:0}.mage-with-content__text-item .text{padding-top:2rem;font-size:2rem;line-height:1.4;color:#000}.image-with-content-header{margin-bottom:4rem;display:grid;align-items:center;grid-template-columns:1fr auto;gap:1rem}.image-with-content-header h2.heading{display:block;margin:0;line-height:1.2;letter-spacing:0px;font-family:Montserrat-semi-bold}.image-with-content-header .custom-btn>*{position:unset;width:5.6rem;height:5.6rem;background:#dbdbdb80;opacity:1;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;transition:all .3s;margin:0;z-index:1;background:#000}.image-with-content-header .custom-btn>*.swiper-button-disabled{opacity:.35}.image-with-content-header .custom-btn>*:after{content:none}.image-with-content-header .custom-btn>* svg{width:21px;height:21px;fill:#fff}.image-with-content-header .custom-btn{display:flex;gap:1.5rem;align-items:center}.image-with-content-body{--side-space: calc((100% - var(--page-width) + 4rem)/2)}.image-with-content-slider{padding:0 var(--side-space)}.image-with-content-slider .swiper-slide{height:auto}@media (max-width:1650px){.image-with-content-slider{padding:0 2rem}}@media (max-width:989px){.mage-with-content__text-item h3{font-size:1.8rem}.mage-with-content__text-item .text{padding-top:1rem;font-size:1.6rem}.mage-with-content__text-item{padding-top:1.5rem}}@media (max-width:749px){.image-with-content-header .custom-btn>*{width:4.5rem;height:4.5rem}.image-with-content-header{margin-bottom:2rem}.image-with-content-header .custom-btn{gap:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/image-with-content.css.map */