.solution-card .post-thubnail {
    height: 260px;
}
.solution-heading{
    font-size: var(--f20);
    font-weight: var(--fontW400);
}

@media (max-width: 540px) {
    .solution-card .post-thubnail {
        max-height: 180px;
    }
}
@media (max-width: 992px) {
    .solution-heading{
        font-size: var(--f18);
    }
}
section.acf-solutions-archive .explore:hover {
    text-decoration: underline;
}

section.acf-solutions-archive .solution-card img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  z-index: 1;
}

section.acf-solutions-archive .solution-card:hover img {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

section.acf-solutions-archive .overlap-content {
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1300px) {
section.acf-solutions-archive .solution-card .post-thubnail {
    height: 219px;
}
}


.acf-solutions-archive .position-relative {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.acf-solutions-archive .position-relative::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: 0.3s ease;
    z-index: 1;
    border-radius: inherit;
}

.acf-solutions-archive .overlap-content {
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: 0.3s ease;
}

.acf-solutions-archive .position-relative:hover::after {
    opacity: 1;
}

.acf-solutions-archive .position-relative:hover .overlap-content {
    opacity: 1;
}

section.acf-solutions-archive .solution-card img {
    border-radius: inherit;
}
.acf-solutions-archive .position-relative {
    display: block !important;
    padding: 0 !important;
    line-height: 0;
    overflow: hidden;
}