/* =========================
   Font Faces
========================= */

@font-face {
    font-family: 'Zain Bold';
    src: url('../fonts/zain-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Zain Black';
    src: url('../fonts/zain-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* ملاحظة: اسم الخط لا يجب أن يحتوي فاصلة أو رموز غريبة */
@font-face {
    font-family: 'Cairo Variable';
    src: url('../fonts/cairo-variablefont_slnt,wght.ttf') format('truetype');
    font-weight: 100 900; /* لأنه Variable */
}

/* خط El Messiri Variable */
@font-face {
    font-family: 'El Messiri Variable';
    src: url('../fonts/elmessiri-variablefont_wght.ttf') format('truetype');
    font-weight: 100 900;
}

/* =========================
   Root Variables
========================= */
:root {
    --font-primary: 'Cairo Variable', sans-serif !important;
    --font-secondary: 'El Messiri Variable', sans-serif !important;
    --font-alt: 'Source Serif Pro', serif !important;
}

    .double-line-bottom-theme-colored-2 {
    margin-bottom: 20px;
    margin-top: 8px;
    padding-bottom: 5px;
    position: relative;
}

    .double-line-bottom-theme-colored-2:before {
        background: #ff7b00;
    }

    .double-line-bottom-theme-colored-2:after {
        background: #ff7b00;
    }
.text-theme-colored2 {
    color: #ff7b00 !important;
    font-size: 32px !important;
    font-weight: bold;
    line-height: 0.50;
}

.blockUI.blockMsg.blockElement {
    top: 50% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
}