.about-us-image-card::before {
    bottom: 0.5rem;
    inset-inline-end: -2.1875rem;
    width: 4.375rem;
    height: calc(100% - 50px);
    background-image: url(/layouts/images/aboutus/about-us-image-card-pattern.webp);
    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;
}

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

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

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

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

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

.breadcrumb {
    direction: rtl;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
    color: #333;
    padding: 8px 12px;
    background: #f3fcf6 !important;
    padding-right: 5%;
}

hr {
    margin: 0px !important;
    color: #f3fcf6 !important;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
    /* background: #f3fcf6; */
}

.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;
}
    

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