/* UltraLight */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-UltraLight.ttf") format("truetype");
    font-weight: 100; /* UltraLight weight */
    font-style: normal;
}

@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-UltraLightItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic; /* UltraLight Italic */
}

/* Light */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-Light.ttf") format("truetype");
    font-weight: 300; /* Light weight */
    font-style: normal;
}

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

/* Thin */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-Thin.ttf") format("truetype");
    font-weight: 200; /* Thin weight */
    font-style: normal;
}

@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-ThinItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic; /* Thin Italic */
}

/* Regular */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-Regular.ttf") format("truetype");
    font-weight: 400; /* Regular weight */
    font-style: normal;
}

@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic; /* Regular Italic */
}

/* Medium */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-Medium.ttf") format("truetype");
    font-weight: 500; /* Medium weight */
    font-style: normal;
}

@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic; /* Medium Italic */
}

/* SemiBold */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-SemiBold.ttf") format("truetype");
    font-weight: 600; /* SemiBold weight */
    font-style: normal;
}

@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic; /* SemiBold Italic */
}

/* Bold */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-Bold.ttf") format("truetype");
    font-weight: 700; /* Bold weight */
    font-style: normal;
}

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

/* HeavyBold */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-HeavyBold.ttf") format("truetype");
    font-weight: 800; /* HeavyBold weight */
    font-style: normal;
}

@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-HeavyBolditalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic; /* HeavyBold Italic */
}

/* Black */
@font-face {
    font-family: "Gilroy";
    src: url("/fonts/Gilroy-Black.ttf") format("truetype");
    font-weight: 900; /* Black weight */
    font-style: normal;
}

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

html {
    scroll-behavior: smooth;
}
body {
    font-family: "Gilroy";
}
.gilroy {
    font-family: "Gilroy" !important;
}
/* Custom CSS Files */
.custom-scrollbar {
    padding-right: 10px;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 0.375rem !important;
    height: 0.375rem !important;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity)) !important;
    border-radius: 0.25rem !important;
}

.custom-scrollbar::-webkit-scrollbar-track {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important;
    border-radius: 0.25rem !important;
}

/* Forms */
.invalid-feedback {
    color: rgb(189, 0, 0) !important;
}

.hide-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

.btn-primary {
    color: white;
}

.select2-container--default
    .select2-selection--single
    button.select2-selection__clear {
    margin-left: 1rem !important;
    margin-right: unset !important;
}

/* modal drawe */
.modal-drawer {
    justify-items: center;
    .modal-box {
        padding: unset !important;
        height: 95dvh !important;
        max-height: 95dvh !important;
        border-radius: 1rem !important;
    }
}

@media (max-width: 768px) {
    .modal-drawer {
        .modal-box {
            height: 100dvh !important;
            max-height: 100dvh !important;
            border-radius: 0rem !important;
        }
    }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
/* Hide the spin buttons */
input[type="number"] {
    -moz-appearance: textfield !important;
}