:root {
    --max-content-width: 1920px;
    --min-content-width: 375px;
    --content-width: 1360px;
    /* --nav-height: 102px; */
    --nav-height: 1.02rem;
    --banner-height: 985px;

    --padding-content: 20px;

    --solution-item-width: 580px;

    --footer-bg-color: #1D1F1F;

    --primary-color: #25A385;

    --text-color-base: #020A08;
    --text-color-main: #25A385;
    --text-color-secondary: #4E5969;
    --text-color-third: #626F6C;
    --text-color-error: #FF3838;
    --text-color-placeholder: #B1BAB8;
}

@media screen and (max-width: 1400px) {
    :root {
        --content-width: 1200px;
    }
}
@media screen and (max-width: 1260px) {
    :root {
        --content-width: 980px;
        --solution-item-width: 480px;
    }
}
@media screen and (max-width: 1023px) {
    :root {
        --max-content-width: 100%;
        --content-width: 100%;
        --padding-content: 24px;

        --nav-height: 44px;
        --banner-height: 768px;
    }
}

@media screen and (max-width: 374px) {
    :root {
        --padding-content: 15px;
    }
}