@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../../fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 500;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../../fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../../fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700 900;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*,
body {
    font-family: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

body {
    background: #fff;
}

main {
    box-shadow: none;
    background-color: white;
}

:root {
    /*Buttons*/
    --cma-btn-light: #fff;
    --cma-btn-light-border: #D2D6DB;
    --cma-btn-light-border-hover: #E5E7EB;
    --cma-btn-transparent-border: rgba(255,255,255,0.4);
    --cma-btn-transparent-hover: rgba(255,255,255,0.1);
    --cma-btn-main: #1B8354;
    --cma-btn-main-hover: #074D31;
    --cma-btn-dark: #0D121C;
    --cma-btn-dark-hover: #151C2B;
    --cma-btn-direction: #F3F4F6;
    --cma-btn-direction-hover: #E7E8EA;
    --cma-btn-direction-active: #0D121C;
    --cma-btn-light-green: #ECFDF3;
    --cma-btn-light-green-border: #ABEFC6;
    /*Text*/
    --cma-text-light: #fff;
    --cma-text-dark: #161616;
    --cma-text-card-title: #1F2A37;
    --cma-text-placeholder: #6C737F;
    --cma-text-green: #1B8354;
    /*pagination*/
    --cma-pagination-on: #1B8354;
    --cma-pagination-off: #E5E7EB;
    --cma-pagination-hover: #FFFFFFB3;
    /*Card styles*/
    --cma-card-background: #fff;
    --cma-card-border: #D2D6DB;
    --cma-card-b-hover: #1B8354;
    --cma-card-radius: 16px;
    --cma-icon-background: #F3FCF6;
    --cma-icon-radius: 999px;
    /*background sections*/
    --cma-section-background: #F7FDF9;
    --cma-gutter: 24px; /* total gutter (space between cols) */
    --cma-gutter-half: 12px;
    --cma-mobile-nav: #1B8354;
    /*Footer*/
    --cma-footer-background: #074D31;
    --cma-footer-breaker: #fff;
    /*Fonts sizes*/
    --cma-home-title: 60px;
    --cma-home-subTitle: 20px;
    --cma-section-title: 30px;
    --cma-section-subTitle: 16px;
    --cma-cards-title: 18px;
    --cma-cards-description: 16px;
    --cma-form-labels: 14px;
    --cma-form-placeholder: 16px;
    --cma-btn-font-size: 16px;
}


.cma-container {
    width: 100%;
    padding: 0 80px;
    box-sizing: border-box;
}


.cma-row {
    display: flex;
    flex-wrap: wrap;
    margin-inline-start: calc(var(--cma-gutter-half) * -1);
    margin-inline-end: calc(var(--cma-gutter-half) * -1);
    box-sizing: border-box;
}



.section-background {
    width: 100%;
    min-height: 322px;
    position: absolute;
    background: var(--cma-section-background);
}

.cma-form-required-mark {
    color: #b42318;
}

.cma-col,
[class*="cma-col-"] {
    padding-inline-start: var(--cma-gutter-half);
    padding-inline-end: var(--cma-gutter-half);
    box-sizing: border-box;
    min-height: 1px;
    /* by default full-width */
    width: 100%;
    flex: 0 0 100%;
}


.cma-col-12 {
    width: 100%;
    flex: 0 0 100%;
}

.cma-col-1 {
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
}

.cma-col-2 {
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
}

.cma-col-3 {
    width: 25%;
    flex: 0 0 25%;
}

.cma-col-4 {
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
}

.cma-col-5 {
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
}

.cma-col-6 {
    width: 50%;
    flex: 0 0 50%;
}

.cma-col-7 {
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
}

.cma-col-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
}

.cma-col-9 {
    width: 75%;
    flex: 0 0 75%;
}

.cma-col-10 {
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
}

.cma-col-11 {
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
}

.cma-col-12 {
    width: 100%;
    flex: 0 0 100%;
}

/* ############################## BreakPoints #################################*/

