@font-face {
    font-family: Nasalization;
    src: url("/disbursex_admin/css/nasalization-rg.otf");
    font-display: swap;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* scroll-behavior: smooth; */
    -webkit-tap-highlight-color: transparent;
    font-family: var(--font-primary);
}
/* html {
    scroll-behavior: smooth;
} */
body {
    font-family: var(--font-primary);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-150);
    background: var(--color-body-bg); 

    /* color: #222;
    background: #fff; */
}
input:focus,textarea:focus,
input[type="text"]:focus {
    border-color: var(--primary-border-color) !important;
}

.business_select_option:has(input:focus) {
    border-color: var(--primary-border-color) !important;
}

/* img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto;
} */
button,
input,
textarea,
select {
    border: none;
    outline: none;

}
a {
    color: inherit;
    text-decoration: none;
}
ul,
ol {
    list-style: none;
}
button{
    cursor: pointer;
}
:root {
    /* Fonts */
    --font-primary: "Noto Sans", sans-serif;
    --font-secondary: "Nasalization", sans-serif;

    /* Font Style */
    --font-style-normal: normal;
    --font-style-italic: italic;
    /* Font Weight Scale */
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;
    --font-weight-bold: bold;
    /* Font Size Scale (rem based) */
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-26: 26px;
    --font-size-28: 28px;
    --font-size-30: 30px;
    --font-size-32: 32px;
    --font-size-34: 34px;
    --font-size-36: 36px;
    --font-size-38: 38px;
    --font-size-40: 40px;
    /* Fluid (Responsive) Sizes */
    /* --font-size-fluid-16: clamp(0.875rem, 1.6vw, 1rem);
    --font-size-fluid-20: clamp(1rem, 2vw, 1.25rem);
    --font-size-fluid-24: clamp(1.125rem, 2.5vw, 1.5rem);
    --font-size-fluid-32: clamp(1.375rem, 3vw, 2rem);
    --font-size-fluid-40: clamp(1.75rem, 4vw, 2.5rem); */
    /* Line Height */
    --line-height-120: 1.2;
    --line-height-150: 1.5;
    --line-height-170: 1.7;
    --line-height-200: 2;
    /* Letter Spacing */
    --letter-spacing--2: -0.02em;
    --letter-spacing-0: 0em;
    --letter-spacing-2: 0.02em;
    --letter-spacing-5: 0.05em;
    /* Border Radius (rem based) */

    --radius-2: 2px;
    --radius-4: 4px;
    --radius-6: 6px;
    --radius-8: 8px;
    --radius-10: 10px;
    --radius-round: 50%;
}

::-webkit-scrollbar-thumb {
    background: #96A7CE;
    border: 1px solid #E8ECF6;
    border-radius: 10px;
    height: 4px;
}