@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url("../../webfonts/cairo/cairo-arabic.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url("../../webfonts/cairo/cairo-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    display: none;
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.row-gap-24 {
    row-gap: 24px;
}

.bg-main {
    background-color: var(--bg-2e5789);
}

.fs-10px {
    font-size: 10px !important;
}

.fs-11px {
    font-size: 10px !important;
}

.fs-12px {
    font-size: 11px !important;
}

.fs-13px {
    font-size: 12px !important;
}

.w-230px {
    width: 230px;
}

@media (max-width: 767.98px) {
    .w-230px {
        width: 100%;
    }
}

.gap-2rem {
    gap: 2rem;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #c7ccd1 transparent;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--bg-c7ccd1);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bg-9aa1a9);
}

body {
    font-family: "Cairo", sans-serif;
    background-color: var(--bg-fdfdfd);
    color: var(--fg-000000);
    font-size: 13px;
    min-width: 100%;
    min-height: 100%;
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: var(--fg-000000);
}

a:hover {
    color: var(--fg-000000);
}

button {
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0;
}

.main-color {
    color: var(--fg-2e5789) !important;
}

.dropdown-remove-arrow::after {
    border: none;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: var(--fg-000000);
}

a:hover {
    color: var(--fg-000000);
}

button {
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0;
}

a:hover {
    color: var(--primary-deep);
}

@media (max-width: 991.98px) {
    html body .app .sidebar {
        z-index: 1200;
    }

    html body .app .sidebar-backdrop {
        top: 0;
        z-index: 1120;
    }
}

.min-w-0 {
    min-width: 0;
}

html,
body {
    overflow-x: hidden;
    max-width: 100%;
}