/* ========= XL – Large Screens / Monitors ========= */
@media (min-width: 1400px) {
    .cma-col-xl-1 {
        width: 8.333%;
        flex: 0 0 8.333%;
    }

    .cma-col-xl-2 {
        width: 16.666%;
        flex: 0 0 16.666%;
    }

    .cma-col-xl-3 {
        width: 25%;
        flex: 0 0 25%;
    }

    .cma-col-xl-4 {
        width: 33.333%;
        flex: 0 0 33.333%;
    }

    .cma-col-xl-5 {
        width: 41.666%;
        flex: 0 0 41.666%;
    }

    .cma-col-xl-6 {
        width: 50%;
        flex: 0 0 50%;
    }

    .cma-col-xl-7 {
        width: 58.333%;
        flex: 0 0 58.333%;
    }

    .cma-col-xl-8 {
        width: 66.666%;
        flex: 0 0 66.666%;
    }

    .cma-col-xl-9 {
        width: 75%;
        flex: 0 0 75%;
    }

    .cma-col-xl-10 {
        width: 83.333%;
        flex: 0 0 83.333%;
    }

    .cma-col-xl-11 {
        width: 91.666%;
        flex: 0 0 91.666%;
    }

    .cma-col-xl-12 {
        width: 100%;
        flex: 0 0 100%;
    }
}

/* ========= MD – Tablets (768px → 1023px) ========= */
@media (min-width: 768px) and (max-width: 1023px) {
    .cma-container {
        padding: 0 40px;
    }

    .section-background {
        margin: 0 -40px;
    }

    .cma-col-md-1 {
        width: 8.333%;
        flex: 0 0 8.333%;
    }

    .cma-col-md-2 {
        width: 16.666%;
        flex: 0 0 16.666%;
    }

    .cma-col-md-3 {
        width: 25%;
        flex: 0 0 25%;
    }

    .cma-col-md-4 {
        width: 33.333%;
        flex: 0 0 33.333%;
    }

    .cma-col-md-5 {
        width: 41.666%;
        flex: 0 0 41.666%;
    }

    .cma-col-md-6 {
        width: 50%;
        flex: 0 0 50%;
    }

    .cma-col-md-7 {
        width: 58.333%;
        flex: 0 0 58.333%;
    }

    .cma-col-md-8 {
        width: 66.666%;
        flex: 0 0 66.666%;
    }

    .cma-col-md-9 {
        width: 75%;
        flex: 0 0 75%;
    }

    .cma-col-md-10 {
        width: 83.333%;
        flex: 0 0 83.333%;
    }

    .cma-col-md-11 {
        width: 91.666%;
        flex: 0 0 91.666%;
    }

    .cma-col-md-12 {
        width: 100%;
        flex: 0 0 100%;
    }
}

/* ========= SM – Large Mobiles (480px → 767px) ========= */
@media (min-width: 480px) and (max-width: 767px) {
    .cma-container {
        padding: 0 24px;
    }

    .section-background {
        margin: 0 -24px;
    }

    .cma-col-sm-1 {
        width: 8.333%;
        flex: 0 0 8.333%;
    }

    .cma-col-sm-2 {
        width: 16.666%;
        flex: 0 0 16.666%;
    }

    .cma-col-sm-3 {
        width: 25%;
        flex: 0 0 25%;
    }

    .cma-col-sm-4 {
        width: 33.333%;
        flex: 0 0 33.333%;
    }

    .cma-col-sm-5 {
        width: 41.666%;
        flex: 0 0 41.666%;
    }

    .cma-col-sm-6 {
        width: 50%;
        flex: 0 0 50%;
    }

    .cma-col-sm-7 {
        width: 58.333%;
        flex: 0 0 58.333%;
    }

    .cma-col-sm-8 {
        width: 66.666%;
        flex: 0 0 66.666%;
    }

    .cma-col-sm-9 {
        width: 75%;
        flex: 0 0 75%;
    }

    .cma-col-sm-10 {
        width: 83.333%;
        flex: 0 0 83.333%;
    }

    .cma-col-sm-11 {
        width: 91.666%;
        flex: 0 0 91.666%;
    }

    .cma-col-sm-12 {
        width: 100%;
        flex: 0 0 100%;
    }
}

/* ========= XS – Small Mobiles (0 → 479px) ========= */
@media (max-width: 479px) {
    :root {
        --cma-gutter: 16px;
        --cma-gutter-half: 8px;
    }

    .cma-container {
        padding: 0 24px;
    }

    .section-background {
        margin: 0 -24px;
    }

    [class*="cma-col"] {
        width: 100%;
        flex: 0 0 100%;
    }
}
.pc-topbar__right {
    display: flex;
    align-items: center;
    gap: 14px;
    white-space: nowrap;
}

.pc-topbar__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
}

    .pc-topbar__item i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

.pc-topbar__value {
    unicode-bidi: plaintext; /* يحل خلط RTL/LTR */
}