@charset "UTF-8";
:root{
    --blue: #0A2A42;
    --gold: #DCCCA8;
    --snow: #E7F2EC;
    --header-gradient: linear-gradient(0deg, rgba(55,122,138,0) 0%, rgba(55,122,138,0.3) 20%, rgba(55,122,138,0.35) 25%, rgba(55,122,138,0.4) 30%, rgba(55,122,138,0.45) 35%, rgba(55,122,138,0.5) 40%, rgba(55,122,138,0.55) 45%, rgba(55,122,138,0.6) 50%, rgba(55,122,138,0.65) 55%, rgba(55,122,138,0.7) 60%, rgba(55,122,138,0.75) 65%, rgba(55,122,138,0.8) 70%, rgba(55,122,138,0.85) 75%, rgba(55,122,138,0.9) 80%, rgba(55,122,138,1) 100%);
}

@font-face{
    src: url('../fonts/IBMPlexSansArabic-Light.ttf');
    font-family: "lexSansArabic-300";
    font-weight: normal;
    font-display: swap;
}
@font-face{
    src: url('../fonts/IBMPlexSansArabic-Regular.ttf');
    font-family: "lexSansArabic-400";
    font-weight: normal;
    font-display: swap;
}
@font-face{
    src: url('../fonts/IBMPlexSansArabic-Medium.ttf');
    font-family: "lexSansArabic-500";
    font-weight: normal;
    font-display: swap;
}
@font-face{
    src: url('../fonts/IBMPlexSansArabic-SemiBold.ttf');
    font-family: "lexSansArabic-600";
    font-weight: normal;
    font-display: swap;
}
@font-face{
    src: url('../fonts/IBMPlexSansArabic-Bold.ttf');
    font-family: "lexSansArabic-700";
    font-weight: normal;
    font-display: swap;
}