.video-with-text .video-with-text-row{display:flex;flex-wrap:wrap;gap:30px}.video-with-text .content-block{width:calc(50% - 15px)}.video-with-text .content-block .block-head{font-size:32px;line-height:normal;font-weight:var(--font-heading-weight);margin:0 0 30px}.video-with-text .content-block .block-head span{color:var(--main-primary-color);font-size:44px;line-height:50px;display:block}.video-with-text .content-block .step-block-wrap{display:flex;flex-direction:column;gap:30px;margin-bottom:45px}.video-with-text .content-block .step-block{display:flex;gap:15px}.video-with-text .content-block .step-block .index{flex-shrink:0;height:40px;width:40px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:var(--font-heading-weight);border:2px solid var(--main-primary-color);color:var(--main-primary-color)}.video-with-text .content-block .step-block .text{font-size:20px;font-weight:var(--font-heading-weight);align-self:center;margin:0}.video-with-text .video-block{width:calc(50% - 15px);position:relative;overflow:hidden;padding-top:30%;border-radius:20px}.video-with-text .video-block .video-poster{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.video-with-text .video-block iframe{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;visibility:hidden;transition:.8s}.video-with-text .video-block .video-icon{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.video-with-text .video-block .video-icon svg{height:70px;width:70px}.video-with-text .video-block.active .video-icon{opacity:0}.video-with-text .video-block.active iframe{opacity:1;visibility:visible}@media screen and (max-width: 1200px){.video-with-text .content-block .block-head{font-size:26px}.video-with-text .content-block .block-head span{font-size:32px;line-height:37px}.video-with-text .content-block .step-block-wrap{margin-bottom:25px;gap:15px}.video-with-text .content-block .step-block .index{height:30px;width:30px;border-radius:30px}.video-with-text .content-block .step-block .text{font-size:16px}}@media screen and (max-width: 749px){.video-with-text .video-with-text-row{flex-direction:column-reverse}.video-with-text .content-block{width:100%}.video-with-text .video-block{width:100%;padding-top:72%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-video-with-text.css.map */