:root {
    --bs-primary: var(--primary-500);
    --bs-danger: var(--danger-500);
    --bs-black: var(--primary-950);
    --bs-white: var(--primary-50);
}

p,
h1,
h2,
h3,
h4,
h5 {
    margin-bottom: 0 !important;
}

.gap-0 {
    gap: 0;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-3 {
    gap: 1rem;
}
.gap-4 {
    gap: 1.5rem;
}
.gap-5 {
    gap: 2rem;
}
.gap-6 {
    gap: 4rem;
}
.gap-36 {
    gap: 36px;
}

.rounded-1 {
    border-radius: 0.25rem;
}
.rounded-2 {
    border-radius: 0.5rem;
}
.rounded-3 {
    border-radius: 1rem;
}
.rounded-4 {
    border-radius: 1.5rem;
}
.rounded-5 {
    border-radius: 2rem;
}

.fs-1 {
    font-size: 14px !important;
}
.fs-2 {
    font-size: 16px !important;
}
.fs-3 {
    font-size: 18px !important;
}
.fs-4 {
    font-size: 23px !important;
}
.fs-5 {
    font-size: 28px !important;
}
.fs-6 {
    font-size: 32px !important;
}

.font-weight-semibold {
    font-weight: 600;
}

.opacity-0 {
    opacity: 0;
}

.flex-basis-0 {
    flex-basis: 0;
}

/* #region MARK: Sizing */
.w-max-content {
    width: max-content;
}

.w-fit-content {
    width: fit-content;
}

.h-0 {
    height: 0;
}
/* #endregion Sizing */

/* #region MARK: Text overflow */
.text-overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* #endregion Text overflow */

/* #region MARK: Negative margins */
.ml-neg-1 {
    margin-left: -0.25rem;
}
.ml-neg-2 {
    margin-left: -0.5rem;
}
.ml-neg-3 {
    margin-left: -1rem;
}
.ml-neg-4 {
    margin-left: -1.5rem;
}
.ml-neg-5 {
    margin-left: -2rem;
}
/* #endregion Negative margins */

/* #region MARK: Responsive Size */
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }
    .h-md-75 {
        height: 75% !important;
    }
    .h-md-50 {
        height: 50% !important;
    }
    .h-md-25 {
        height: 25% !important;
    }

    .show-scrollbar-md::-webkit-scrollbar {
        width: 10px;
    }
}

@media (min-width: 1400px) {
    .w-xl-100 {
        width: 100% !important;
    }
    .w-xl-75 {
        width: 75% !important;
    }
    .w-xl-50 {
        width: 50% !important;
    }
    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }
    .h-xl-75 {
        height: 75% !important;
    }
    .h-xl-50 {
        height: 50% !important;
    }
    .h-xl-25 {
        height: 25% !important;
    }
}
/* #endregion Responsive size*/

/* #region MARK: Responsive gap */
@media (min-width: 576px) {
    .gap-sm-0 {
        gap: 0;
    }
    .gap-sm-1 {
        gap: 0.25rem;
    }
    .gap-sm-2 {
        gap: 0.5rem;
    }
    .gap-sm-3 {
        gap: 1rem;
    }
    .gap-sm-4 {
        gap: 1.5rem;
    }
    .gap-sm-5 {
        gap: 2rem;
    }
    .gap-sm-6 {
        gap: 4rem;
    }
}
/* #endregion Responsive gap */

/* #region MARK: Responsive scroll */
@media (min-width: 768px) {
    .overflow-md-auto {
        overflow: auto !important;
    }
    .overflow-md-hidden {
        overflow: hidden !important;
    }
}
/* #endregion Responsive scroll */

/* #region MARK: Grids */
.grid-3c {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
/* #endregion Grids */

/* #region MARK: Nav Tabs */
.nav-tabs .nav-item {
    margin-bottom: 0;
    user-select: none;
    cursor: pointer;
}

.nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) {
    font-size: 1rem;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link  {
    color: inherit !important;
}
.nav-tabs .nav-link.active {
    border-color: transparent;
    border-bottom-color: var(--primary-500);
}
/* #endregion Nav Tabs */