:root {
    /* font-family */
    --ff-primary: 'Montserrat', sans-serif;
    --ff-secondary: 'Inter', sans-serif;

    /* font-weights */
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;

    /* colors */
    --clr-white: #FFFFFF;
    --clr-black: #000000;
    --clr-gray: #F4F1F1;

    --clr-flag-green: #108757;
    --clr-flag-yellow: #FFBE00;
    --clr-flag-red: #EB0000;

    --clr-black-500: #313131;
    --clr-green-500: #009990;
    --clr-green-400: #009990b3;
    --clr-green-300: rgba(0, 153, 144, .7);
    --clr-green-900: #093734;
    --clr-yellow-500: #FFC700;
    --clr-gray-500: #A4BDD8;
    --clr-gray-400: #D0D9D8;
    --clr-gray-300: #D8E8F9;
    --clr-gray-200: #7F9693;
    --clr-gray-900: #313F41;
    --clr-blue-900: #0A3764;
    --bg-green-primary-900: #1b2f28;
    --bg-orange: #fd7e14;
    --bg-green-secondary: #174736;
    --bg-white: #FFFFFF;
    --bg-yellow: #fedf21;
    /* spacing */
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-48: 48px;
    --space-60: 60px;


    /* others */
    --brand-height: 200px;
    --nav-height: 54px;
    --header-height: calc(var(--brand-height) + var(--nav-height));
    --body-max-width: 2048px;
    --default-line-height: calc(1em + .5rem);
    --page-title-header: 150px;
}

/* debut style footer mic */
.bg-color-dark {
    background-color: #313131;
}

.bg-green-primary-900 {
    background-color: var(--bg-green-primary-900);
    color: var(--bg-white);
}

.btn-bg-green-primary-900 {
    background-color: var(--bg-green-primary-900);
    color: var(--bg-white);

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}


.btn-bg-green-primary-900:hover {
    color: #fff;
    background-color: #3c9c7b;
    border-color: var(--bg-white) !important;
    opacity: 0.8;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.textlang {
    color: white !important;

}

.textlang:hover {
    color: white !important;
}

.langlink {
    min-width: 2rem;
    transition: 0.3s color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;

    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: white !important;

}


.text-info-1 {
    color: yellow !important;
}

/* a.text-info:hover,
a.text-info:focus {
    color: #1594ef !important;
} */

a.text-info-1:hover,
a.text-info-1:focus {
    color: yellow !important;
}

.tag-outline-info-1 {
    background-color: #a7e6d0;
    color: #3c9c7b;
    border: 1px solid #73facb;
}

.tag-outline-info-1::before {
    border: 1px solid #73facb;
}


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

.bg-white {
    color: var(--bg-white);
}

.bg-yellow {
    background-color: var(--bg-yellow);
}


.test-green-primary {
    color: #3c9c7b;
}

.nav-item {
    color: white;
}

a.link {
    text-decoration: none;
}

a.link:hover {
    text-decoration: underline;
}

.no-margin-padding {
    margin: 0 !important;
    padding: 0 !important;
}

div.flag {
    padding: 0;
    height: 8px;
}

a.mentions {
    font-size: 12px;
    text-decoration: none;
}

div.m-g {
    margin-top: 200px;
}

/* fin style footer mic */


/*  style new footer mic */
a.social {
    background-color: #006A9A;
    text-decoration: none;
}

a.social:hover {
    opacity: .9;
    transition: opacity;
}

a.link {
    text-decoration: none;
    color: #7A7A7A;
}

a.link:hover {
    color: #000;
    transition: color 0.3s;
    transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

h5 {
    font-size: 16px;
}

/*  fin style new footer mic */