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

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

.gap-0,
.gapx-0 {
    row-gap: 0;
}

.gap-0,
.gapy-0 {
    column-gap: 0;
}

.gap-1,
.gapx-1 {
    row-gap: 0.25rem;
}

.gap-1,
.gapy-1 {
    column-gap: 0.25rem;
}

.gap-2,
.gapx-2 {
    row-gap: 0.5rem;
}

.gap-2,
.gapy-2 {
    column-gap: 0.5rem;
}

.gap-3,
.gapx-3 {
    row-gap: 1rem;
}

.gap-3,
.gapy-3 {
    column-gap: 1rem;
}

.gap-4,
.gapx-4 {
    row-gap: 1.5rem;
}

.gap-4,
.gapy-4 {
    column-gap: 1.5rem;
}

.gap-5,
.gapx-5 {
    row-gap: 2rem;
}

.gap-5,
.gapy-5 {
    column-gap: 2rem;
}

.gap-6,
.gapx-6 {
    row-gap: 4rem;
}

.gap-6,
.gapy-6 {
    column-gap: 4rem;
}

.gap-48,
.gapx-48 {
    row-gap: 48px;
}

.gap-48,
.gapy-48 {
    column-gap: 48px;
}

.gap-128,
.gapx-128 {
    row-gap: 128px;
}

.gap-128,
.gapy-128 {
    column-gap: 128px;
}

.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: 768px) {
    .gap-md-0 {
        gap: 0;
    }

    .gap-md-1 {
        gap: 0.25rem;
    }

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

    .gap-md-3 {
        gap: 1rem;
    }

    .gap-md-4 {
        gap: 1.5rem;
    }

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

    .gap-md-6 {
        gap: 4rem;
    }
}

@media (min-width: 992px) {
    .gap-lg-0 {
        gap: 0;
    }

    .gap-lg-1 {
        gap: 0.25rem;
    }

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

    .gap-lg-3 {
        gap: 1rem;
    }

    .gap-lg-4 {
        gap: 1.5rem;
    }

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

    .gap-lg-6 {
        gap: 4rem;
    }
}

@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 */