/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
    font-family: 'Roboto-Black';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Black';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-BlackItalic';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Bold';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-BoldItalic';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-ExtraBold';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-ExtraBoldItalic';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Italic-VariableFont_wght';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Italic';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Light';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-LightItalic';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Medium';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-MediumItalic';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-SemiBold';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-SemiBoldItalic';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-VariableFont_wght';
    src: url('fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}

.w-60 {
    width: 60% !important;
}

:root {
    --quite-default-blue: #FFFFFF;
    --quite-default-green: #B8FAC5;
    --quite-default-gray: rgba(18, 51, 41, 0.5) !important;
    --quite-default-dark-green-1: #B8FAC5;
    --quite-default-dark-green-2: #1E2728;
    --quite-default-eletric-violet: rgba(92, 48, 253, 0.1);
    --quite-default-ebony: rgba(16, 24, 40, 0.1);
    --quite-default-lighter-green: #DCF2EB;
}

.quite-bg-blue {
    background-color: var(--quite-default-blue);
}

.quite-bg-green {
    background-color: var(--quite-default-green);
}

.quite-bg--lighter-green {
    background-color: var(--quite-default-lighter-green);
}

.quite-bg-dark-green-1 {
    background-color: var(--quite-default-dark-green-1);
}

.quite-bg-eletric-violet {
    background-color: var(--quite-default-eletric-violet);
}

.quite-border-ebony {
    border: 1px solid var(--quite-default-ebony);
}

.quite-font-family-RubickRegular {
    font-family: Rubik-Regular !important;
}

    .quite-font-family-RubickRegular * {
        font-family: Rubik-Regular !important;
    }

.quite-font-color-white-55alpha {
    color: rgba(0,0,0,0.55);
}

.quite-font-color-default-green {
    color: var(--quite-default-green);
}

.quite-font-color-default-blue {
    color: var(--quite-default-blue);
}

.quite-shadow-border-rounded {
    border: 1px solid var(--quite-default-ebony);
    box-shadow: 0 2px 4px rgba(0.2, 0.2, 0.2, 0.2);
    border-radius: 25px;
    padding: 15px;
    margin: 10px;
}

.quite-shadow-border-rounded-fit-content {
    border: 1px solid var(--quite-default-ebony);
    box-shadow: 0 2px 4px rgba(0.2, 0.2, 0.2, 0.2);
    border-radius: 25px;
    max-width: fit-content !important;
    padding: 15px;
    margin: 10px;
}

.smallFontSize {
    font-size: 11px;
}


.btn-primary {
    background-color: black!important;
    color: white !important;
    border: 0;
    justify-content: center;
    align-content: center;
}

a.btn-primary {
    padding: .675rem .75rem;
    font-weight: bold;
}

.btn-primary:hover {
    background-color: var(--quite-default-dark-green-2);
    color: black;
}

.btn-secondary {
    background-color: var(--quite-default-eletric-violet);
    color: black;
    border: 0;
    justify-content: center;
    align-content: center;
}

    .btn-secondary:hover {
        background-color: var(--quite-default-green);
        color: black;
    }



.form-control {
    border: 1px solid var(--quite-default-green) !important;
}

.text-white{
    color: #000 !important ;
}
.text-real-white {
    color: #fff !important;
}