:root {
    --section-padding: 50px;
    --gap: 16px;

    --bg--light-blue: #F5F7FB;
    --bg--white: #FFFFFF;
    --bg--blue: #22366F;
    --bg--red: #A51D2D;

    --primary-color: var(--bg--blue);
    --secondary-color: var(--bg--red);

    --border-radius: 4px;
    --box-shadow: 0px 3px 50px #06324B14;
    --font-family: 'Montserrat', sans-serif;

    --font-color: #0D1725;
    --head-font-color: #003890;


}

@media (min-width: 1200px) { 
    :root {
        --section-padding: 75px;
        --gap: 32px;
    }
}