/* bannerVideoSec */
.bannerVideoSec {
  min-height: var(--banner-min-height, 706px);
  position: relative;
  display: flex;
  align-items: center;
}
/* .bannerVideoSec::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    269.98deg,
    rgba(62, 81, 68, 0) 24.91%,
    var(--secondaryBrand) 67.35%
  );
  z-index: 2;
} */
.bannerVideoSec > img,
.bannerVideoSec > .bannerVideoSec__image,
.bannerVideoSec > video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
  z-index: 1;
  display: block;
}
.bannerVideoSec__image--mobile {
  display: none !important;
}
.bannerVideoSec .innerCN {
  width: 672px;
  max-width: 100%;
  position: relative;
  z-index: 4;
  color: var(--white);
}
.bannerVideoSec .headingXXL {
  margin-bottom: 24px;
}
.bannerVideoSec .paragraphL {
  color: var(--neutral);
  width: 564px;
  max-width: 100%;
}
.bannerVideoSec .buttonsWrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
}
/* bannerVideoSec end */
@media (max-width: 1199px) {
  /* bannerVideoSec */
  .bannerVideoSec {
    min-height: var(--banner-min-height-tablet, 490px);
  }
  .bannerVideoSec::before {
    background: linear-gradient(
      269.98deg,
      rgba(62, 81, 68, 0) 2.91%,
      var(--secondaryBrand) 56.35%
    );
  }
  /* bannerVideoSec end */
}
@media (max-width: 1024px) {
  .bannerVideoSec.sectionPaddingSmall {
    padding: 56px 0px;
  }
}
@media (max-width: 767px) {
  /* bannerVideoSec */
  .bannerVideoSec {
    display: block;
    min-height: var(
      --banner-min-height-mobile,
      var(--banner-min-height-tablet, 490px)
    );
  }
  .bannerVideoSec.sectionPaddingSmall {
    padding: 0px 0px;
  }
  .bannerVideoSec .containerDS {
    padding: 56px 18px 56px 18px;
    position: relative;
    z-index: 4;
  }
  .bannerVideoSec .buttonsWrapper {
    margin-top: 32px;
    flex-wrap: wrap;
  }
  .bannerVideoSec > img,
  .bannerVideoSec > .bannerVideoSec__image,
  .bannerVideoSec > video {
    position: static;
    margin-top: -20px;
  }
  .bannerVideoSec__image--desktop {
    display: none !important;
  }
  .bannerVideoSec__image--mobile {
    display: block !important;
  }
  .bannerVideoSec::before {
    display: none;
  }
  .page-id-528 .bannerVideoSec .containerDS:before
  {
	height: calc(100% + 20px);
  }
  .bannerVideoSec .containerDS:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 110px);
    background: linear-gradient(
      360.98deg,
      rgba(62, 81, 68, 0) 0.91%,
      var(--secondaryBrand) 23.35%
    );
    z-index: 2;
  }
  /* bannerVideoSec end */
}
