@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/*# sourceMappingURL=custom-rtl.min.css.map */

/* scroll bar customization */

/* Scrollbar width */
::-webkit-scrollbar {
    width: 5px; /* Adjust the width */
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Light gray background */
    border-radius: 10px;
}

/* Scrollbar Thumb */
::-webkit-scrollbar-thumb {
    background: #888; /* Dark gray thumb */
    border-radius: 10px;
}

    /* Hover Effect */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* For Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1; /* thumb color, track color */
}

/* end scroll bar customization */


:root {
    --vz-body-font-family: 'Tajawal', Arial, sans-serif !important;
    --vz-font-sans-serif: 'Tajawal', Arial, sans-serif !important;
}

html, body {
    font-family: 'Tajawal', Arial, sans-serif !important;
}

*,
*::before,
*::after {
    font-family: 'Tajawal', Arial, sans-serif;
}

body, h1, h2, h3, h4, h5, h6, p, span, div, a, button, input, select, textarea, label, th, td, li, ul, ol {
    font-family: 'Tajawal', Arial, sans-serif !important;
}

.btn, .form-control, .form-select, .nav-link, .dropdown-item, .card-title, .card-text, .modal-title, .alert, .badge, .toast {
    font-family: 'Tajawal', Arial, sans-serif !important;
}

/* Search icon positioning for RTL */
.search-box .search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #878a99;
}