.section-content-with-video{min-height:700px}.section-content-with-video .container{position:relative;flex-flow:column;display:flex;max-width:calc(var(--container-width) - 30px)}@media screen and (min-width: 1024px){.section-content-with-video .container{flex-flow:wrap;justify-content:flex-end}}.section-content-with-video .content-wrapper{z-index:1}@media screen and (min-width: 1024px){.section-content-with-video .content-wrapper{margin-top:30px;max-width:610px}}.section-content-with-video .content-wrapper .content-block{background-color:var(--color-white);padding:20px;box-shadow:2px 2px 50px #bcbcbc40}@media screen and (min-width: 990px){.section-content-with-video .content-wrapper .content-block{padding:40px}}.section-content-with-video .content-wrapper .content-block__suptitle{color:var(--color-darkgrey);display:block;font-size:15px;margin:0 0 8px;line-height:1.2}@media screen and (min-width: 990px){.section-content-with-video .content-wrapper .content-block__suptitle{font-size:16px}}.section-content-with-video .content-wrapper h2{color:var(--color-green);margin:0 0 20px}.section-content-with-video .content-wrapper .content-block__text{margin:0 0 18px}.section-content-with-video .content-wrapper .content-block__text p{font-weight:300;font-size:16px;line-height:32px;letter-spacing:0;margin:0 0 15px;color:var(--color-black)}.section-content-with-video .content-wrapper .content-block__text p strong{font-weight:500}.section-content-with-video .content-wrapper .button{width:100%}@media screen and (min-width: 990px){.section-content-with-video .content-wrapper .button{width:auto}}.section-content-with-video .content-blocks{margin-top:24px;display:flex;justify-content:space-between;gap:20px}@media screen and (min-width: 1024px){.section-content-with-video .content-blocks{justify-content:flex-end;margin-right:20px;margin-top:25px}}@media screen and (min-width: 1280px){.section-content-with-video .content-blocks{gap:120px}}.section-content-with-video .content-blocks .content-blocks__item{font-family:var(--font-sora);display:flex;flex-flow:column;align-items:center;text-align:center;color:var(--color-brown)}.section-content-with-video .content-blocks .content-blocks__item .number-block{display:block;font-size:24px;letter-spacing:0}@media screen and (min-width: 990px){.section-content-with-video .content-blocks .content-blocks__item .number-block{font-size:28px}}.section-content-with-video .content-blocks .content-blocks__item .text-block{font-size:16px;letter-spacing:0}@media screen and (min-width: 990px){.section-content-with-video .content-blocks .content-blocks__item .text-block{font-size:18px}}.section--with-video .video-wrapper{width:100%;margin-bottom:24px;height:320px}@media screen and (min-width: 640px){.section--with-video .video-wrapper{height:460px}}@media screen and (min-width: 1024px){.section--with-video .video-wrapper{position:absolute;top:0;left:0;width:60%;margin:0;height:586px}}@media screen and (min-width: 1280px){.section--with-video .video-wrapper{width:710px;z-index:1}}.section--with-video .video-js{background-color:#000;position:relative;overflow:hidden;height:100%!important}.section--with-video .video-content video{opacity:0;visibility:hidden;transition:all .5s linear}.section--with-video .video-content video.active{opacity:1;visibility:visible}.section--with-video .play-button{font-family:Inter;position:absolute;bottom:0;left:0;right:0;z-index:2;background-color:var(--color-white);cursor:pointer;border:none;box-shadow:none;width:157px;height:56px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;line-height:40px;font-weight:600;color:var(--color-black);transition:color .3s ease-in-out}.section--with-video .play-button:hover{color:var(--color-brown)}.section--with-video .play-button:hover svg path{fill:var(--color-brown)}@media screen and (min-width: 990px){.section--with-video .play-button{height:84px;width:200px;gap:10px;font-size:18px}}.section--with-video .play-button svg{width:25px}.section--with-video .play-button svg path{transition:fill .3s ease-in-out}@media screen and (min-width: 990px){.section--with-video .play-button svg{width:auto}}.section--with-video .video-preloader{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity:1;transition:all .3s linear;cursor:pointer}.section--with-video .video-preloader.hidden{opacity:0;visibility:hidden}.section--with-video .video-preloader img{display:block;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-content-with-video.css.map */
