.bg--white {
  background: #ffffff !important;
}

.color--white {
  color: #ffffff !important;
}

.bg--black {
  background: #000000 !important;
}

.color--black {
  color: #000000 !important;
}

.bg--blue {
  background: #004797 !important;
}

.color--blue {
  color: #004797 !important;
}

.bg--darkblue {
  background: #212B59 !important;
}

.color--darkblue {
  color: #212B59 !important;
}

.bg--purple {
  background: #8C1D82 !important;
}

.color--purple {
  color: #8C1D82 !important;
}

.bg--orange {
  background: #F08300 !important;
}

.color--orange {
  color: #F08300 !important;
}

.bg--pastelblue {
  background: #E8EDFF !important;
}

.color--pastelblue {
  color: #E8EDFF !important;
}

.bg--pastelorange {
  background: #FBE9D5 !important;
}

.color--pastelorange {
  color: #FBE9D5 !important;
}

.eye-block.hexagon-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.eye-block.hexagon-image .hexagon-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));
}
.eye-block.hexagon-image .hexagon-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transform-origin: bottom;
}
.eye-block.hexagon-image .hexagon-bg svg {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.eye-block.hexagon-image .hexagon-image-wrap {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  transform: scale(1.004);
}
.eye-block.hexagon-image .hexagon-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  transform: scale(1.1);
}
.eye-block.hexagon-image .hexagon-image--rating {
  position: absolute;
  bottom: -3rem;
  width: 100%;
  text-align: center;
}
.eye-block.hexagon-image .hexagon-image--rating {
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 1rem;
  width: fit-content;
  position: absolute;
  right: 0;
  bottom: 3rem;
  z-index: 3;
}
@media screen and (max-width: 992px) {
  .eye-block.hexagon-image .hexagon-image--rating {
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    text-align: left;
  }
}
.eye-block.hexagon-image .hexagon-image--rating p {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.eye-block.hexagon-image .hexagon-image--rating .hero-reviews--stars {
  text-align: start;
}
.eye-block.hexagon-image .hexagon-image--rating .hero-reviews--stars i {
  color: #F08300;
}

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