:root {
    --blue: #24337D;
    --light-blue: #E8F6FF;
    --light-sky-blue: #87CEFA;
    --white: #FEFEFE;
    --text-dark: #343434;
    --yellow: #FFF7E9;
    --bg: #E9F5F5;
    --new-blue: #0A2558;
    --new-white: #EBEBEB;
    --bg-linear: linear-gradient(180deg, #0A2558 0%, #1550BE 100%);

    --font-size-text: 18px;
    --font-size-title: 25px;
    --font-size-small: 16px;
    --font-size-more-btn: 17px;
    --font-size-main-title: 80px;
    --font-footer: 40px;

    /* --font-main: "Manrope", sans-serif;
    --font-second: "Archivo", sans-serif; */

    --font-main: "Roboto", sans-serif;
    --font-second: "Roboto", sans-serif;

    --font-weight-thin: 300;
    --font-weight-slim: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

}

@media (max-width: 1450px) {
:root {
    --font-size-main-title: 70px;
    --font-footer: 30px;
}
}
@media (max-width: 1250px) {
:root {
    --font-size-main-title: 60px;
}
}
@media (max-width: 992px) {
:root {
    --font-size-main-title: 50px;
    --font-size-text: 18px;
    --font-size-title: 24px;
    --font-size-small: 14px;
    --font-size-more-btn: 14px;
    --font-footer: 20px;
}
}
@media (max-width: 600px) {
:root {
    --font-size-main-title: 38px;
}
}