/* --Hover Mixin.--*/
/* -- Cross browser opacity.--*/
/* -- Animation.--*/
/* ==========================================================================
   #Site Global Sizes
   ========================================================================== */
/**
 * This shall stop the z-index chaos
 */
/* ==========================================================================
   #Site Global Colours
   ========================================================================== */
/* BLOCK: Content + Image --------------------------------- */
.cta-2025 .section-title {
  font-weight: 700;
  font-size: 32px;
  font-size: 2rem;
}

.cta-2025__wrapper {
  background-color: #197fa0;
  border-radius: 0.5625rem;
  position: relative;
}

.cta-2025__wrapper::after {
  content: "";
  background-image: url(../images/cta-dots.svg);
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

.cta-2025__wrapper .section-title {
  color: white;
}

.cta-2025__content {
  grid-column: 1/7;
  align-content: center;
}

.cta-2025__image {
  display: none;
}
@media (min-width: 61.25em) {
  .cta-2025__image {
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-top-right-radius: 0.5625rem;
    border-bottom-right-radius: 0.5625rem;
    height: 100%;
    grid-column: 8/11;
    object-fit: cover;
    object-position: center;
    display: block;
  }
}

.cta-2025 .cta-2025__content {
  display: flex;
  flex-wrap: wrap;
  align-content: space-evenly;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 40px;
}
@media (min-width: 46.25em) {
  .cta-2025 .cta-2025__content {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    justify-content: flex-start;
    text-align: left;
  }
}
@media (min-width: 61.25em) {
  .cta-2025 .cta-2025__content {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}

.cta-2025 .site-m-i__inner__padding {
  background-image: url(../images/cta-dots.svg);
  background-repeat: no-repeat;
}