.about-us-image-card::before {
    bottom: 0.5rem;
    inset-inline-end: -2.1875rem;
    width: 4.375rem;
    height: calc(100% - 50px);
    background-image: url(../images/about-us-image-card-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}

.about-us-image-card::before, .about-us-image-card::after {
    content: "";
    position: absolute;
    z-index: -1;
}

.vision-and-mission-image-card::after {
    bottom: -3.4375rem;
    inset-inline-start: -4.25rem;
    width: 23.75rem;
    height: 28.75rem;
    background-color: rgba(145, 182, 187, 0.24);
    border-end-start-radius: 2.5rem;
}




.vision-and-mission-image-card > img {
    width: 100%;
    height: 31.25rem !important;
    object-fit: cover;
    border-start-start-radius: 2.5rem;
}

.about-us-image-card > img {
    width: 100%;
    height: 28.125rem !important;
    object-fit: cover;
    border-radius: 0.875rem;
}

.values-list {
    --grid-cols: 4;
    --gap: 3.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2.5rem var(--gap);
}

.values-list__item__icon > img {
    width: 2.5rem;
    height: 2.5rem !important;
    object-fit: contain;
}

.section-title {
    font-size: calc(1.75rem + 0.8vw);
    color: #161616;
    text-align: right !important;
    margin-bottom: 0.5rem;
}

.clr-light {
    color: #dba102 !important;
}

.clr-light {
    color: #161616 !important;
}
    

.vision-and-mission-image-card::before, .vision-and-mission-image-card::after {
    content: "";
    position: absolute;
    z-index: -1;
}

@media (max-width: 768px) {
    .vision-and-mission-image-card {
        width: 100%;
        margin-inline-start: 0;
        margin-bottom: 2rem;
    }

    .vision-and-mission-image-card::before {
        inset-inline-start: 0;
    }

    .vision-and-mission-image-card::after {
        inset-inline-start: 0;
        width: 100%;
    }
}

/* ===== About pages updates (2026-09-15) =====
   Image radius to DGA standard 16px (was 0.875rem = 14px). */
.about-us-image-card > img {
    border-radius: 16px;
}
/* ===== End ===== */