/* latin */
@font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/calibri/font.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/calibri/font1.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/calibri/font2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/calibri/font3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'SF Arabic';
    src: url('../fonts/sfarabic/SFArabic-Regular.eot');
    src: local('SF Arabic'), local('SFArabic-Regular'),
        url('../fonts/sfarabic/SFArabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sfarabic/SFArabic-Regular.woff2') format('woff2'),
        url('../fonts/sfarabic/SFArabic-Regular.woff') format('woff'), 
        url('../fonts/sfarabic/SFArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Arabic Rounded';
    src: url('../fonts/sfarabic/SFArabicRounded-Regular.eot');
    src: local('SF Arabic Rounded'), local('SFArabicRounded-Regular'),
        url('../fonts/sfarabic/SFArabicRounded-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sfarabic/SFArabicRounded-Regular.woff2') format('woff2'),
        url('../fonts/sfarabic/SFArabicRounded-Regular.woff') format('woff'),
        url('../fonts/sfarabic/SFArabicRounded-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "KFGQPC Uthman Taha Naskh";
    src: url(../fonts/UthmanTN_v2-0.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "KFGQPC Uthman Taha Naskh";
    src: url(../fonts/UthmanTNB_v2-0.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}



@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url(../fonts/NotoNaskhArabic-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url(../fonts/NotoNaskhArabic-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url(../fonts/NotoNaskhArabic-Medium.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url(../fonts/NotoNaskhArabic-SemiBold.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src:url(../fonts/DroidKufi-Regular.eot);
    src:url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/DroidKufi-Regular.woff2) format('woff2'),
        url(../fonts/DroidKufi-Regular.woff) format('woff'),
        url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidKufi-Bold.eot);
    src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/DroidKufi-Bold.woff2) format('woff2'),
        url(../fonts/DroidKufi-Bold.woff) format('woff'),
        url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}

.noto-regular {
    font-family: "Noto Naskh Arabic";
    font-weight: 400;
    font-style: normal;
}

.noto-bold {
    font-family: "Noto Naskh Arabic";
    font-weight: 700;
    font-style: normal;
}

.noto-regular-italic {
    font-family: "Noto Naskh Arabic";
    font-weight: 400;
    font-style: italic;
}

.noto-bold-italic {
    font-family: "Noto Naskh Arabic";
    font-weight: 700;
    font-style: italic;
}


.naskh-regular {
    font-family: "KFGQPC Uthman Taha Naskh";
    font-weight: 400;
    font-style: normal;
}

.naskh-bold {
    font-family: "KFGQPC Uthman Taha Naskh";
    font-weight: 700;
    font-style: normal;
}

.calibri-regular {
    font-family: "Calibri", serif;
    font-weight: 400;
    font-style: normal;
}

.calibri-bold {
    font-family: "Calibri", serif;
    font-weight: 700;
    font-style: normal;
}
.calibri-italic {
    font-family: "Calibri", serif;
    font-weight: 400;
    font-style: italic;
}
.calibri-italic-bold {
    font-family: "Calibri", serif;
    font-weight: 700;
    font-style: italic;
}

.droid-regular {
    font-family: "Droid Arabic Kufi", Calibri, serif;
    font-weight: 400;
    font-style: normal;
}

.droid-bold {
    font-family: "Droid Arabic Kufi", Calibri, serif;
    font-weight: 700;
    font-style: normal;
}

.fsarabic-regular {
    font-family: "SF Arabic", Calibri, serif;
    font-weight: 400;
    font-style: normal;
}

.fsarabic-bold {
    font-family: "SF Arabic", Calibri, serif;
    font-weight: 700;
    font-style: normal;
}

.fsarabic-rounded-regular {
    font-family: "SF Arabic Rounded", Calibri, serif;
    font-weight: 400;
    font-style: normal;
}

.fsarabic-rounded-bold {
    font-family: "SF Arabic Rounded", Calibri, serif;
    font-weight: 700;
    font-style: normal;
}


/* Pulsing animation */
.pulse {
    animation: pulse-animation 1.2s infinite;
}

@keyframes pulse-animation {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(220,53,69, 0.7);
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 0 10px rgba(220,53,69, 0.7);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(220,53,69, 0.7);
    }
}

/* Optional: Different color for near expiry */
.near-expiry {
    background-color: #ffc107 !important; /* yellow */
    color: black !important;
    animation: pulse-animation-yellow 1.2s infinite;
}

@keyframes pulse-animation-yellow {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(255,193,7,0.7);
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 0 10px rgba(255,193,7,0.7);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(255,193,7,0.7);
    }
}