/* --Hover Mixin.--*/
/* -- Cross browser opacity.--*/
/* -- Animation.--*/
/* ==========================================================================
   #Site Global Sizes
   ========================================================================== */
/**
 * This shall stop the z-index chaos
 */
/* ==========================================================================
   #Site Global Colours
   ========================================================================== */
/* BLOCK: Content + Image --------------------------------- */
.latest-markets-projects-2025 {
  overflow: hidden;
}

.latest-markets-projects-2025.off-white-gradient.site-theme-update-2025 {
  background-color: #f3fbfd;
}

.latest-markets-projects-2025 .flex-intro-area__content {
  gap: 10px;
  flex-wrap: wrap;
}
@media (min-width: 61.25em) {
  .latest-markets-projects-2025 .flex-intro-area__content {
    flex-basis: 66%;
  }
}

:root {
  --box-padding-side: clamp(30px, calc(1.875rem + ((1vw - 3.2px) * 7.6087)), 100px);
  --box-padding-top: clamp(30px, calc(1.875rem + ((1vw - 3.2px) * 5.4348)), 80px);
}

.latest-markets-projects-2025_cols {
  grid-column: 1/-1;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  grid-row-gap: 3.75rem;
  margin: var(--box-padding-top) 0;
}
@media (min-width: 61.25em) {
  .latest-markets-projects-2025_cols {
    grid-column-gap: 4.375rem;
  }
}

.latest-markets-projects-2025__actual_cols__box__inner,
.latest-markets-projects-2025__actual_cols__box {
  border-radius: 0.5625rem;
}

.latest-markets-projects-2025__actual_cols__box {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  flex-wrap: wrap;
}
@media (min-width: 46.25em) {
  .latest-markets-projects-2025__actual_cols__box {
    max-width: 20.625rem;
  }
}

.latest-markets-projects-2025__actual_cols__box__inner {
  padding: 1.875rem;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
  min-height: 280px;
}

.latest-markets-projects-2025__actual_cols__box {
  background-color: white;
}

.latest-markets-projects-2025__actual_cols__box.featured-card {
  background-color: #9cee93;
}

.latest-markets-projects-2025__actual_cols__box.featured-card > div {
  height: 100%;
}

.latest-markets-projects-2025__actual_cols__box.featured-card .text-arrow-btn {
  color: #10293e;
}

.latest-markets-projects-2025__actual_cols__box .text-arrow-btn {
  margin-top: auto;
}

.latest-markets-projects-2025__actual_cols__box__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  color: #627e8f;
  margin-bottom: 40px;
  min-height: 50px;
}

.latest-markets-projects-2025__actual_cols__box__title {
  font-weight: 700;
  color: #10293e;
  font-size: clamp(20px, 1.25rem + (1vw - 3.2px) * 0.8696, 28px);
}

.latest-markets-projects-2025__actual_cols__box__inner .body-copy {
  font-weight: 600;
  color: #627e8f;
}

.latest-markets-projects-2025__actual_cols__box__footer {
  background-color: #f3fbfd;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  border-bottom-left-radius: 0.5625rem;
  border-bottom-right-radius: 0.5625rem;
}

.latest-markets-projects-2025__actual_cols__box__footer > img {
  max-width: 70%;
}

.latest-markets-projects-2025__actual_cols__box:nth-child(2) > .latest-markets-projects-2025__actual_cols__box__footer {
  background-image: url(../images/electron-background-fade-solar.jpg);
  background-size: cover;
}

.latest-markets-projects-2025__actual_cols__box:nth-child(3) > .latest-markets-projects-2025__actual_cols__box__footer {
  background-image: url(../images/electron-background-fade-turbines.jpg);
  background-size: cover;
}
