/* Wrapper */
@media(min-width:1690px) {
    .container-fluid {
        max-width: 1320px;
    }
}

.wrapper {
    width: 80%;
    max-width: 1320px;
    margin: auto;
}

/* Wrapper */

/* Background COLOR */

/* Background COLOR */
/* Text COLOR */
.text-primary {
    color: var(--primaryColor) !important;
}

.text-black2 {
    color: var(--textBlack2) !important;
}

/* Text COLOR */

/* Button CSS */
.btn-theme,
button.btn-theme,
.btn.btn-theme,
a.btn-theme {
    display: block;
    border-radius: 33px;
    background-color: var(--whiteColor);
    color: var(--primaryColor);
    padding: 8px 25px;
    border: 1px solid var(--primaryColor);
    font-weight: 500;
    font-size: 16px;
    transition: .4s all;
}

.btn-theme:hover,
button.btn-theme:hover,
.btn.btn-theme:hover,
a.btn-theme:hover {
    background-color: var(--primaryColor);
    color: var(--whiteColor);
}

.btn-theme-outline {
    display: block;
    border-radius: 33px;
    background-color: transparent;
    color: var(--primaryColor);
    padding: 8px 25px;
    border: 1px solid var(--primaryColor);
    font-weight: 500;
    font-size: 16px;
    transition: .4s all;
}

.btn-theme-outline:hover {
    background-color: var(--primaryColor);
    color: var(--whiteColor);
}

.gap-y-1 {
    gap: 0.25rem 0;
}

.gap-y-2 {
    gap: 1rem 0;
}

.gap-y-3 {
    gap: 1.25rem 0;
}

.gap-y-4 {
    gap: 2rem 0;
}

.gap-y-5 {
    gap: 2.25rem 0;
}
/* Button CSS */

/* Width CSS */
.w-max{
    width: max-content;
}
/* Width CSS */