/* ---------- variable style ---------- */

@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');

:root {
    /* fonts */
    --f-primary: 'Saira', sans-serif;
    --f-secondary: 'Nunito', sans-serif;

    --line-height: 1.5em !important;
    --f-bold: 900;
    --f-medium: 600;

    --transition-p: all 0.4s ease;

    /* colors */
    --c-primary: #157199;
    --c-secondary: #42C7DA;
    --c-green: #A9F075;
    --c-grey-light: rgba(102, 102, 102, 0.06);
    --c-blue-light: rgba(66, 199, 218, 0.06);
    --c-grey: #454545;
    --c-white: #fff;
    --c-black: #161616;

    --gradient-conic: conic-gradient(from 0.25turn, #157199, #2194A6);
    --gradient-radial: radial-gradient(50% 712.4% at 50% 100%, #157199 0%, #2194A6 100%);

    /*box-shadow*/
    --shadow: 10px 10px 20px 0 rgba(102, 102, 102, 0.1);
    
    /* Transitions */
    --all-transition: all 0.4s ease;
}