.image-component {
  width: 100%;
  margin: 0;
  position: relative;
}

.image-component .img-ratio-21-9 {
  aspect-ratio: 2.33333;
}

.image-component .img-ratio-16-3_7 {
  aspect-ratio: 4.32432;
}

.image-component .img-ratio-16-7 {
  aspect-ratio: 2.28571;
}

.image-component .img-ratio-16-9 {
  aspect-ratio: 1.77778;
}

.image-component .img-ratio-3-2 {
  aspect-ratio: 1.5;
}

.image-component .img-ratio-1-1 {
  aspect-ratio: 1;
}

.image-component .img-ratio-4-3 {
  aspect-ratio: 1.33333;
}

.image-component .img-ratio-4-5 {
  aspect-ratio: .8;
}

.image-component .img-ratio-5-4 {
  aspect-ratio: 1.25;
}

.image-component .img-ratio-3-4 {
  aspect-ratio: .75;
}

.image-component .img-ratio-2-3 {
  aspect-ratio: .666667;
}

.image-component .img-ratio-9-16 {
  aspect-ratio: .5625;
}

@media (min-width: 767px) {
  .image-component .img-ratio-md-21-9 {
    aspect-ratio: 2.33333;
  }

  .image-component .img-ratio-md-16-3_7 {
    aspect-ratio: 4.32432;
  }

  .image-component .img-ratio-md-16-7 {
    aspect-ratio: 2.28571;
  }

  .image-component .img-ratio-md-16-9 {
    aspect-ratio: 1.77778;
  }

  .image-component .img-ratio-md-3-2 {
    aspect-ratio: 1.5;
  }

  .image-component .img-ratio-md-1-1 {
    aspect-ratio: 1;
  }

  .image-component .img-ratio-md-4-3 {
    aspect-ratio: 1.33333;
  }

  .image-component .img-ratio-md-4-5 {
    aspect-ratio: .8;
  }

  .image-component .img-ratio-md-5-4 {
    aspect-ratio: 1.25;
  }

  .image-component .img-ratio-md-3-4 {
    aspect-ratio: .75;
  }

  .image-component .img-ratio-md-2-3 {
    aspect-ratio: .666667;
  }

  .image-component .img-ratio-md-9-16 {
    aspect-ratio: .5625;
  }
}

@media (min-width: 1025px) {
  .image-component .img-ratio-lg-21-9 {
    aspect-ratio: 2.33333;
  }

  .image-component .img-ratio-lg-16-3_7 {
    aspect-ratio: 4.32432;
  }

  .image-component .img-ratio-lg-16-7 {
    aspect-ratio: 2.28571;
  }

  .image-component .img-ratio-lg-16-9 {
    aspect-ratio: 1.77778;
  }

  .image-component .img-ratio-lg-3-2 {
    aspect-ratio: 1.5;
  }

  .image-component .img-ratio-lg-1-1 {
    aspect-ratio: 1;
  }

  .image-component .img-ratio-lg-4-3 {
    aspect-ratio: 1.33333;
  }

  .image-component .img-ratio-lg-4-5 {
    aspect-ratio: .8;
  }

  .image-component .img-ratio-lg-5-4 {
    aspect-ratio: 1.25;
  }

  .image-component .img-ratio-lg-3-4 {
    aspect-ratio: .75;
  }

  .image-component .img-ratio-lg-2-3 {
    aspect-ratio: .666667;
  }

  .image-component .img-ratio-lg-9-16 {
    aspect-ratio: .5625;
  }
}

.common-image-component {
  object-fit: cover;
  object-position: var(--focal-point-x) var(--focal-point-y);
  width: 100%;
}

.mainbanner-image {
  height: 43.75vw;
}

@media (max-width: 373.98px) {
  .mainbanner-image {
    height: 75vw;
  }
}

.common-image-filter {
  filter: brightness(40%);
}

.image-heading-container {
  width: 100%;
  position: absolute;
  top: 50%;
}

@media (min-width: 374px) {
  .image-heading-container {
    padding-left: 7%;
  }
}

.image-heading-text {
  color: #fff;
  font-family: futurapt, arial, sans-serif;
}

.ITC-image-heading-text {
  color: #fff;
}

.image-heading-container .mainbanner-sub-text p {
  color: #fff;
  font-family: futurapt, arial, sans-serif;
  font-size: 1.46125rem;
  text-decoration: underline;
}

.ITC-text-underneath span {
  color: #000;
  text-align: center;
  padding-top: .75em;
}


/*# sourceMappingURL=imageAndTextCommon.css.map*/