.text-with-image {
  padding: 3.7rem 0;
}

@media (min-width: 992px) {
  .text-with-image {
    padding: 4.1rem 0;
    margin-bottom: 8rem;
  }
}

@media (max-width: 767.98px) {
  .text-with-image__image {
    margin: 0 -1.5rem 2.2rem;
  }
}

@media (min-width: 992px) {

  .text-with-image__text {
    -ms-flex-preferred-size: 37%;
    flex-basis: 37%;
    padding-right: 7%;
  }


  :where(.right--padd) .text-with-image__text {
    -ms-flex-preferred-size: 37%;
    flex-basis: 37%;
    padding-right: 0%;
    padding-left: 7%;

  }

}

@media (min-width: 1600px) {
  .text-with-image__text {
    -ms-flex-preferred-size: 37%;
    flex-basis: 37%;
    padding: 0 100px 3px 6px;
  }
}

.text-with-image__title {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .text-with-image__title {
    margin-bottom: 1.3rem;
  }
}

@media (max-width: 991.98px) {
  .text-with-image__title {
    font-size: 4.8rem;
  }
}

.text-with-image__body-text {
  font-size: 1.6rem;
  line-height: 1.75;
  padding-bottom: 3.1rem;
  font-weight: 300;
}

@media (min-width: 992px) {
  .text-with-image__body-text {
    font-size: 1.8rem;
    line-height: 1.7778;
    padding-bottom: 2.2rem;
  }
}

.text-with-image__body-text p {
  margin-bottom: 0;
}

@media (min-width: 992px) {

  .text-with-image__image,
  .text-with-image .video-frame {
    margin-right: calc((-100dvw + (var(--container-width-lg) - 3rem)) / 2);
    -ms-flex-preferred-size: calc(63% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
    flex-basis: calc(63% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
  }
}

@media (min-width: 1200px) {

  .text-with-image__image,
  .text-with-image .video-frame {
    margin-right: calc((-100dvw + (var(--container-width-xl) - 3rem)) / 2);
    -ms-flex-preferred-size: calc(63% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
    flex-basis: calc(63% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
  }
}

@media (min-width: 1400px) {

  .text-with-image__image,
  .text-with-image .video-frame {
    margin-right: calc((-100dvw + (var(--container-width-xxl) - 3rem)) / 2);
    -ms-flex-preferred-size: calc(63% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
    flex-basis: calc(63% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
  }
}

@media (min-width: 1600px) {

  .text-with-image__image,
  .text-with-image .video-frame {
    margin-right: calc((-100dvw + (var(--container-width-xxxl) - 3rem)) / 2);
    -ms-flex-preferred-size: calc(63% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
    flex-basis: calc(63% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
  }
}

@media (min-width: 992px) {

  .text-with-image__image-1000,
  .text-with-image .video-frame-1000 {
    margin-right: calc((-100dvw + (var(--container-width-lg) - 3rem)) / 2);
    -ms-flex-preferred-size: calc(52.645% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
    flex-basis: calc(52.645% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
  }
}

@media (min-width: 1200px) {

  .text-with-image__image-1000,
  .text-with-image .video-frame-1000 {
    margin-right: calc((-100dvw + (var(--container-width-xl) - 3rem)) / 2);
    -ms-flex-preferred-size: calc(52.645% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
    flex-basis: calc(52.645% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
  }
}

@media (min-width: 1400px) {

  .text-with-image__image-1000,
  .text-with-image .video-frame-1000 {
    margin-right: calc((-100dvw + (var(--container-width-xxl) - 3rem)) / 2);
    -ms-flex-preferred-size: calc(52.645% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
    flex-basis: calc(52.645% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
  }
}

@media (min-width: 1600px) {

  .text-with-image__image-1000,
  .text-with-image .video-frame-1000 {
    margin-right: calc((-100dvw + (var(--container-width-xxxl) - 3rem)) / 2);
    -ms-flex-preferred-size: calc(52.645% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
    flex-basis: calc(52.645% + (100dvw - (var(--container-width-xxxl) - 3rem)) / 2);
  }
}

.text-with-image .video-frame {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-with-image .video-frame iframe {
  aspect-ratio: 1;
}

.anim-t-top {
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.anim-t-left {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  opacity: 0;
}