.header .container .header__moment {
    font-size: 16px;
    color: #000000;
    border: 2px solid #FFDE52;
    margin-right: 24px;
    height: 56px;
    padding: 0 24px;
}

.wrapper .header .container {
    padding: 16px 20px;
}

.money-bar .container .money-bar-content .money-bar__btn.btn.btn-yellow {
    border-radius: 500px;
}

.header .container .header__lk {
    font-size: 16px;
    color: #000000;
    border: 2px solid #FFDE52;
    border-radius: 100px;;
    height: 56px;
    padding: 0 24px;
    -webkit-transition: .225s ease-out;
    -o-transition: .225s ease-out;
    transition: .225s ease-out;
}

.header .container .header__lk:hover {
    background-color: #FFDE52;
}

.header .container .header__lk span {
    margin-right: 2px;
}

.content .main {
    background: linear-gradient(180deg, #FFDE52, #FFC451);
    padding-top: 54px;
    padding-bottom: 45px;
}

.content .page-header__background {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    top: 0;
    left: 0;
    --bg-ratio: 1.0;
    background:
            url(./../../img/2024-03/money-top-right.png) no-repeat,
            url(./../../img/2024-03/person-top.png) no-repeat;
    background-size: 62%, 60%;
    background-position:
            right top,
            left bottom;
}

.content .main .main__badge {
    background: transparent;
    border: none;
    margin-top: 12px;
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    display: flex;
    justify-content: center;
}

.content .main .main__badge a {
    margin-left: 5px;
}

.content .main .main__badge a:hover {
    text-decoration: none;
    color: #1D2431;
}

.content .calc {
    margin-top: 40px;
    -webkit-box-shadow: 1px 1px 25px 0px rgba(37,67,125,0.15); 
    box-shadow: 1px 1px 25px 0px rgba(37,67,125,0.15);
    border: none;
    border-radius: 20px;
    width: 475px;
}

.content .calc .calc__top {
    padding: 28px 55px;
}

.content .calc .calc__bottom {
    padding: 14px 55px 40px 55px;
    background: transparent;
}

.content .calc .calc__bottom .calc__item .calc__item-title {
    padding-top: 0;
}

.content .calc .calc__bottom .calc__item .money_full_price {
    font-size: 18px;
    font-weight: 400;
}

.content .calc .calc__bottom .calc__item .money_sale_price {
    font-weight: 500;
}

.content .calc .calc__bottom .calc__item .calc__item-desc.date-output {
    font-weight: 500;
}

.content .calc .calc__bottom .calc-line {
    width: 3px;
    background: #DFE4F2;
}

.content .calc .calc__top .calc__title {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

.content .calc .calc__top .calc__fields {
    margin-top: 42px;
}

.content .calc .calc__top .calc__fields .calc__slider.calc__slider--price,
.content .calc .calc__top .calc__fields .calc__slider.calc__slider--price-2 {
    margin-bottom: 34px;
}

.content .calc .calc__top .calc__fields .ui-slider-handle:before {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    height: auto;
    padding: 4px 8px;
    margin-bottom: 5px;
    left: 35%;
}

.content .calc .calc__top .calc__fields .range-slider {
    height: 10px;
    border-radius: 100px;
}

.content .calc .calc__top .calc__fields .range-slider .ui-slider-range {
    border-radius: 100px;
    background: #FFDE52;
}

.content .calc .calc__top .calc__fields .range-slider .ui-slider-handle:after {
    content: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.5' cy='15' r='11' fill='url(%23paint0_radial_1936_19)' stroke='%23FFDE52' stroke-width='8'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1936_19' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(11.3732 17.0276) rotate(21.562) scale(15.609 29.7093)'%3E%3Cstop stop-color='%23FBFDFF'/%3E%3Cstop offset='1' stop-color='%23D9E4EC'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 30px;
    height: 30px;
    top: 61%;
    left: 33%;
}

.content .calc .calc__top .calc__fields .calc__slider.calc__slider--days,
.content .calc .calc__top .calc__fields .calc__slider.calc__slider--days-2 {
    margin-bottom: 52px;
}

.content .calc .calc__top .calc__fields .calc__slider {
    padding-top: 54px;
}

.content .calc .calc__top .calc__gov {
    border-radius: 38px;
}

.content .calc .calc__top .calc__gov span {
    font-size: 16px;
    font-weight: 700;
}

.content .calc .calc__top .calc__application {
    margin-top: 12px;
    border-radius: 38px;
    border: 2px solid #ffde52;
    font-size: 16px;
    font-weight: 600;
}

.content .steps-section .steps {
    margin-top: 35px;
}

.content .steps-section .steps .steps__subtitle {
    margin-bottom: 41px;
}

.content .advantages {
    padding-top: 65px;
}

.content .advantages .container {
    margin-bottom: -81px;
}

.content .advantages .math {
    margin: 0 auto;
    padding: 45px 75px;
    max-width: 1020px;
    z-index: 2;
    background-image: unset;
    background: no-repeat 100% 101%/60% url(./../../img/2024-03/present.png), linear-gradient(315deg, #141B27, #21304A);

}

.content .advantages .math .math__desc {
    margin-top: 12px;
}

.content .advantages .math .math__btn.btn.btn-yellow {
    margin-top: 40px;
    border-radius: 500px;
}

.content .bottom-section {
    margin: 0;
    background: linear-gradient(180deg, #FFDE52, #FFC451);
}

.content .bottom-section .bottom-section__inner {
    padding: 173px 0 100px;
}

.content .bottom-section .bottom-section__inner .bottom-section__calc.calc {
    margin-top: 90px;
    margin-bottom: 0;
}

.content .bottom-section .bottom__background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:
            url(./../../img/2024-03/bottom-left.png) no-repeat,
            url(./../../img/2024-03/bottom-right.png) no-repeat;
    background-size: 50%, 50%;
    background-position:
            left top,
            right bottom;
}

.content .advantages .math .math__title.mobile {
    display: none;
}

.header .header__inner .header__logo .mobile {
    display: none;
}

@media all and (min-width: 1921px) {
    .content .page-header__background {
        background-size: 1190px, 1150px;
    }
}

@media all and (max-width: 1600px) {
    .content .page-header__background {
        background-size: 57%, 55%;
    }
    .content .bottom-section .bottom__background {
        background-size: 47%, 47%;
    }
}

@media all and (max-width: 1300px) {
    .content .page-header__background {
        background-size: 53%, 50%;
    }
    .content .bottom-section .bottom__background {
        background-size: 43%, 43%;
    }
}

@media all and (max-width: 1100px) {
    .content .page-header__background {
        background-size: 50%, 37%;
    }
}

@media all and (max-width: 767px) {
    .wrapper .header {
        background-color: #FFDE52;
        box-shadow: unset;
    }

    .header .header__inner .header__logo .mobile {
        display: block;
    }

    .header .header__inner .header__logo .desktop {
        display: none;
    }

    .wrapper .header .container {
        padding: 14px 22px;
    }

    .wrapper .header .container .header__logo {
        width: auto;
    }

    .wrapper .header .container .header__logo img {
        height: 33px;
        width: auto;
    }

    .wrapper .header .container .header__moment::before {
        font-size: 12px;
        font-weight: 600;
    }

    .wrapper .header .container .header__moment.btn {
        margin-right: 12px;
        background: #ffffff;
        height: 33px;
        border: none;
        border-radius: 500px;
        padding: 0 16px;
    }

    .wrapper .header .container .header__lk {
        height: 33px;
        background: #ffffff;
        border-radius: 100%;
        padding: 0;
        width: 33px;
        align-items: center;
        justify-content: center;
        border: none;
    }

    .wrapper .header .container .header__lk .lk_2024 {
        margin-left: 0;
    }

    .content .page-header__background {
        background: url(./../../img/2024-03/person-top-mobile.png) no-repeat;
        background-position: 100% 0%;
    }

    .content .main {
        padding: 15px 0 27px;
    }

    .container {
        padding: 0 22px;;
    }

    .content .main .main__inner,
    .content .main .main__inner .main__badge {
        display: block;
    }

    .content .main .main__inner_block {
        max-width: 250px;
    }

    .content .main .main__inner .main__inner_block,
    .content .main .main__inner .main__title.display1,
    .content .main .main__inner .main__badge {
        text-align: left;
    }

    .content .main .main__inner .main__badge {
        font-size: 14px;
        font-weight: 400;
        margin-top: 5px;
    }

    .content .main .main__title.display1 {
        font-weight: 700;
        font-size: 32px;
        color: #21264A;
    }

    .content .steps-section .steps {
        margin-top: 15px;
    }

    .content .steps-section .steps .steps__items {
        margin-top: 17px;
    }

    .content .steps-section {
        padding-bottom: 47px;
    }

    .content .advantages {
        padding-top: 30px;
        padding-bottom: 27px;
    }

    .content .advantages .math {
        padding: 29px 23px;
        margin-top: 30px;
        min-height: 362px;
    }

    .content .advantages .container {
        margin-bottom: 0;
    }

    .content .advantages .math .math__title.desktop {
        display: none;
    }

    .content .advantages .math .math__title.mobile {
        display: block;
    }

    .content .advantages .math .math__desc {
        margin-top: 8px;
    }

    .content .advantages .math .math__btn.btn.btn-yellow {
        margin-top: 25px;
    }

    .content .advantages .math {
        background: no-repeat 100% 101%/56% url(./../../img/2024-03/present-mobile.png), linear-gradient(315deg, #141B27, #21304A);
    }

    .money-bar .money-bar-content {
        height: auto;
        padding: 12px 0;
    }

    .money-bar .money-bar-content .money-bar__btn {
        height: 52px;
    }

    .content .bottom-section .bottom__background {
        display: none;
    }

    .content .bottom-section .bottom-section__inner {
        padding: 36px 0 56px 0;
    }

    .content .bottom-section .bottom-section__inner .bottom-section__calc.calc {
        margin-top: 0;
    }

    .content .calc {
        border-radius: 12px;
        margin: 28px 0 0 0;
        width: auto;
        padding: 25px 20px 30px 20px;
    }

    .content .calc .calc__top {
        padding: 0;
    }

    .content .calc .calc__bottom {
        padding: 0;
    }

    .content .calc .calc__top .calc__title {
        display: block;
    }
    
    .content .calc .calc__top .calc__fields {
        margin-top: 34px;
        margin-bottom: 31px;
    }

    .content .calc .calc__top .calc__fields .calc__slider.calc__slider--price,
    .content .calc .calc__top .calc__fields .calc__slider.calc__slider--price-2 {
        padding-top: 0;
        margin-bottom: 23px;
    }

    .content .calc .calc__top .calc__fields .range-slider {
        height: 6px;
    }

    .content .calc .calc__top .calc__fields .range-slider .ui-slider-handle:after,
    .content .calc .calc__top .calc__fields .range-slider .ui-slider-handle {
        height: 20px;
        width: 20px;
    }

    .content .calc .calc__top .calc__fields .range-slider .ui-slider-handle:after {
        content: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.0332' cy='10.7066' r='7.65177' fill='url(%23paint0_radial_1889_1076)' stroke='%23FFDE52' stroke-width='4.69646'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1889_1076' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(7.28201 12.0584) rotate(21.562) scale(10.406 19.8062)'%3E%3Cstop stop-color='%23FBFDFF'/%3E%3Cstop offset='1' stop-color='%23D9E4EC'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");;
        width: 20px;
        height: 20px;
        top: 61%;
        left: 33%;
    }

    .content .calc .calc__top .calc__fields .calc__slider-title {
        font-size: 16px;
        font-weight: 400;
    }

    .content .calc .calc__top .calc__fields .calc__slider-desc {
        font-size: 16px;
    }

    .content .calc .calc__top .calc__gov {
        margin-top: 31px;
    }

    .content .calc .calc__top .calc__fields .calc__slider.calc__slider--days,
    .content .calc .calc__top .calc__fields .calc__slider.calc__slider--days-2 {
        margin-bottom: 0;
        padding-top: 0;
    }

    .content .calc .calc__top .calc__fields .calc__slider-top {
        margin-bottom: 8px;
    }

    .content .calc .calc__bottom {
        margin-top: 24px;
    }

    .content .calc .calc__bottom .calc-line {
        width: 2px;
    }

    .content .calc .calc__bottom .calc__item .money_full_price {
        font-size: 14px;
    }

    .content .calc .calc__bottom .calc__item .calc__item-title {
        line-height: 1;
    }

    .content .calc .calc__top .calc__fields .ui-slider-handle.ui-corner-all.ui-state-default {
        top: -7.5px !important;
        border-width: 5px !important;
        background-color: #eef1f7 !important;
    }

    .content .calc .calc__top .calc__fields .ui-slider-handle.ui-corner-all.ui-state-default:after {
        display: none;
    }

    .footer-export .footer-export__content .footer-container {
        padding: 0 22px;
    }
}

@media all and (max-width: 600px) {
    .content .advantages .math {
        background: no-repeat 100% 101%/370px url(./../../img/2024-03/present-mobile.png), linear-gradient(315deg, #141B27, #21304A);
    }
}

@media all and (max-width: 412px) {
    .content .advantages .math .math__title {
        font-size: 23px;
    }
}

@media all and (max-width: 405px) {
    .content .page-header__background {
        background-size: 170px;
        background-position: 105% 3%;
    }
}

@media all and (max-width: 374px) {
    .content .advantages .math {
        background: no-repeat 100% 101%/315px url(./../../img/2024-03/present-mobile.png), linear-gradient(315deg, #141B27, #21304A);
    }

    .content .main .main__title.display1 {
        font-size: 26px;
    }

    .content .main .main__inner .main__badge {
        max-width: 160px;
    }
}

@media all and (max-width: 360px) {
    .wrapper .header .container .header__moment.btn {
        padding: 0 6px;
        margin-right: 8px;
    }

    .wrapper .header .container {
        padding: 14px 18px;
    }

    .container {
        padding: 0 18px;
    }

    .footer-export .footer-export__content .footer-container {
        padding: 0 18px;
    }
}