.section.car-detail-banner-container {
  height: calc(100vh - var(--nav-height));
  max-height: 1024px;

  /* @supports (height: 100dvh) {
    height: calc(100dvh - var(--nav-height));
  } */
  &[data-aue-model] {
    height: auto;
  }
  @media (width >= 1920px) {
    max-height: none;
  }
}

.car-detail-banner-wrapper,
.car-detail-banner,
.car-detail-banner__container {
  height: 100%;
}

.car-detail-banner__container .vjs-modal-dialog-content {
  display: none;
}
.car-detail-banner-wrapper .car-detail-banner {
  position: relative;

  .bottom-outer-container {
    padding-left: 20px;
    width: calc(100% - 20px);

    @media (width >=768px) {
      padding-left: 56px;
    }
  }
}

.car-detail-banner-wrapper .car-detail-banner__container {
  overflow: hidden;
  video,
  img {
    height: 100%;
    object-fit: cover;

    &[src=""] {
      display: none;
    }
  }

  video {
    position: absolute;
    top: 0;
  }

  img {
    width: 100%;
  }

  .poster-video {
    height: 100%;
  }
}

.car-detail-banner-wrapper .banner-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.car-detail-banner-wrapper .banner-overlay .container {
  display: flex;
  flex-direction: column;
  height: 100%;

  &::after {
    content: '';
    position: absolute;
    inset: 0 0 0 0;
    height: 303px;
    background: linear-gradient(180deg, rgba(1, 4, 75, 0.5) 0%, rgba(1, 4, 75, 0) 100%);
  }
}
.bg-gradient-bottom {
  &::before {
    content: '';
    position: absolute;
    height: 225px;
    background: linear-gradient(180deg, rgba(1, 4, 75, 0.5) 0%, rgba(29, 29, 29, 0) 100%);
    width: 600px;
    left: -75%;
    transform: rotate(-90deg);
    top: 60px;
  }
}

.car-detail-banner-wrapper .car-detail-banner .banner-content {
  width: 100%;
  top: 0;
  z-index: 10;
  padding-top: 40px;
  min-height: 146px;
  @media (width >=1024px) {
    min-height: 122px;
  }
}

.car-detail-banner-wrapper .car-detail-banner .banner-content .pre-title {
  color: var(--tertiary-white);
  font-family: var(--body-font-arena);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--fw-500);
  line-height: 1rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  margin: 0;
}

.car-detail-banner-wrapper .car-detail-banner .banner-content .ex-showroom-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  gap: 8px;
  padding-top: 32px;
}
.car-detail-banner-wrapper .car-detail-banner .bottom-container .car-hero-banner-spec {
  display: flex;

  .car-hero-banner-spec-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;

    &::after {
      content: '';
      width: 0.889px;
      height: 2rem;
      position: absolute;
      top: 0;
      left: 100%;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 50.5%, rgba(255, 255, 255, 0) 100%);
    }
    &:last-child {
      &::after {
        content: '';
        background: none;
      }
      .spec-value,
      .spec-label {
        margin-right: 0;
      }
    }
    &:first-child {
      .spec-value,
      .spec-label {
        margin-left: 0;
      }
    }
    .spec-value {
      color: var(--tertiary-white);
      font-family: var(--body-font-arena);
      font-size: 0.75rem;
      font-style: normal;
      font-weight: 500;
      line-height: 1rem;
      margin-right: 16px;
      margin-left: 16px;
    }

    .spec-label {
      color: var(--tertiary-white);
      font-family: var(--body-font-arena);
      font-size: 0.625rem;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      margin-right: 16px;
      margin-left: 16px;
    }
  }
}
.car-detail-banner-wrapper .car-detail-banner .bottom-container .banner-caption p {
  display: none;
}

.car-detail-banner-wrapper .car-detail-banner .bottom-container .banner-caption p strong {
  display: none;
}

.car-detail-banner-wrapper .car-detail-banner .banner-content .logo-image {
  align-items: center;
  display: flex;
  width: 205px;
  padding: 0;
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
}

.car-detail-banner-wrapper .car-detail-banner .banner-content .logo-image img {
  width: 100%;
  object-fit: contain;
}

