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

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

.section-description {
    font-size: 18px;
    color: var(--clr-secondary);
    text-align: start;
    margin-bottom: 0;
}

/* Button states for this page come from the global DGA ramp (styles.min.css
   .btn-primary/.btn-outline-primary, StyleSheet.css .btn-cta-*/a.btn-ssp-style).
   The dead .btn-green copy, the bootstrap-identical .btn:hover copy and the
   transparent .btn-primary:hover override were removed in the 2026-09-14
   CTA-unification round. No .btn-green/.btn-primary markup exists on the
   policy pages, so this is zero-visual-change. */

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

/* Scoped to page content: a bare `ul` rule leaks into the master
   header dropdown sub-items on policy pages, painting disc markers
   and 40px indentation onto the chrome. */
#main-content ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}

.breadcrum-Caption {
    margin-right: 320px;
    margin-top: 30px;
}

.breadcrum-banner {
    background: #F7FDF9;
    border: 1px solid #e9e9e9;
    width: 100%;
    height: 120px;
}

@media (max-width: 768px) {
    .breadcrum-Caption {
        margin-right: 30px;
        margin-top: 50px;
        font-size: 20px;
    }
}

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

/* Scoped to page content a bare `a` rule leaks into the master
   header/footer on policy pages, repainting chrome links bootstrap-blue. */
:where(#main-content) a {
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    font-family: 'regularFont';
    font-size: 14px;
}

.center {
    width: 35%;
    border-top-left-radius: 25px;
    border: 0px solid #73AD21;
    padding: 10px;
    background: #1b8354;
    color: #ffffff;
    font-size: 24px;
}

p {
    margin-bottom: 25px !important;
    text-align: justify;
    line-height: 30px;
}

.article-title {
    margin-bottom: 10px !important;
}

li {
    font-size: 1.125rem;
    text-align: justify;
    line-height: 30px;
}




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

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

.article-text {
    font-size: 16px !important;
    color: #4b5563;
    margin-bottom: 15px;
    line-height: 1.8;
    direction: rtl;
    font-family: 'regularFont';
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    font-family: ibm;
    font-family: 'boldFont';
    padding: 5px;
}

.ppTitle {
    font-size: 16px;
    line-height: 35px;
    color: #166a45ba;
    text-align: justify;
}

.pp-content {
    font-size: 16px;
    line-height: 35px !important;
    text-align: justify;
    padding-top: 20px;
    font-family: regularFont !important;
    color: #757575;
}

.pp-contentlist li {
    text-align: justify;
    font-family: regularFont !important;
    color: #757575;
    line-height: 34px;
}

.pp-contentTD {
    text-align: justify;
    line-height: 30px;
    color: #757575;
    border-right-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    font-family: regularfont;
    padding-right: 10px;
}

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

.article-text {
    font-size: 16px !important;
    color: #4b5563;
    margin-bottom: 15px;
    line-height: 1.8;
    font-family: 'regularFont';
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    font-family: boldFont;
    font-size: 13px !important;
    padding: 5px;
}
    

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

td {
    font-size: 1.125rem;
    text-align: justify;
    line-height: 30px;
}