:root{
    --dark: #050505;
    --base-color: #fff;
    --main-color: #F3602E;
    --bs-body-font-size: 18px;
    --nav-gap: 43px;
    --brad: 15px;
    --f-title: 'HelveticaNeueCyr';

    --fz-fh1: 63px;
    --fz-btitle: 50px;
    --fz-pochemu-title: 25px;
    --fz-nav: 18px;
    --fz-number: 50px;

    --h-pochemuimg: 100px;
    
    --wcol-logo: 200px;
    --w-video: 70%;
    --w-itnumber: 205px;
    --w-gl-text: 570px;
    --w-wf-left: 37.3%;
    --w-wf-right: 62.7%;

    --mh-wone: 475px;
    --mh-wrgtext: 607px;

    --mb-vrow: 29px;
    --mt-wrgtext: 110px;
    --mt-wrzachem: 75px;
    --mb-wrz-bt: 41px;
    --mt-wrpochemu: 142px;
    --mb-bt-wrpochemu: 94px;
    --mb-btglt: 26px;
    --mt-wrgrafik: 136px;
    --mb-grafik-bt: 30px;
    --mt-grafikt-text: 105px;
    --mb-cc: 41px;
    --mb-cc-bt: 47px;
    --mt-wrwf: 134px;
    --mt-wrbb: 157px;
    --mt-footer: 157px;
    --mb-h1: 30px;
    --mb-w1t: 32px;
    --mb-info-title: 9px;
    --mb-title-zachem: 50px;

    --pt-wrgtext: 105px;
    --p-btn-x: 37px;
    --p-btn-y: 9px;
    --pt-app: 111px;
    --p-header: 32px 0;
    --pb-footer: 65px;
    --p-wr-one: 45px 0 112px;
    --p-infotpl: 32px 28px 13px 37px;
    --pd-beneft2: 29px 38px 32px;
    --p-paym-gr: 9px 12px 6px;
}
@media screen and (max-width: 1399px) {
    :root{
        --w-video: 60%;
        --mh-wrgtext: 415px;
    }
}
@media screen and (max-width: 1199px) {
    :root{
        --bs-body-font-size: 16px;
        --fz-nav: 16px;
        --nav-gap: 22px;
        --p-btn-x: 20px;
        --fz-fh1: 50px;
        --mh-wone: 300px;
        --pt-app: 108px;
        --h-pochemuimg: 70px;
        --fz-pochemu-title: 22px;
        --fz-btitle: 40px;
        --fz-number: 40px;
        --w-itnumber: 177px;
    }
}
@media screen and (max-width: 991px) {
    :root{
        --wcol-logo: 100%;
        --p-header: 15px 0;
        --fz-fh1: 40px;
        --pt-app: 55px;
        --mt-wrpochemu: 62px;
        --fz-pochemu-title: 19px;
        --mb-bt-wrpochemu: 37px;
        --fz-btitle: 30px;
        --w-gl-text: 377px;
        --mt-wrgtext: 60px;
        --pt-wrgtext: 26px;
        --mh-wrgtext: 242px;
        --mb-btglt: 30px;
        --mt-wrgrafik: 45px;
        --mb-grafik-bt: 30px;
        --mb-wrz-bt: 37px;
        --mt-grafikt-text: 40px;
        --mb-cc: 20px;
        --mb-cc-bt: 33px;
        --w-wf-left: 100%;
        --w-wf-right: 100%;
        --mt-wrwf: 52px;
        --mt-wrbb: 72px;
        
        --mt-footer: 82px;
        --pb-footer: 39px;
    }
}
@media screen and (max-width: 767px) {
    :root{
        --bs-body-font-size: 14px;
        --mb-h1: 15px;
        --mb-w1t: 15px;
        --p-btn-y: 7px;
        --mh-wone: 195px;
        --p-wr-one: 50px 0 39px;
    }
}
@media screen and (max-width: 575px) {
    :root{
        --p-wr-one: 274px 0 39px;
        --bs-body-font-size: 12px;
        --p-infotpl: 11px 18px;
        --fz-pochemu-title: 14px;
        --mb-info-title: 3px;
        --mb-vrow: 20px;
        --h-pochemuimg: 58px;
        --pt-wrgtext: 0;
        --mt-wrgtext: 55px;
        --w-video: 100%;
        --mt-wrzachem: 63px;
        --mb-title-zachem: 23px;
        --fz-number: 30px;
        --w-itnumber: 118px;
        --pd-beneft2: 13px 19px 15px;
        --brad: 8px;
        --p-header: 65px 0 13px;
        --mb-h1: 22px;
        --mb-bt-wrpochemu: 30px;
        --mb-btglt: 24px;
        --mb-wrz-bt: 31px;
        --mt-wrgrafik: 60px;
        --mb-grafik-bt: 22px;
        --mt-grafikt-text: 31px;
        --mt-wrbb: 78px;
        --mb-cc-bt: 27px;
        --mt-wrwf: 57px;
        --mt-footer: 75px;
    }
}