:root{
    /*************************
    * Brand Guidline style
    *************************/
    --layout-content-width:80%;
    --container-padding-inline:140px;
    /** fonts **/
    --base-font:"linearGrotesk";
    --base-font-bold:"linearGrotesk-bold";
    --base-font-medium:"linearGrotesk-medium";
    --secondary-font: "Montserrat";
    /** Colors **/
    --primary-color-dark:#0C964B;
    --primary-color-light:#0EE5B2;
    --primary-color:#45B54A;
    --secondary-color:#124460;
    --primary-background:#ffffff;
    --secondary-background:#000000; 
    --third-background:#E9E9E9; 

    /** font sides **/
    --font-size:2rem;
    --title-size:3rem;
    --title-large-font-size:3.5rem;
    --title-extra-large-font-size:4rem;

    /*****************************/
    /*****************************/
    --bg-color:#ffffff;
    --bg-color-2:#F5F5F5;
    --dark-bg-color:#00355C;
    --dark-bg-color-2:#1f5496;
    --title-color-light: #2da4fc;
    --title-color-dark:#000000;
    --title-color-1: var(--dark-bg-color);
    --title-color-2:#0c8441;
    --text-color-light:#dbdbdb;
    --text-color:#2a2a2a;
    --text-color-med:#515151;
    --footer-title-color: var(--dark-bg-color);
    --footer-text-color: #464646;
    --text-color-light-blue:#00ffe3;
    --menu-btn-icon-color: var(--title-color-light);
    --menu-btn-icon-hover-color: var(--title-color-light);
    --font-title-extr-large:4rem;
    --font-title-large:3.4rem;
    --font-title-med:3rem;
    --font-title-def:2.7rem;
    --font-title-regular:2.2rem;
    --font-header-regular:2.8rem;
    --font-text-regular:1.9rem;


}