@font-face {
    font-family: 'VazirmatnFD';
    src: url('/fonts/Vazir-FD-WOL.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 2. Map the Bold file for headings and strong text (Weight: 700) */
@font-face {
    font-family: 'VazirmatnFD';
    src: url('/fonts/Vazir-Bold-FD-WOL.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'VazirmatnFD', Tahoma, sans-serif !important;
    font-variant-numeric: normal !important;
}

.text-danger {
    color: red;
}

.fs-small {
    font-size: small;
}

.spinner {
    display: none;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 0.3s linear infinite;
    margin: 0 auto; /* Center it inside the button */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}