@layer components {
  .page-banner__inner {
    min-height: 19.2rem;
  }
  @media (min-width: 768px) {
    .page-banner__inner {
      min-height: 30.4rem;
    }
  }
  @media (min-width: 992px) {
    .page-banner__inner {
      min-height: 36rem;
    }
  }
  .full-width-banner__image-wrapper {
    position: relative;
  }
  .full-width-banner__description {
    min-height: 20rem;
  }
  .full-width-banner__iframe iframe {
    width: 100%;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }
  @media (min-width: 768px) {
    .full-width-banner__image-wrapper {
      position: absolute;
      top: 0;
      inset-inline-start: 0;
    }
    .full-width-banner__image-wrapper::after {
      content: "";
      position: absolute;
      z-index: 1;
      background: var(--gradient-overlay-bottom);
      inset: 0;
    }
    .full-width-banner__description {
      min-height: 32.4rem;
    }
    .full-width-banner__iframe {
      position: absolute;
      top: 50%;
      inset-inline-start: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      width: 177.78vh;
    }
  }
  @media (min-width: 1200px) {
    .full-width-banner__description {
      min-height: 48rem;
    }
  }
  .tall-banner--center .breadcrumb__list {
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  .tall-banner--end .breadcrumb__list {
    justify-content: end;
  }
  @media (min-width: 768px) {
    .tall-banner__image-wrapper {
      position: absolute;
      top: 0;
      inset-inline: 0;
    }
    .tall-banner__image-wrapper::after {
      content: "";
      position: absolute;
      z-index: 1;
      background: var(--gradient-overlay-left);
      inset: 0;
    }
    .tall-banner__description {
      min-height: 52rem;
    }
    .tall-banner--center .tall-banner__image-wrapper::after {
      background: var(--dark-50);
    }
    .tall-banner--right .tall-banner__image-wrapper::after {
      background: var(--gradient-overlay-right);
    }
  }
  @media (min-width: 1200px) {
    .tall-banner__description {
/*       height: 80vh; */
      min-height: 64.6rem;
    }
  }
  @media (max-width: 767.98px) {
    .tall-banner__description {
      background-color: var(--primary-1-900);
    }
  }
  
   @media (max-width: 767.98px) {
  .tall-banner__image-wrapper img{
  min-height: 300px;
  }}
  
  @media (max-width: 767.98px) {
    .image-banner-page .container-fluid {
      padding: 0;
    }
    .image-banner-page .container-fluid > .row {
      margin: 0;
    }
    .image-banner-page .container-fluid > .row > div {
      padding: 0;
    }
    .image-banner-page__content {
      padding-inline: 2.8rem;
    }
  }
  @media (min-width: 768px) {
    .image-banner-page__background {
      height: 27.2rem;
    }
    .image-banner-page__content {
      margin-top: -6.4rem;
      z-index: 1;
    }
  }
  @media (min-width: 992px) {
    .image-banner-page__background {
      height: 48rem;
    }
    .image-banner-page__content {
      margin-top: -12rem;
    }
  }
  .page-banner-image__content-wrapper {
    padding: 0 2.8rem;
  }
  @media (min-width: 768px) {
    .page-banner-image__content-wrapper {
      padding: 0 5.6rem;
    }
  }
  @media (min-width: 992px) {
    .page-banner-image__content-wrapper {
      padding: 0;
    }
    .page-banner-image__image {
      min-height: 48rem;
    }
  }
  @media (max-width: 991.98px) {
    .page-banner-image > div {
      padding-top: 0;
    }
    .page-banner-image .container-fluid {
      padding: 0;
    }
    .page-banner-image .container-fluid > .row {
      margin: 0;
    }
    .page-banner-image .container-fluid > .row > div {
      padding: 0;
    }
    .page-banner-image__image {
      aspect-ratio: 16/9;
    }
  }
}