.car-detail-banner-wrapper .car-detail-banner .ex-showroom-details .ex-showroom-text p {
  color: var(--tertiary-white);
  font-family: var(--body-font-arena);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--fw-300);
  line-height: 1rem;
  margin: 0;

  @media (width >= 1024px) {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-400);
  }
}

.car-detail-banner-wrapper .car-detail-banner .ex-showroom-details .ex-showroom-price {
  color: var(--tertiary-white);
  font-family: var(--body-font-arena);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-400);
  line-height: 1.25rem;
}

.car-detail-banner-wrapper .car-detail-banner .banner-cta {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 16px;
  justify-content: center;
  padding-bottom: 66px;
  padding-left: 20px;
  padding-right: 20px;
  flex-direction: row;

  a {
    width: 100%;
  }
  .button {
    padding: 8px;
    @media (width >= 448) {
      padding: 8px 16px;
    }
  }
  .brochure-dropdown {
    width: 100%;
    border: 1px solid var(--secondary-white);
    summary {
      gap: 10px;
      border: none;
    }
    ul {
      top : unset;
      bottom : 100%;
      @media (width >=1024px) {
        top : 100%;
        bottom: unset;
      }
    }
  }
}
.car-detail-banner-wrapper .car-detail-banner .banner-cta:has(.brochure-dropdown) {
  padding-bottom: 56px;
}
.car-detail-banner-wrapper .car-detail-banner .term-condition {
  padding-top: 24px;
  padding-bottom: 24px;
  position: absolute;
  line-height: 1rem;
  width: fit-content;
  left: 20px;
  bottom: 0;

  @media (width >=1024px) {
    width: 100%;
  }

  span {
    color: var(--secondary-gray-10);
    font-family: Roboto, sans-serif;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1rem;
  }

  .term-condition-text {
    color: var(--secondary-gray-10);
    font-family: var(--body-font-arena);
    font-size: 0.75rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    cursor: pointer;
  }
}

.termsConditionPopup {
  display: none;
  width: 206px;
  padding: 8px 12px;
  background: var(--secondary-main);
  box-shadow: 0px 2px 7px 0px var(--secondary-black);
  position: absolute;
  bottom: 68px;
  left: 0;
  right: 0;
  z-index: 11111;
  color: var(--tertiary-white);
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;

  @media (width >=1024px) {
    width: 231px;
    right: 4px;
    left: auto;
    bottom: 58px;
  }

  &.showTermsPopup {
    display: block !important;
    z-index: 16;
  }

  * {
    color: var(--tertiary-white);
    font-family: var(--body-font-family);
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1rem;
    margin-top: 0;
  }

  &::after {
    content: '';
    background-image: url('/icons/tandcpopup_arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    bottom: -17px;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 18px;

    @media (width >=1024px) {
      left: auto;
      right: 35%;
    }
  }
}
.car-detail-banner-wrapper .car-detail-banner .banner-cta .button.button-primary-white {
  color: var(--text-color);
}

.car-detail-banner-wrapper .car-detail-banner .banner-cta .button.button-primary-white:hover {
  color: var(--text-color);
}

.car-detail-banner-wrapper .car-detail-banner .bottom-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 37px;
  margin-top: 30px;
}

.car-detail-banner-wrapper .video-config-section .dot-progress-bar {
  display: none;
}

.car-detail-banner-wrapper .car-detail-banner__container .hero-banner-carousel__container {
  height: 100%;
  .fade-carousel__wrapper {
    height: 100%;
  }
}

.hero-banner-carousel__container .fade-carousel__wrapper .carousel__navigation {
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 8px;
  position: relative;
  z-index: 10;
  height: 54px;
}

.fade-carousel__wrapper .carousel__slides {
  position: relative;
  width: 100%;
  height: 100%;
}

.fade-carousel__wrapper .carousel__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: visibility 0s, opacity 0.5s linear;
}

.fade-carousel__wrapper .carousel__slide--active {
  position: relative;
  visibility: visible;
  opacity: 1;
}

