/** Shopify CDN: Minification failed

Line 42:12 Expected identifier but found whitespace
Line 42:14 Unexpected "{"
Line 42:23 Expected ":"
Line 51:15 Expected identifier but found whitespace
Line 51:17 Unexpected "{"
Line 51:26 Expected ":"
Line 58:17 Expected identifier but found whitespace
Line 58:19 Unexpected "{"
Line 58:28 Expected ":"
Line 58:203 Expected identifier but found "%"

**/
.video-text-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}
.video-with-text .video-section__media{
  padding-bottom: 60%;
  border: none;
}
.video-with-text .video-section__poster{
  border: 10px solid #2D2B29;
  border-radius: 4px;
}
.video-container {
  flex: 1;
  min-width: 300px;
}
.text-container h2{
    margin: 0 0 20px;
    font-size: 40px;
    line-height: 1;
    color: #fff;
}
.video-container {
  position: relative;
  width: 100%;
  max-width: {{ section.settings.video_width | default: '100%' }};
  margin: 0 auto;
  overflow: hidden;
}

.video-container iframe,
.video-container video {
  width: 100%;
  height: auto;
  aspect-ratio: {{ section.settings.aspect_ratio | default: '16 / 9' }};
  display: block;
}

.video-container .video-poster {
  width: 100%;
  height: 0;
  padding-bottom: {{ section.settings.aspect_ratio | default: '16 / 9' | split: '/' | last | times: 100 | divided_by: section.settings.aspect_ratio | default: '16 / 9' | split: '/' | first | to_number }}%;
}
.image-with-text__text p strong{
  font-size: 22px;
  line-height: 1.2;
  color: #fff;
  margin: 24px 0 20px;
  display: block;
}
.video-container iframe,
.video-container video {
  width: 100%;
  aspect-ratio: 11 / 9;
  border-radius: 8px;
}
.text-container {
  flex: 1;
  min-width: 300px;
}
.video-left .video-container {
  order: 1;
}
.video-left .text-container {
  order: 2;
}
.video-right .video-container {
  order: 2;
}
.video-right .text-container {
  order: 1;
}
.image-with-text__media img{
  border-radius: 4px;
}
.image-with-text__text p{
  color:#B4B4B8;
}
@media (max-width: 768px) {
    .text-container h2{
        font-size: 32px;
    }
    .video-text-wrapper {
        gap: 20px;
    }
    .text-container h2{
        margin: 0 0 25px;
    }
    .video-container{
        min-width: 100%;
    }
    .video-left .video-container,
    .video-right .video-container,
    .video-left .text-container,
    .video-right .text-container {
        order: 0;
    }
}
@media (max-width:1024px){
  .video-text-wrapper {
      flex-direction: column;
  }
}
@media (min-width:1024px) and (max-width: 1200px) {
  .video-with-text .video-section__media{
    padding-bottom: 80%;
  }
}