/* == Hero Slider Styles == */
.heroSlider {
  overflow: hidden;
  padding: 14rem 0 8rem 0;
  border-bottom-left-radius: var(--Standard-border-radius);
  border-bottom-right-radius: var(--Standard-border-radius);
  margin-top: -96px;
  position: relative;
}
.heroSlider .container {
  z-index: 10;
  position: relative;
}

/* == Background == */
.heroSlider__backgroundWrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transform: translateY(var(--_scrollPct, 49%));
  z-index: 0;
  user-select: none;
}

/* == Title == */
.heroSlider__titleWrapper {
  text-align: center;
}
.heroSlider__slideTitle {
  color: var(--FC-light-green);
  display: inline-block;
  transition: ease-in all 0.15s;
  opacity: 0;
  transform: translateY(32px);
}
.heroSlider__slideTitle.active {
  opacity: 1;
  transform: translateY(0px);
}

/* == Button == */
.heroSlider__buttonWrapper {
  margin-top: 32px;
}
.heroSlider__buttonWrapper .wp-block-buttons {
  justify-content: center;
}
.heroSlider__buttonWrapper .wp-block-buttons .wp-block-button {
  width: auto !important;
}

/* == Slider == */
.heroSlider__wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 250px 250px;
  gap: 0px 0px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1199.98px) {
  .heroSlider__wrapper {
    grid-template-rows: 125px 125px;
    gap: 0px 32px;
    position: relative;
    z-index: 10;
  }
}
@media screen and (max-width: 799.98px) {
  .heroSlider__wrapper {
    grid-template-rows: 125px 125px 125px;
    gap: 0px 0px;
    position: relative;
    z-index: 10;
  }
}
.heroSlider__wrapper > * {
  pointer-events: none;
}

/* == Slide Items == */
.heroSlider__imageOneWrapper {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-end: 3;
}
.heroSlider__imageTwoWrapper {
  grid-row-start: 2;
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-end: 4;
}
.heroSlider__imageThreeWrapper {
  grid-row-start: 1;
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-end: 3;
}
.heroSlider__imageWrapper {
  aspect-ratio: 16/9;
  position: relative;
  /* overflow: hidden; */
  border-radius: var(--Standard-border-radius);
}
.heroSlider__imageOneWrapper .heroSlider__imageWrapper {
  right: 25%;
}
.heroSlider__imageThreeWrapper .heroSlider__imageWrapper {
  left: 25%;
}
.heroSlider__image {
  position: absolute;
  inset: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  transform: translateY(64px);
  opacity: 0;
  transition: all ease-in 0.3s;
  overflow: hidden;
  border-radius: var(--Standard-border-radius);
}
.heroSlider__image.active {
  transform: translateY(0px);
  opacity: 1;
}
@media screen and (max-width: 599.98px) {
  .heroSlider__imageOneWrapper {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-end: 3;
  }
  .heroSlider__imageTwoWrapper {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-end: 4;
  }
  .heroSlider__imageThreeWrapper {
    grid-row-start: 1;
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-end: 3;
  }
  .heroSlider__imageOneWrapper .heroSlider__imageWrapper,
  .heroSlider__imageThreeWrapper .heroSlider__imageWrapper {
    aspect-ratio: unset;
    height: 100%;
    overflow: hidden;
    width: auto;
  }
  .heroSlider__imageTwoWrapper .heroSlider__imageWrapper {
    aspect-ratio: unset;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
  .heroSlider__imageWrapper {
    aspect-ratio: 16/9;
    position: relative;
    /* overflow: hidden; */
    border-radius: var(--Standard-border-radius);
  }
}