.image-with-faq{background:var(--bg-color)}.image-with-faq .image-with-faq-row{display:flex;gap:110px;align-items:center;flex-wrap:wrap}.image-with-faq .image-with-faq-row>div{width:calc(50% - 55px)}.image-with-faq .image-with-faq-row .media-block{display:flex;position:relative}.image-with-faq .image-with-faq-row .media-block img{height:100%;width:100%;object-fit:cover;border-radius:20px}.image-with-faq .sec-head{margin-bottom:40px}.image-with-faq .sec-head h2{margin-bottom:14px}.image-with-faq .image-with-faq-block+.image-with-faq-block{margin-top:10px}.image-with-faq .image-with-faq-block .faq-head{font-size:20px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.image-with-faq .image-with-faq-block .faq-head svg{flex-shrink:0;height:24px;width:24px}.image-with-faq .image-with-faq-block .faq-head svg path{transition:.2s}.image-with-faq .image-with-faq-block.active .faq-head svg path:first-child{opacity:0}.image-with-faq .image-with-faq-block .faq-content{padding:10px 0 20px;display:none}.image-with-faq .image-with-faq-row .media-block:before{content:"";position:absolute;width:150px;height:145px;background-repeat:no-repeat;background-size:contain;top:-50px;left:-65px;z-index:1}@media screen and (max-width:1200px){.image-with-faq .image-with-faq-row{gap:70px}.image-with-faq .image-with-faq-row>div{width:calc(50% - 35px)}}@media screen and (max-width:989px){.image-with-faq .sec-head{margin-bottom:40px}.image-with-faq .image-with-faq-row{gap:40px}.image-with-faq .image-with-faq-row>div{width:calc(50% - 20px)}.image-with-faq .image-with-faq-block .faq-head{font-size:18px}}@media screen and (max-width:749px){.image-with-faq .image-with-faq-row{gap:25px}.image-with-faq .image-with-faq-row>div{width:100%}.image-with-faq .sec-head{margin-bottom:20px}.image-with-faq .image-with-faq-block .faq-head{font-size:16px;padding:5px 0}.image-with-faq .image-with-faq-block .faq-head svg{height:20px;width:20px}.image-with-faq .image-with-faq-row .media-block img{border-radius:10px}.image-with-faq .image-with-faq-row .media-block:before{width:90px;height:90px;top:-25px;left:-15px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/section-image-with-faq.css.map */