:root {
    --White: #FFFFFF;
    --Background-2: #90A099;
    --Background: #ece9e9;
    --Stroke: #ffffff;
    --Txt: #555764;
    --Black: #000;
    --Swampy: #7c9132;
    --Green: #00C32B;
    --Red: #F06B6B;
    --Star: #FFB21D;
    --Left-gradient: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    --Bottom-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    --Serts: #B48084;
    --Gray: #5D5D5D;
    --Main-banner-gradient: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF9F3 100%);

    --Transition: all 0.4s ease-in-out;

    --Padding-inner: 100px;
    --Margin: 100px;
    --Big-margin: 60px;
    --Mini-margin: 15px;
    --Small-margin: 20px;
    --Mini-Simple-margin: 25px;
    --Simple-margin: 30px;
    --Margin-title: 40px;

    --Main-gap: 30px;

    --Container: 1290px;
}


/* Global */
@media(max-width: 1330px) {
    :root {
        --Container: 95%;
    }
}
@media(max-width: 660px) {
    :root {
        --Main-gap: 15px;
    }
}

/* why_me-block */
@media(max-width: 1020px) {
    :root {
        --Why_me-center: 350px;
    }
}
@media(max-width: 740px) {
    :root {
        --Why_me-center: 300px;
    }
}
@media(max-width: 430px) {
    :root {
        --Why_me-center: 95vw;
    }
}


/* advantages */
@media(max-width: 920px) {
    :root {
        --Advantages-center: 400px;
    }
}
@media(max-width: 880px) {
    :root {
        --Advantages-center: 45vw;
    }
}
@media(max-width: 700px) {
    :root {
        --Advantages-center: 300px;
    }
}
@media(max-width: 430px) {
    :root {
        --Advantages-center: 95vw;
    }
}




/* global-margin */
@media(max-width: 1000px) {
    :root {
        --Margin: 60px;
        --Margin-title: 30px;

        --Padding-inner: 20px;
    }
}
@media(max-width: 600px) {
    :root {
        --Margin: 40px;
        --Margin-title: 20px;
    }
}