@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-Thin.woff2") format("woff2");
    font-weight: 100; /* Thin */
    font-style: normal;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-ThinItalic.woff2") format("woff2");
    font-weight: 100; /* Thin Italic */
    font-style: italic;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-Light.woff2") format("woff2");
    font-weight: 300; /* Light */
    font-style: normal;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-LightItalic.woff2") format("woff2");
    font-weight: 300; /* Light Italic */
    font-style: italic;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-Regular.woff2") format("woff2");
    font-weight: 400; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-SemiBold.woff2") format("woff2");
    font-weight: 600; /* Semi Bold */
    font-style: normal;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-SemiBoldItalic.woff2") format("woff2");
    font-weight: 600; /* Semi Bold Italic */
    font-style: italic;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-Bold.woff2") format("woff2");
    font-weight: 700; /* Bold */
    font-style: normal;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-BoldItalic.woff2") format("woff2");
    font-weight: 700; /* Bold Italic */
    font-style: italic;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-Black.woff2") format("woff2");
    font-weight: 900; /* Black */
    font-style: normal;
}

@font-face {
    font-family: "SoDoSans";
    src: url("../font/SoDoSans/SoDoSans-BlackItalic.woff2") format("woff2");
    font-weight: 900; /* Black Italic */
    font-style: italic;
}

/* vietnamese */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2)
        format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2)
        format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    font-family: "Space Grotesk", "SoDoSans", sans-serif;
}

.loader-spinner {
    transition: opacity 0.3s ease;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

*::-webkit-scrollbar {
    width: 0.4em;
    height: 0.4em;
}

*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(26, 26, 46, 0.3);
    background: #fff5e1;
}

*::-webkit-scrollbar-thumb {
    background-color: #cc2232;
    border: 0.5px solid #fff5e1;
}

html {
    scroll-behavior: smooth;
}

@layer utilities {
    .scrollbar-hidden {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .scrollbar-hidden::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .scrollbar-hover:hover::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .scrollbar-hover:hover::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    .box-shadow {
        box-shadow: 0px 0px 10px 1px rgba(128, 128, 128, 0.4);
    }

    .box-shadow-gray {
        box-shadow: 0px 0px 10px 1px rgba(128, 128, 128, 0.4);
        transition: box-shadow 0.3s ease-in-out;
    }

    .box-shadow-gray:hover {
        box-shadow: 0px 0px 10px 3px rgba(128, 128, 128, 0.6);
    }
}

.flatpickr-calendar * {
    box-shadow: 0px 0px 0px transparent !important;
}

.flatpickr-calendar {
    /* background-color: #f8f9fa; */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.flatpickr-weekdays,
.flatpickr-months,
.flatpickr-month,
.flatpickr-day.selected,
.flatpickr-weekday,
.flatpickr-monthDropdown-months,
.flatpickr-monthDropdown-month:focus {
    background: #cc2232 !important;
}

.flatpickr-monthDropdown-month {
    background: #f8f9fa !important;
}

.flatpickr-weekday,
.flatpickr-month {
    color: #f8f9fa !important;
}

.flatpickr-next-month svg,
.flatpickr-prev-month svg {
    fill: #f8f9fa !important;
}

.flatpickr-day.selected,
.flatpickr-day.nextMonthDay.selected {
    color: white !important;
    border-radius: 5px !important;
    border-color: #cc2232 !important;
}

.flatpickr-monthDropdown-month {
    color: gray !important;
}

.flatpickr-day:not(.selected, .flatpickr-disabled):hover {
    background: #ddd !important;
}

.flatpickr-day.today:not(.selected) {
    border-color: #bbb !important;
}

.flatpickr-day.today,
.flatpickr-day.prevMonthDay.today,
.flatpickr-day:not(.selected, .flatpickr-disabled):hover,
.flatpickr-day:focus {
    border-radius: 5px;
}

.flatpickr-month,
.flatpickr-months,
.flatpickr-monthDropdown-month {
    outline: none !important;
    border: none !important;
}

.flatpickr-months {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    overflow: hidden;
}

.flatpickr-monthDropdown-month {
    font-size: 0.8em;
}

.flatpickr-day.flatpickr-disabled {
    color: rgb(156 163 175 / 0.5) !important;
}

.flatpickr-day.nextMonthDay {
    color: rgb(75 85 99 / 0.8) !important;
}

.flatpickr-days .dayContainer {
    padding: 5px 2px;
}

.iti {
    width: 100%;
}

.iti__flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags.png") !important;
}
