@font-face {
    font-family: 'Saudi';
    src: url('/fonts/saudi/SaudiWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Saudi';
    src: url('/fonts/saudi/SaudiWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Apply Saudi font - exclude ALL icon fonts */
*:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fass):not([class*="fa-"]):not([class*="fi-"]):not([class*="flaticon"]):not(i) {
    font-family: 'Saudi', sans-serif !important;
}

/* Restore Font Awesome */
.fa, .fas, .far, .fal, .fab, .fad, .fass,
i[class*="fa-"], [class*=" fa-"], span[class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Free" !important;
}

/* Restore Flaticon */
i[class*="fi-"], [class*=" fi-"], span[class*="fi-"], .fi {
    font-family: "flaticon" !important;
}

/* Scroll to top button */
#scrollUp {
    bottom: 85px !important;
    right: 15px !important;
    left: auto !important;
    background-color: #25ba84 !important;
    border: none !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(37,186,132,0.4) !important;
    z-index: 9999 !important;
}

#scrollUp i {
    color: white !important;
    font-family: "flaticon" !important;
}