/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
.block-content-images {
  position: relative;
  z-index: 1;
  margin-bottom: 3.75rem !important;
}

@media (min-width: 576px) {
  .block-content-images {
    margin-bottom: 5.3125rem !important;
  }
}

@media (min-width: 768px) {
  .block-content-images {
    margin-bottom: 6.875rem !important;
  }
}

@media (min-width: 1200px) {
  .block-content-images {
    margin-bottom: 8.4375rem !important;
  }
}

@media (min-width: 1410px) {
  .block-content-images {
    margin-bottom: 10rem !important;
  }
}

.block-content-images.bg-light-gray {
  margin: 0 !important;
  padding-top: 4rem;
  padding-bottom: 4.75rem;
}

@media (min-width: 576px) {
  .block-content-images.bg-light-gray {
    padding-top: 4.875rem;
  }
}

@media (min-width: 768px) {
  .block-content-images.bg-light-gray {
    padding-top: 5.75rem;
  }
}

@media (min-width: 1200px) {
  .block-content-images.bg-light-gray {
    padding-top: 6.625rem;
  }
}

@media (min-width: 1410px) {
  .block-content-images.bg-light-gray {
    padding-top: 7.5rem;
  }
}

@media (min-width: 576px) {
  .block-content-images.bg-light-gray {
    padding-bottom: 6.0625rem;
  }
}

@media (min-width: 768px) {
  .block-content-images.bg-light-gray {
    padding-bottom: 7.375rem;
  }
}

@media (min-width: 1200px) {
  .block-content-images.bg-light-gray {
    padding-bottom: 8.6875rem;
  }
}

@media (min-width: 1410px) {
  .block-content-images.bg-light-gray {
    padding-bottom: 10rem;
  }
}

.block-content-images__text-col, .block-content-images__image-col {
  display: flex;
  align-items: center;
}

.block-content-images__image-wrapper {
  padding-bottom: 66%;
  overflow: visible;
}

@media (max-width: 767.98px) {
  .block-content-images__image-wrapper {
    margin-bottom: 2.75rem;
  }
}

.block-content-images .star-bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  bottom: -1.25rem;
}

@media (min-width: 576px) {
  .block-content-images .star-bg {
    bottom: -1.5625rem;
  }
}

@media (min-width: 768px) {
  .block-content-images .star-bg {
    bottom: -1.875rem;
  }
}

@media (min-width: 1200px) {
  .block-content-images .star-bg {
    bottom: -2.1875rem;
  }
}

@media (min-width: 1410px) {
  .block-content-images .star-bg {
    bottom: -2.5rem;
  }
}

.block-content-images .star-bg::after {
  height: 100%;
  -webkit-mask-image: linear-gradient(to bottom, transparent 28%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 28%, #000 100%);
  background-repeat: space;
}

.block-content-images.block-align-left .star-bg {
  left: -1.25rem;
}

@media (min-width: 576px) {
  .block-content-images.block-align-left .star-bg {
    left: -1.5625rem;
  }
}

@media (min-width: 768px) {
  .block-content-images.block-align-left .star-bg {
    left: -1.875rem;
  }
}

@media (min-width: 1200px) {
  .block-content-images.block-align-left .star-bg {
    left: -2.1875rem;
  }
}

@media (min-width: 1410px) {
  .block-content-images.block-align-left .star-bg {
    left: -2.5rem;
  }
}

.block-content-images.block-align-right .star-bg {
  left: auto;
  right: -1.625rem;
}

@media (min-width: 576px) {
  .block-content-images.block-align-right .star-bg {
    right: -1.9375rem;
  }
}

@media (min-width: 768px) {
  .block-content-images.block-align-right .star-bg {
    right: -2.25rem;
  }
}

@media (min-width: 1200px) {
  .block-content-images.block-align-right .star-bg {
    right: -2.5625rem;
  }
}

@media (min-width: 1410px) {
  .block-content-images.block-align-right .star-bg {
    right: -2.875rem;
  }
}
