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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --quite-default-blue: #004260;
    --quite-default-green: #97C121;
    --quite-default-gray: rgba(0, 0, 0, .5) !important;
    --quite-default-dark-green-1: #2E493d;
    --quite-default-dark-green-2: #005441;
    --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(255,255,255,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: var(--quite-default-green);
    color: white;
    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: white;
}

.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: white;
    }