.fade-carousel__wrapper .carousel__prev,
.fade-carousel__wrapper .carousel__next {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.fade-carousel__wrapper .carousel__navigation .carousel__nav--disabled {
  opacity: 0.4;
}

.hero-banner-carousel__container[data-item-length='1'] {
  .carousel__navigation {
    display: none;
  }
}

.fade-carousel__wrapper .carousel__prev::after {
  content: '';
  display: inline-block;
  background-image: url('/icons/arrow-left.svg');
  height: 24px;
  width: 24px;
}

.fade-carousel__wrapper .carousel__next::after {
  content: '';
  display: inline-block;
  background-image: url(/icons/arrow-right.svg);
  height: 24px;
  width: 24px;
}

.fade-carousel__wrapper .carousel__dots {
  padding: 8px 0 44px 0;
}

.fade-carousel__wrapper .carousel__dots ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.fade-carousel__wrapper .carousel__dot {
  visibility: visible;
  display: inline-block;
  height: 2px;
  width: 100%;
  position: relative;
  z-index: 11;
  background: var(--slider-bg);
}

.fade-carousel__wrapper .carousel__dots.carousel__dot--active {
  visibility: visible;
  display: block;
}

.fade-carousel__wrapper .carousel__dot.carousel__dot--active.non-video-active-slide {
  height: 0.375rem;
  background-color: var(--tertiary-white);
  opacity: 1;
  width: auto;
  transition: background 0.1s linear;
}

.fade-carousel__wrapper .carousel__dot.carousel__dot--active .dot-progress-bar {
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  width: 100%;
  height: 0;
  background-color: var(--shimmer-gray);
}

.fade-carousel__wrapper .carousel__dot.carousel__dot--active .dot-progress-bar .dot-progress-fill {
  width: 0;
  height: 0.125rem;
  top: 2px;
  background-color: var(--secondary-gray-10);
  transition: width 0.3s linear;
  position: relative;
}

.carousel__navigation .carousel__counter {
  color: var(--tertiary-white);
  text-align: center;
  font-family: var(--body-font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 65px;
  width: 66px;
}

.carousel__navigation .carousel__counter .carousel__totalslide {
  font-size: var(--heading-font-11-mob-text-small);
  line-height: var(--heading-font-8-mob);

  @media (width >= 1024px) {
    font-size: var(--heading-font-0-desc);
    line-height: var(--heading-font-7-des);
  }
}

.carousel__ctrl {
  width: 100%;
  position: absolute;
  bottom: 95px;
  z-index: 14;
}

.carousel__ctrl .container {
  display: flex;
  flex-direction: column-reverse;
  padding-right: 18px;
  padding-left: 22px;
}

.hero-banner-carousel__container .mute-button {
  position: absolute;
  bottom: 155px;
  right: 20px;
  z-index: 15;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: 0.2px solid var(--tertiary-white);
  backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.2) url('/icons/volume-off-icon.svg') no-repeat center / 16px;
  padding: 8px;
  @media (width >=1024px) {
    width: 32px;
    height: 32px;
    bottom: 120px;
    right: 62px;
    opacity: 0.7;
    background-size: 22px;
  }
}

.car-detail-banner-wrapper .video-teaser-unmute {
  background-image: url(/icons/volume_up.png);
}

@media (width >=768px) {
  .car-detail-banner-wrapper .car-detail-banner{
   .bottom-banner-container {
     flex-direction: column;
     width: 320px;
   }

   .bottom-container {
     width: 320px;
   }
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-overlay {
    background: linear-gradient(266deg, rgba(73, 106, 142, 0) 10.09%, rgba(73, 106, 142, 0.4) 90.57%);
  }

  .car-detail-banner-wrapper .banner-overlay .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-width: 100%;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content .pre-title {
    font-size: 1rem;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .car-detail-banner-wrapper .car-detail-banner .bottom-container .banner-caption p {
    display: none;
  }

  .car-detail-banner-wrapper .car-detail-banner .bottom-container .banner-caption p strong {
    display: none;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content .logo-image {
    display: flex;
    align-items: flex-start;
    width: 300px;
    position: relative;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content .ex-showroom-details {
    display: flex;
    min-height: 25px;
    padding-top: 24px;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content .ex-showroom-text {
    line-height: 1.66rem;
    font-size: 0.83rem;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content .ex-showroom-price {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-cta {
    width: 100%;
    position: static;
    justify-content: left;
    padding-left: 0;
  }

  .car-detail-banner-wrapper .car-detail-banner .term-condition {
    left: 56px;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-cta .button.button-primary-white:hover {
    color: var(--tertiary-white);
  }

  .car-detail-banner-wrapper .video-config-section {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
    z-index: 1;
  }

  .car-detail-banner-wrapper .video-config-section .dot-progress-bar {
    background: var(--light-grey-shade-3);
    cursor: pointer;
    height: 2px;
    display: none;
  }

  .car-detail-banner-wrapper .video-config-section .dot-progress-fill {
    height: 2px;
    background: var(--tertiary-white);
    width: 0;
  }

  .car-detail-banner-wrapper .car-detail-banner .pre-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .carousel__ctrl {
    width: 100%;
    position: absolute;
    bottom: 144px;
  }

  .carousel__ctrl .container {
    width: 100%;
    padding: 0 56px;
  }

  .fade-carousel__wrapper .carousel__dots {
    flex-grow: 1;
  }

  .fade-carousel__wrapper .carousel__dot {
    height: 2px;
    width: auto;
    flex-grow: 1;
    background-color: rgba(255, 255, 255, 0.3);
  }

  .carousel__dots ul {
    display: flex;
  }

}

@media (width >=1024px) {
   .car-detail-banner-wrapper .car-detail-banner .banner-content .ex-showroom-details {
    backdrop-filter: blur(2px);
    margin-top: 2px;
    padding-top: 21px;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content {
    justify-content: end;
    padding-top: 0;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content .logo-image {
    padding: 0;
    margin: 16px 0 24px;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content .logo-image::after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 0;
    height: 1px;
    width: 295px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 50%, rgba(255, 255, 255, 0) 100%);
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-content .ex-showroom-price {
    padding-top: 0px;
  }

  .car-detail-banner-wrapper .car-detail-banner .banner-cta {
    flex-direction: row;
    width: fit-content;
    padding-top: 36px;
    padding-left: 0;

    .button {
      display: inline-flex;
      padding: 12px 16px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      font-size: 1rem;
      line-height: 1.125rem;
      min-height: 40px;
      z-index: 2;
      white-space: nowrap;
    }
  }

  .car-detail-banner-wrapper .car-detail-banner .bottom-banner-container {
    flex-direction: column-reverse;
    width: 100%;
    height: calc(100vh - var(--nav-height));

    @supports (height: 100dvh) {
      height: calc(100dvh - var(--nav-height));
    }

    justify-content: space-between;
    align-content: space-between;
    padding-top: 22px;
  }

  .car-detail-banner-wrapper .video-config-section .dot-progress-bar {
    width: 100%;
    max-width: 356px;
    margin-right: 16px;
    background-color: var(--light-grey-shade-3);
    cursor: pointer;
    height: 2px;
    display: block;
  }

  .car-detail-banner-wrapper .car-detail-banner .pre-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .car-detail-banner-wrapper .car-detail-banner .ex-showroom-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .car-detail-banner-wrapper .car-detail-banner .ex-showroom-price {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .car-detail-banner-wrapper .car-detail-banner .term-condition {
    display: flex;
    justify-content: flex-end;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-right: 56px;
    padding-bottom: 16px;
    position: absolute;
    left: 0px;
  }
/*
  .car-detail-banner-wrapper .mute-button,
  .car-detail-banner-wrapper .video-teaser-mute {
    width: 32px;
    height: 32px;
    padding: 4.7px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none"><mask id="mask0_53_125" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23ffffff"/></mask><g mask="url(%23mask0_53_125)"><path d="M19.473 22.1385L16.4578 19.123C16.1116 19.3448 15.7469 19.5371 15.3635 19.7C14.9802 19.8628 14.5834 19.9993 14.173 20.1095V18.5595C14.3872 18.4826 14.5955 18.4041 14.798 18.324C15.0007 18.2438 15.1924 18.1486 15.373 18.0385L11.7885 14.4537V18.7882L7.50003 14.5H3.78853V9.49998H6.83478L1.99628 4.66148L3.05003 3.60773L20.5268 21.0845L19.473 22.1385ZM18.9845 16.7327L17.9095 15.6577C18.257 15.1154 18.5224 14.5336 18.7058 13.9125C18.8891 13.2913 18.9808 12.6455 18.9808 11.975C18.9808 10.4596 18.5401 9.09814 17.6588 7.89048C16.7773 6.68264 15.6154 5.84931 14.173 5.39048V3.84048C16.041 4.33914 17.5593 5.33848 18.7278 6.83848C19.8964 8.33848 20.4808 10.0506 20.4808 11.975C20.4808 12.852 20.3504 13.694 20.0895 14.501C19.8285 15.308 19.4602 16.0519 18.9845 16.7327ZM15.923 13.6712L14.173 11.9212V8.29623C14.8474 8.66289 15.3685 9.17923 15.7365 9.84523C16.1045 10.5112 16.2885 11.2295 16.2885 12C16.2885 12.2948 16.258 12.5823 16.197 12.8625C16.1362 13.1426 16.0449 13.4122 15.923 13.6712ZM11.7885 9.53648L9.63078 7.36923L11.7885 5.21173V9.53648ZM10.2885 15.15V12.9537L8.33478 11H5.28853V13H8.13853L10.2885 15.15Z" fill="white"/></g></svg>');
  } */

  .car-detail-banner-wrapper .mute-button.video-teaser-unmute {
    background-image: url('/icons/volume_up.png');
  }

  .fade-carousel__wrapper .carousel__dots {
    padding-bottom: 5px;
  }

  .carousel__ctrl {
    padding-bottom: 0;
    bottom: 40px;
  }

  .carousel__ctrl .container{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 174px;
  }

  .fade-carousel__wrapper .carousel__dots ul {
    gap: 24px;
    flex-direction: row;
  }

  .carousel__navigation .carousel__counter {
    line-height: 2.5rem;
  }

  .car-detail-banner-wrapper .car-detail-banner .bottom-container {
    padding-left: 57px;
    padding-right: 57px;
    padding-bottom: 0;
    width: 100%;
  }

  .car-detail-banner-wrapper .car-detail-banner .bottom-container .car-hero-banner-spec {
    & .car-hero-banner-spec-container .spec-value {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

    .spec-label {
      font-size: 0.83px;
      line-height: 1.25rem;
    }
  }

  .car-detail-banner-wrapper .banner-overlay .container {
    justify-content: center;
    position: absolute;
  }
}

@media (width >=1920px) {
  .car-detail-banner-wrapper .car-detail-banner .pre-title {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}


.car-detail-banner-wrapper #hdToggleWrapper {
  position: absolute;
  z-index: 11;
  background: var(--tertiary-white);
  border-radius: 20px;
  right: 24px;
  top: 32px;
}

.car-detail-banner-wrapper #hdToggleWrapper input {
  display: none;
}

.car-detail-banner-wrapper #hdToggleWrapper input + .toggle-label .toggle-on,
.car-detail-banner-wrapper #hdToggleWrapper input:checked + .toggle-label .toggle-circle {
  display: none;
}
.car-detail-banner-wrapper #hdToggleWrapper input + .toggle-label .toggle-circle,
.car-detail-banner-wrapper #hdToggleWrapper input:checked + .toggle-label .toggle-on {
  display: block;
}

.car-detail-banner #hdToggleWrapper .toggle-label {
  display: flex;
    padding: 3px;
    font-size: 10px;
    align-items: center;
    gap: 4px;
    margin: 0;
}

.car-detail-banner #hdToggleWrapper  .toggle-circle {
  width: 12px;
  height: 12px;

  svg {
    width: .75rem;
    height: .75rem;
  }
}
.car-detail-banner-wrapper {
  .video-js .vjs-modal-dialog {
    background: none;
  }
  .vjs-text-track-display {
    display: none;
  }

  @media (width <768px) {
    .bottom-outer-container {
      min-height: 246px;
    }
    .banner-content {
      min-height: 146px;
    }
  }
}

html:has(meta[name="car-model-name"][content="victoris"]) {
  .car-detail-banner-wrapper {
    .car-detail-banner {
      .banner-content{
        .logo-image{
          width: 300px;

          img {
            height: 50px;
            object-fit: unset;
          }
        }
      }
    }
  }
}

.carousel__slide,
.carousel__slide video {
  height: 100%;
}