@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;600;700&family=Raleway:wght@500;700&family=Roboto&display=swap');

body {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    position: relative;
    overflow-anchor: none;
}

body,
body a {
    color: #000;
}

body.scroll-off {
    overflow: hidden;
}

section {
    position: relative;
}
.container.inner {
    padding: 0;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}

.hidden {
    display: none;
}

.box-img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: 50%;
}

.mob {
    display: block;
}

.pc {
    display: none;
}

.duration {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.inner {
    margin: 0 15px;
}

h1,
h2,
h3,
h4,
.btn {
    font-weight: 500;
    font-family: 'Open Sans';
}

h1 {
    font-size: 24px;

}

h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.02em;
    color: #1D1D1F;
    text-align: center;
    margin-bottom: 24px;
}

h3 {
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    color: #1D1D1F;
}

h4 {
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: #0B132A;
    text-align: center;
}

h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
    color: #1D1D1F;
}

.section__title {
        text-align: center;
        font-family: 'Raleway', sans-serif;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.1;
        margin: 77px 0 14px 0;
}
@media (min-width: 992px) {
    .section__title {
            margin: 77px 0 50px 0;
    }
}
@media (min-width: 1200px) {
    .section__title {
            font-weight: 700;
            font-size: 56px;
            line-height: 1.1;
    }
}

/* btn */
.btn {
    background: #16BF54;
    border-radius: 4px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 60px;
    color: #FFFFFF;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: center;

}


.btn:hover {
    background: #119A43;
}

.btn:disabled,
.btn[disabled] {
    background: #9E97A2;
    pointer-events: none;
    cursor: auto;

}

.btn.load {
    pointer-events: none;
    cursor: wait;
    background: url("../images/loading.9bcd9b7eb35d.gif") no-repeat 50% 50% #E6E6E8;
    background-size: contain;
    color: rgba(255, 255, 255, 0);
    border-radius: 8px;
    text-shadow: none;
    box-shadow: none;
}

/* /btn */

/* popup */
.popup__btn {
    display: block;
    max-width: 200px;
    line-height: 100%;
}
/* /popup */

/* service */
.service-contacts {
    margin-bottom: 20px;
}

.service-contacts__item,
.service-report__item {
    box-shadow: 10px 40px 50px rgba(229, 233, 246, 0.4);
    border-radius: 20px;
}

.service-contacts__item:not(:last-child),
.service-report__item:not(:last-child) {
    margin-bottom: 20px;
}

@media (min-width: 768px) {

    .service-contacts__item:not(:last-child),
    .service-report__item:not(:last-child) {
        margin-bottom: unset;
        margin-right: 20px;
    }
}

.service-report__item-title {
    font-size: 24px;
}

.service-report__item-btn {
    color: #FFFFFF;
    line-height: 110%;
    max-width: fit-content;
}

/* /service */

/* our-partners */
.our-partners {
    margin-top: 0;
}

.our-partners__item-btn {
    box-shadow: unset;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 140%;
}
/* /our-partners */

/* reviews */
.reviews {
  margin-bottom: 20px;
}
.reviews__title {
	padding-top: 0;
}

.reviews__item {
	background: #FFFFFF;
    box-shadow: -5px 5px 10px rgba(230, 230, 230, 0.2), 5px -5px 10px rgba(230, 230, 230, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 13px rgba(230, 230, 230, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
    border-radius: 15px;
    border: unset;
}

.reviews__navigation-prev,
.reviews__navigation-next {
	border: 1px solid #16BF54;
}

.reviews__navigation-progressbar>.swiper-pagination-progressbar-fill {
	background: #16BF54 !important;
}
/* /reviews */

.captcha {
    display: inline-block;
    margin: 0 auto;
}

/* checkbox */
.checkbox-text {
    position: relative;
    padding: 8px 0 8px 45px;
}

.checkbox-text input {
    display: none;
}

.checkbox-text label {
    text-align: left;
    margin-top: 7px;
    cursor: pointer;
}

#regStepForm .checkbox-text label {
    margin-top: 0;
}

#formCalculator .checkbox-text label {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 34px;
}

.checkbox-text .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: rgba(29, 29, 31, 0.6);
}

.checkbox-text .text,
.checkbox-text .link {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.005em;
    
}

.checkbox-text .link {
    text-decoration: underline;
    cursor: pointer;
}

.checkbox-text .checkmark {
    position: absolute;
    left: 3px;
    top: calc(50% - 10px);
    height: 20px;
    width: 20px;
    border-radius: 5px;
    background: rgba(197, 220, 250, 0.5);
    box-sizing: content-box;
    box-shadow: inset 0 0 0 1px #4A4A4C;
}

.checkbox-text .checkmark:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background: url("../images/status.605fb4fa2544.svg") no-repeat 50% 50% #D6F9CA;
    background-size: cover;
    border: 1px solid #4A4A4C;
    border-radius: 5px;
}

.checkbox-text input:checked~.checkmark:after {
    opacity: 1;
}

/* /checkbox */

/* input[type='range'] */
input[type='range'] {
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    display: block;
    background: #EEF1F7;
    background: linear-gradient(to right, #4A4A4C 0%, #4A4A4C 50%, #EEF1F7 50%, #EEF1F7 100%);
    height: 7px;
    border-radius: 15px;
    margin: 12px 0;
}

input.w-30[type="range"] {
    background: linear-gradient(to right, #4A4A4C 0%, #4A4A4C 30%, #EEF1F7 30%, #EEF1F7 100%);
}

input.w-0[type="range"] {
    background: linear-gradient(to right, #4A4A4C 0%, #4A4A4C 1%, #EEF1F7 1%, #EEF1F7 100%);
}
input.w-14[type="range"] {
    background: linear-gradient(to right, #4A4A4C 0%, #4A4A4C 33%, #EEF1F7 33%, #EEF1F7 100%);
}

/* thumb */
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: #FFFFFF;
    border: 5px solid #16BF54;
    border-radius: 15px;
}

input[type='range']::-moz-range-thumb {
    -moz-appearance: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 15px;
    background: #FFFFFF;
    border: 5px solid #16BF54;
}

input[type='range']::-ms-range-thumb {
    -ms-appearance: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: #FFFFFF;
    border: 5px solid #16BF54;
    border-radius: 15px;
}

/* /thumb */

/* progress */
input[type=range]::range-progress {
    background: #FFFFFF;
    border: 5px solid #16BF54;
    height: 4px;
    border-radius: 2px;
}

input[type="range"]::-webkit-range-progress,
input[type="range"]::-moz-range-progress,
input[type="range"]::-ms-range-progress {
    background-color: #16BF54;
    height: 4px;
    border-radius: 2px;
}

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-moz-range-track,
input[type="range"]::-ms-fill-lower {
    background-color: #16BF54;
    height: 4px;
    border-radius: 2px;
}

input[type="range"]::-webkit-fill-lower,
input[type="range"]::-moz-fill-lower,
input[type="range"]::-ms-fill-lower {
    background-color: #16BF54;
    height: 4px;
    border-radius: 2px;
}

input[type="range"]::-webkit-fill-lower,
input[type="range"]::-moz-fill-lower,
input[type="range"]::-ms-fill-upper {
    background-color: #16BF54;
    height: 4px;
    border-radius: 2px;
}

/* /progress */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* /input[type='range'] */

/* plus-seven */
.plus-seven {
    position: relative;
}

.plus-seven::before {
    position: absolute;
    content: "+7";
    left: 15px;
    top: 50%;
    font-size: 16px;
    line-height: 1;
    pointer-events: none;
    transform: translate(0, -50%);
}

form .plus-seven input:not([type="submit"]) {
    padding-left: 40px;
}

/* /plus-seven */

/* sectionTop */
#sectionTop {
    background: linear-gradient(180deg, rgba(245, 247, 250, 0) 0%, #EFF6FE 100%);
    padding: 0;
    margin-top: 0;
    border-radius: 10px;
    overflow: hidden;
}

/* calculator */

#calculator {
    position: relative;
    box-sizing: border-box;
}

#calculator .notice p {
    max-width: 150px;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    color: #1D1D1F;
    max-width: 162px;
    margin: 0 auto;
    padding-top: 6px;


}

#calculator .inner {
    height: 100%;
    box-sizing: border-box;
    flex-direction: column;
}

#calculator .bg-calculator {
    height: 100%;
    align-self: stretch;
}

#calculator .advantage-calculator h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    max-width: 250px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto;
}

#calculator .content-calculator .checkbox-text {
    margin-top: 21px;

}

#calculator .form-calculator .timer {
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    background: #1D1D1F;
    border-radius: 0px 36px 36px 0px;
    color: #FFFFFF;
    padding: 6px 19px 6px 14px;
    margin: 0 0 0 -20px;
    max-width: 195px;

}

#calculator .content-calculator .checkbox-text label {
    margin: 0 auto;
}

#calculator .box-calculator {
    width: 100%;
    position: relative;
    z-index: 20;
    padding-top: 10px;
}

#calculator .girl-pc {
    display: none;
}

#calculator form {
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: -5px 5px 10px rgba(209, 209, 209, 0.2),
        5px -5px 10px rgba(209, 209, 209, 0.2),
        -5px -5px 10px rgba(255, 255, 255, 0.9),
        5px 5px 13px rgba(209, 209, 209, 0.9);
    border-radius: 15px;
    padding: 15px 20px;
    max-width: 435px;
    margin: 0 auto;
    box-sizing: border-box;

}

#calculator form fieldset {
    margin-top: 20px;
}

#calculator form .btn-box {
    text-align: center;
}

#calculator form .range-info {
    justify-content: space-between;
    align-items: center;
}

#calculator form .range-info p {
    font-size: 14px;
    line-height: 21px;
    color: #4A4A4C;
    font-weight: 400;
}

#calculator form .range-info p strong {
    color: #30C76B;
    font-weight: 600;
}

#calculator form .range-info .range-num.sum {
    overflow: hidden;
    position: relative;
}

#calculator form .range-info .range-num.sum .edit-input {
    position: absolute;
    right: 33px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #000;
    animation: edit-input 1s ease-out infinite;
}

@keyframes edit-input {
    0% {
        opacity: 1;
    }

    49% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

#calculator form .range-info .range-num.sum input:focus~.edit-input {
    display: none;
}

#calculator form .range-num .icon {
    font-weight: 600;
    font-size: 18px;
    line-height: 38px;
    color: #1D2431;
}

#calculator form .input-text,
#calculator form .bold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 38px;
    color: #1D2431;
    width: 70px;
    text-align: right;
    margin-right: 5px;
}

#calculator form .range-ruler {
    justify-content: space-between;
}

#calculator form .range-ruler span {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #4A4A4C;
}

#calculator form .time {
    text-align: center;
    margin: 30px 0 20px;
}

#calculator form .time,
#calculator form .time span {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.25em;
    font-weight: 500;
    text-transform: uppercase;
    color: #E30016;
}

#calculator .calculator-hr {
    background: #EFF6FE;
    height: 6px;
    margin: 15px -19px 0 -19px;
}

#calculator .row-end {
    margin-top: 9px;
}

#calculator .mony-container {
    position: absolute;
    background: url("../images/group-mony.9b3e5ea20e99.png") no-repeat 50% 50%;
    background-size: auto 100%;
    text-align: center;
    height: 329px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

#calculator img {
    position: relative;
    margin: 0 auto;
    padding-top: 33px;
    z-index: 20;
    width: 152px;

}


#calculator .item .item-title {
    padding-bottom: 6px;
}

#calculator .item .item-sum p,
.calculator__sum {
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #1D1D1F;

}

#calculator .item .item-sum p:last-child {
    font-size: 12px;
    text-decoration: line-through;
}

/* /calculator */
/* /sectionTop */

/* steps */
#steps {
  padding-bottom: 40px;
}

#steps .steps-items {
    flex-direction: column;
}

#steps .steps-items .item {
    flex-direction: column;
    background: linear-gradient(135deg, #F6F7F9 0%, #FFFFFF 100%);
    border: 3px solid #F4F8FA;
    box-shadow: -5px 5px 10px rgba(203, 203, 203, 0.2),
        5px -5px 10px rgba(203, 203, 203, 0.2),
        -5px -5px 10px rgba(255, 255, 255, 0.9),
        5px 5px 13px rgba(203, 203, 203, 0.9),
        inset 1px 1px 2px rgba(255, 255, 255, 0.3),
        inset -1px -1px 2px rgba(203, 203, 203, 0.5);
    border-radius: 10px;
    margin-top: 16px;

}

#steps .steps-items .item .icon p {
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
    line-height: 1.3;
    color: #16BF54;
    text-align: center;
    padding: 27px 0 10px 0;
}


#steps .steps-items .item .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    color: #1D1D1F;
    margin-bottom: 28px;
}

#steps .steps-items .item .text {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    color: #4F5665;
    display: none;
}

/* /steps */

/* cards */
#cards .cards-content {
    flex-direction: row;
    justify-content: center;
}
@media (min-width: 992px) {
    .cards__title {
        margin: 77px 0 10px 0;
    }
}

#cards .cardnames-items {
    display: none;
}

#cards .title p {
    font-weight: 500;
    line-height: 130%;
    font-size: 18px;
    max-width: 290px;
    text-align: center;
    margin: 0 auto;
    color: #4A4A4C;
}

#cards .cards-items {
    flex-direction: row;
    padding: 35px 0 40px 0;
}

#cards .cards-items .item {
    cursor: pointer;

}

#cards .cards-items .item p {
    font-size: 16px;
    line-height: 1.5;
    align-items: center;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 10px;
}

#cards .cards-items .item .icon {
    overflow: hidden;
    height: 26px;
    width: auto;
    margin: 0 auto;
    display: block;
    padding-right: 20px;
}
#cards .cards-items .item:last-child .icon{
    padding-right: 0;
}

#cards .cards-items .item .icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/* /cards */

/* advantage */
#advantage {
  margin: 40px 0;
}

#advantage .background__advantage {
    background: linear-gradient(180deg, rgba(245, 247, 250, 0) 0%, #EFF6FE 100%);
    height: 660px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -452px;
    z-index: -10;
}

#advantage .inner {
    background: #FFFFFF;
    box-shadow: -10px 10px 20px rgba(209, 209, 209, 0.2),
        10px -10px 20px rgba(209, 209, 209, 0.2),
        -10px -10px 20px rgba(255, 255, 255, 0.9),
        10px 10px 25px rgba(209, 209, 209, 0.9),
        inset 1px 1px 2px rgba(255, 255, 255, 0.3),
        inset -1px -1px 2px rgba(209, 209, 209, 0.5),
        inset 0 0 0 1px #F1F7FB;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

#advantage .inner h3 {
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.1;
    color: #1D1D1F;
    padding-bottom: 30px;

}

#advantage .advantage-items .item img {
    margin-bottom: 0;
    padding-bottom: 0;

}

#advantage .advantage-items {
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: relative;

}

#advantage .advantage-items .item {
    flex-direction: column;
    margin-top: 30px;
    padding: 18px 18px 0 18px;
}

#advantage .advantage-items .item .icon {
    width: 67px;
    margin: 0 auto 15px;
}

#advantage .advantage-items .item .icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

#advantage .advantage-items .item .title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    text-align: start;
    color: #1D1D1F;
    margin-bottom: 7px;
}

#advantage .advantage-items .item .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    text-align: start;
    color: #4A4A4C;
    margin-bottom: 19px;
}

#advantage .advantage-items .item .text:last-child {
    margin-bottom: 0;
}

#advantage .item-img img {
    box-sizing: border-box;
    background-size: contain;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 20;
    float: left;
}

#advantage .item-img {
    position: relative;
}

#advantage .item-img .color-bg {
    position: absolute;
    height: calc(100% + 80px);
    bottom: -80px;
    z-index: 10;
    background: radial-gradient(50% 50% at 50% 50%, #34D623 0%, rgba(135, 255, 122, 0) 100%);
    left: -35px;
    right: -35px;
}

/* /advantage */

/* choice */
#choice {
  margin-bottom: 80px;
}

#choice .title {
    flex-direction: column;
    justify-content: center;
}

#choice .title .icon {
    width: 60px;
    margin: 0 auto 20px;
}

#choice .choice-items {
    flex-direction: column;
}

#choice .choice-items .item .card__text-p {
    font-family: 'Raleway', serif;
    background: #1D1D1F;
    border-radius: 0px 4px 4px 0px;
    color: #FFFFFF;
    padding: 2px 5px 2px 8px;
    max-width: 123px;
    line-height: 24px;
    margin: 0 0 0 -21px;
    box-sizing: border-box;
}

#choice .choice-items .item {
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: -23px 23px 46px rgba(222, 222, 222, 0.2),
        23px -23px 46px rgba(222, 222, 222, 0.2),
        -23px -23px 46px rgba(255, 255, 255, 0.9),
        23px 23px 58px rgba(222, 222, 222, 0.9),
        inset 1px 1px 2px rgba(255, 255, 255, 0.3),
        inset -1px -1px 2px rgba(222, 222, 222, 0.5);
    border-radius: 10px;
    padding: 20px;
    margin-top: 10px;
    text-align: center;
    justify-content: space-around;
    box-sizing: content-box;
}

#choice .choice-items .item:hover {
    
    box-shadow: inset 0 0 0 3px #16BF54;
}

#choice .choice-items .item:hover {
    position: relative;
    z-index: 20;
}

#choice .tariffs__img img {
    height: auto;
    width: 55px;
    margin: 20px 0 12px 0;
}

#choice .choice-items .item .status {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.27em;
    margin-bottom: 15px;
}

#choice .choice-items .item .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #1D1D1F;
}

#choice .choice-items .item:hover {
    color: #16BF54;
}
#choice .choice-items .item:hover .title {
    color: #16BF54;
}

#choice .choice-items .item .info {
    flex-direction: column;
    padding-top: 8px;
}

#choice .choice-items .item .info p {
    font-size: 16px;
    line-height: 1.4;
    color: #4A4A4C;
}

#choice .choice-items .item .fot {
    margin-top: 15px;
}

#choice .choice-items .item .choice-btn {
    display: block;
    cursor: pointer;
    background: #FFFFFF;
    border: 2px solid #686D81;
    border-radius: 5px;
    font-weight: 600;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #1D1D1F;
}

#choice .choice-items .item .choice-btn:hover {
    background: #16BF54;
    border: 2px solid #16BF54;
    color: #FFF;
}

/* /choice */
.background-container {
    position: relative;
    z-index: 20;
    background: linear-gradient(0deg, #EFF6FE 0%, rgba(245, 247, 250, 0) 100%);
    border-radius: 10px;
    overflow: hidden;

}

.background-mony {
    position: absolute;
    background: url("../images/backgrounMony.51ba23135085.png") no-repeat 50% 50%;
    background-size: auto 100%;
    height: 343px;
    left: 0;
    right: 0;
    top: 280px;
    z-index: -10;
}

.background-mony__pc {
    display: none;
}


/* FAQ */
    .faq {
        padding-bottom: 60px;
    }
    .faq-accordion__item-plus::before, .faq-accordion__item-plus::after {
        background-color: #1D1D1F;
    }
    .faq__btn {
        line-height: unset;
        width: fit-content;
        margin: unset;
        height: unset;
        border-radius: inherit;
        border-radius: 10px;
    }
    .faq__btn:active {
        background: #119a4375;
    }

/* /FAQ */

/* fillForm */
#fillForm {
    overflow-y: hidden;
    margin-top: 80px;
    background: #d4f3dd;
    border-radius: 15px;

}

#fillForm .form {
    flex-direction: column;
    color: #FFF;
    padding: 20px;
    position: relative;
}

#fillForm .form .top {
    position: relative;
    z-index: 20;
    padding-bottom: 20px;
}

#fillForm .form .title {
    font-family: 'Raleway', serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 12px;
    color: #1D1D1F;
}

#fillForm .form .info {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
}

#fillForm .form .btn {
    position: relative;
    z-index: 30;
    background: #3A3C3F;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
    box-shadow: 0 20px 10px -20px #4F5665,
        0 25px 20px -20px #4F5665,
        0 30px 30px -20px #4F5665;
}

#fillForm .form .btn:hover {
    box-shadow: 0 0 0;
}

#fillForm .hand-img {
    background: url("../images/hand.46934b6cbb7b.png") no-repeat 50% 50%;
    background-size: auto 100%;
    height: 150px;
}
@media (min-width: 900px) {
    #advantage {
      margin: 80px 0;
    }
    #fillForm .hand-img {
        left: 50%;
        right: 25%;
        bottom: 0;
        position: absolute;
        height: 90px;
    }
}
@media (min-width: 1060px) {
    #fillForm .hand-img {
        height: 150px;
    }
}
/* /fillForm */

/* description */
.grek-info {
    margin: 0 16px;
    border-radius: 20px;
    padding-top: 32px;

}

#description p, .grek-info p {
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

#description a, .grek-info a {
    color: #FFFFFF;
}

#description a:hover, .grek-info a:hover {
    text-decoration: underline;
}

/* list-creditors */
#description .list-creditors {
    border-radius: 20px;
    margin: 40px 0;
}

#description .list-creditors h5 {
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 0;
}

#description .list-creditors p {
    padding: 0;
}

#description .list-creditors .hr {
    height: 1px;
    background: #f4f4f4;
    margin: 10px 0;
    opacity: .5;
    display: none;
}

#description ul {
    margin-bottom: 40px;
}

#description ul li {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding-left: 22px;
    position: relative;
}

#description ul li::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 8px;
    width: 3px;
    height: 3px;
    background: #FFFFFF;
    border-radius: 2px;
}
.description__wrapper {
    padding-top: 15px;
}

/* /list-creditors */
/* /description */

/* footer */
.footer {
    padding: 30px 0 0;
}
.footer.index {
    margin-top: 60px;
    padding-top: 0;
    background: #4A4A4C;
    color: #FFFFFF;
}
.footer.rek {
    margin-top: -2px;
}
.footer.index .footer__contacts-item {
    color: #FFFFFF;
}
.footer.index .footer__copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.footer.index.footer--reg {
    margin-top: -5px;
}
/* /footer */

/* unsubscribePage */
#unsubscribePage {
    height: 60vh;
    align-items: center;
    flex-direction: column;
    margin: 0 30px;
}

#unsubscribePage .happy {
    border-radius: 20px;
    padding: 30px 0;
    text-align: center;
    max-width: 205px;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    height: 50vh;
    min-height: 300px;
    justify-content: center;
}

#unsubscribePage .happy .icon {
    overflow: hidden;
}

#unsubscribePage .happy .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    color: #1D1D1F;
    padding-top: 28px;

}
#UnsubscribeForm h2 {
    margin-top: 40px;
}

/* /unsubscribePage */

/* form-box */

.form-box .form-box-content .title-formBox {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    color: #1D1D1F;
    text-align: start;
    margin: 37px 0 16px 0;
}
#formReg .hr-style-up{

    border: 1px solid #EFF1F8; 
    margin: 0 0 16px 0;    

}
.hr-style-bottom{
    border: 1px solid #EFF1F8; 
    margin: 12px 0 0 0;
}



.form-box .form-box-content {
    max-width: 460px;
    margin: 0 auto;
}

.form-box .b-form__input.phone {
    background: #FFFFFF;
    border: 1px solid #16BF54;
    border-radius: 4px;

}

.form-box .title {
    background: rgba(22, 191, 84, 0.2);
    border-radius: 10px;
    margin: 0 auto 24px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    color: #1D1D1F;
}

.form-box .title-unsubscribe {
    font-size: 18px;
    line-height: 1.3;
    max-width: 827px;
    color: #1D1D1F;
    margin: 46px 0 18px 0;
    text-align: center;
}

.form__wrap_unsubscribe {
    padding: 32px 18px;
    box-shadow: -5px 5px 10px rgba(239, 241, 248, 0.2),
        5px -5px 10px rgba(223, 228, 242, 0.2),
        5px 5px 15px #DFE4F2;
    border-radius: 15px;
    margin-bottom: 20px;
}

.form-box fieldset.two {
    justify-content: space-between;
}

.form-box .w-50 {
    width: calc(50% - 9px);
}

.form-box .w-60 {
    width: calc(60% - 9px);
}

.form-box .w-40 {
    width: calc(40% - 9px);
}

.form-box .b-form__label {
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #3A3C3F;
    margin: 10px 0;
    text-align: left;
}

.form-box .box-card .b-form__label {
    font-size: 15px;
    line-height: 1.2;
}

.form-box .b-form__input,
#cardEntry .hosted-field {
    font-family: 'Open Sans', sans-serif;
    line-height: 56px;
    background: #F3F7FD;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 16px;
    text-align: left;
}

.gender {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #1D1D1F;
    margin-bottom: 14px;
    text-align: start;
}

.input__checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.input__checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.input__checkbox+label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #BFC6D9;
    border-radius: 50%;
    margin-right: 0.5em;
    background: #F3F7FD;


}

.input__checkbox:checked+label::before {
    border-radius: 50px;
    background: url("../images/greencheck.781968f61067.svg") no-repeat 50% 50% #D6F9CA;

}

.checkbox__radio {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    margin-right: 26px;
    color: #686D81;
    cursor: pointer;
}

#cardEntry .hosted-field,
#cardEntry .hosted-field iframe {
    height: 56px;
}

.form-box .hr {
    margin-bottom: 20px;
    overflow: hidden;
}

.form-box .btn {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 100%;
}

.form-box .btn .arrow {
    padding: 4px 12px;
    margin-left: 15px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgMEMxMC44MyAwIDguMjE5ODcgMC43OTE3NjEgNS45OTk4MSAyLjI3NTE2QzMuNzc5NzQgMy43NTg1NiAyLjA0OTQxIDUuODY2OTcgMS4wMjc2MyA4LjMzMzc3QzAuMDA1ODQ5MjkgMTAuODAwNiAtMC4yNjE0OTYgMTMuNTE1IDAuMjU5NDA1IDE2LjEzMzdDMC43ODAzMDUgMTguNzUyNSAyLjA2NjA2IDIxLjE1NzkgMy45NTQwNiAyMy4wNDU5QzUuODQyMDcgMjQuOTMzOSA4LjI0NzU0IDI2LjIxOTcgMTAuODY2MyAyNi43NDA2QzEzLjQ4NSAyNy4yNjE1IDE2LjE5OTQgMjYuOTk0MiAxOC42NjYyIDI1Ljk3MjRDMjEuMTMzIDI0Ljk1MDYgMjMuMjQxNCAyMy4yMjAzIDI0LjcyNDggMjEuMDAwMkMyNi4yMDgyIDE4Ljc4MDEgMjcgMTYuMTcgMjcgMTMuNUMyNi45OTYxIDkuOTIwNzcgMjUuNTcyNSA2LjQ4OTI3IDIzLjA0MTYgMy45NTgzN0MyMC41MTA3IDEuNDI3NDggMTcuMDc5MiAwLjAwMzkwODM3IDEzLjUgMFYwWk0xMy41IDI1LjczNDRDMTEuMDgwMyAyNS43MzQ0IDguNzE0ODggMjUuMDE2OCA2LjcwMjk1IDIzLjY3MjVDNC42OTEwMiAyMi4zMjgyIDMuMTIyOTEgMjAuNDE3NCAyLjE5NjkyIDE4LjE4MTlDMS4yNzA5MyAxNS45NDY0IDEuMDI4NjQgMTMuNDg2NCAxLjUwMDcxIDExLjExMzJDMS45NzI3OCA4LjczOTk1IDMuMTM3OTkgNi41NiA0Ljg0OSA0Ljg0ODk5QzYuNTYgMy4xMzc5OCA4LjczOTk2IDEuOTcyNzcgMTEuMTEzMiAxLjUwMDdDMTMuNDg2NCAxLjAyODY0IDE1Ljk0NjQgMS4yNzA5MiAxOC4xODE5IDIuMTk2OTFDMjAuNDE3NCAzLjEyMjkgMjIuMzI4MiA0LjY5MTAxIDIzLjY3MjUgNi43MDI5NEMyNS4wMTY4IDguNzE0ODggMjUuNzM0NCAxMS4wODAzIDI1LjczNDQgMTMuNUMyNS43MzA1IDE2Ljc0MzYgMjQuNDQwMiAxOS44NTMxIDIyLjE0NjcgMjIuMTQ2N0MxOS44NTMyIDI0LjQ0MDIgMTYuNzQzNiAyNS43MzA1IDEzLjUgMjUuNzM0NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi4yNTk4IDcuNTY4MjhDMTIuMTM5OSA3LjQ1NjUgMTEuOTgxMiA3LjM5NTY0IDExLjgxNzMgNy4zOTg1NEMxMS42NTMzIDcuNDAxNDMgMTEuNDk2OSA3LjQ2Nzg0IDExLjM4MSA3LjU4Mzc4QzExLjI2NSA3LjY5OTczIDExLjE5ODYgNy44NTYxNSAxMS4xOTU3IDguMDIwMDlDMTEuMTkyOCA4LjE4NDAzIDExLjI1MzcgOC4zNDI2OSAxMS4zNjU1IDguNDYyNjVMMTYuNDAyNyAxMy40OTk4TDExLjM2NTUgMTguNTM3QzExLjMwMzMgMTguNTk1IDExLjI1MzQgMTguNjY0OCAxMS4yMTg4IDE4Ljc0MjRDMTEuMTg0MyAxOC44MjAxIDExLjE2NTcgMTguOTAzOSAxMS4xNjQyIDE4Ljk4ODhDMTEuMTYyNyAxOS4wNzM4IDExLjE3ODMgMTkuMTU4MiAxMS4yMTAxIDE5LjIzN0MxMS4yNDE5IDE5LjMxNTggMTEuMjg5MyAxOS4zODc0IDExLjM0OTQgMTkuNDQ3NUMxMS40MDk1IDE5LjUwNzYgMTEuNDgxMSAxOS41NTQ5IDExLjU1OTkgMTkuNTg2OEMxMS42Mzg3IDE5LjYxODYgMTEuNzIzMSAxOS42MzQyIDExLjgwOCAxOS42MzI3QzExLjg5MyAxOS42MzEyIDExLjk3NjggMTkuNjEyNiAxMi4wNTQ0IDE5LjU3OEMxMi4xMzIxIDE5LjU0MzQgMTIuMjAxOSAxOS40OTM2IDEyLjI1OTggMTkuNDMxNEwxNy43NDQyIDEzLjk0N0MxNy44NjI3IDEzLjgyODQgMTcuOTI5MyAxMy42Njc1IDE3LjkyOTMgMTMuNDk5OEMxNy45MjkzIDEzLjMzMjEgMTcuODYyNyAxMy4xNzEzIDE3Ljc0NDIgMTMuMDUyN0wxMi4yNTk4IDcuNTY4MjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') no-repeat 50% 50%;
}

.form-box .box-icon {
    margin-top: 30px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.form-info {
    flex-direction: column;
}

.form-box .without-card {
    text-align: center;
    margin-bottom: 20px;
}
.form-box .without-card .btn-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #686D81;
}

.form-box .box-icon .item {
    max-width: 33%;
    overflow: hidden;
}

.form-box .box-icon .item svg,
.form-box .box-icon .item img {
    max-width: 100%;
    float: left;
    height: auto;
}

.form-box .check-validation {
    position: relative;
    overflow: hidden;
}
.form-box .center {
    text-align: center;
}

.form-box .check-validation .check-icon {
    position: absolute;
    right: 8px;
    top: 16px;
    bottom: 16px;
    width: 24px;
    pointer-events: none;
}

.form-box .check-validation .check-br {
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    border-radius: 4px;
}

.form-box .input-main:focus {
    box-shadow: inset 0 0 0 1px #333;
}

.form-box input.status:not(:focus):invalid~.check-br {
    box-shadow: inset 0 0 0 1px #F53838;
}

.form-box .check-validation.check .check-br,
.form-box input.status:not(:focus):valid~.check-br {
    box-shadow: inset 0 0 0 1px #16BF54;
}

.form-box input.status:not(:focus):invalid~.check-icon {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDBDNS4zNjg0MiAwIDAgNS4zNjg0MiAwIDEyQzAgMTguNjMxNiA1LjM2ODQyIDI0IDEyIDI0QzE4LjYzMTYgMjQgMjQgMTguNjMxNiAyNCAxMkMyNCA1LjM2ODQyIDE4LjYzMTYgMCAxMiAwWk0xMiAyMi43MzY4QzYuMDYzMTYgMjIuNzM2OCAxLjI2MzE2IDE3LjkzNjggMS4yNjMxNiAxMkMxLjI2MzE2IDYuMDYzMTYgNi4wNjMxNiAxLjI2MzE2IDEyIDEuMjYzMTZDMTcuOTM2OCAxLjI2MzE2IDIyLjczNjggNi4wNjMxNiAyMi43MzY4IDEyQzIyLjczNjggMTcuOTM2OCAxNy45MzY4IDIyLjczNjggMTIgMjIuNzM2OFpNMTIuODg0MiAxMkwxNi44NjMyIDguMDIxMDVDMTcuMTE1OCA3Ljc2ODQyIDE3LjExNTggNy4zODk0NyAxNi44NjMyIDcuMTM2ODRDMTYuNjEwNSA2Ljg4NDIxIDE2LjIzMTYgNi44ODQyMSAxNS45Nzg5IDcuMTM2ODRMMTIgMTEuMTE1OEw4LjAyMTA1IDcuMTM2ODRDNy43Njg0MiA2Ljg4NDIxIDcuMzg5NDcgNi44ODQyMSA3LjEzNjg0IDcuMTM2ODRDNi44ODQyMSA3LjM4OTQ3IDYuODg0MjEgNy43Njg0MiA3LjEzNjg0IDguMDIxMDVMMTEuMTE1OCAxMkw3LjEzNjg0IDE1Ljk3ODlDNi44ODQyMSAxNi4yMzE2IDYuODg0MjEgMTYuNjEwNSA3LjEzNjg0IDE2Ljg2MzJDNy4zODk0NyAxNy4xMTU4IDcuNzY4NDIgMTcuMTE1OCA4LjAyMTA1IDE2Ljg2MzJMMTIgMTIuODg0MkwxNS45Nzg5IDE2Ljg2MzJDMTYuMjMxNiAxNy4xMTU4IDE2LjYxMDUgMTcuMTE1OCAxNi44NjMyIDE2Ljg2MzJDMTcuMTE1OCAxNi42MTA1IDE3LjExNTggMTYuMjMxNiAxNi44NjMyIDE1Ljk3ODlMMTIuODg0MiAxMloiIGZpbGw9IiNFMzAwMTYiLz4KPC9zdmc+Cg==') no-repeat 50% 50%;
}


.form-box .check-validation.check .check-icon,
.form-box input.status:not(:focus):valid~.check-icon {
    background: url("../images/status.605fb4fa2544.svg") no-repeat 50% 50%;
}

.form-box .check-validation .phone-edit-input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
}

.form-box p.error,
.form-box span.error,
.box-calculator span.error,
#mainCalc span.error {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0.03em;
    color: #E30016;
}

span[name="output-status"] {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 25px;
    display: none;
    text-align: center;
    margin: 20px 0;
}

span[name="output-status"].error,
span[name="output-status"].success {
    display: block;
}

span[name="output-status"].error {
    color: #E30016;
}

span[name="output-status"].success {
    color: #25D482;
}

#id_is_agree_error {
    text-align: center;
    padding-top: 20px;
}

.form-box .ssl {
    margin: 50px auto 0;
    max-width: 320px;
}

.form-box .ssl .icon {
    width: 42px;
    height: 42px;
    overflow: hidden;
    margin-right: 10px;
}

.form-box .ssl .icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: 50%;
}


#content .form-box .ssl p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.03em;
    color: #4F5665;
    text-align: left;
}


/* approvedLoan */

.loader {
    background: rgba(0,0,0,.2);
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
  }
  .loader .loader_inner {
    animation: animate 1.5s linear infinite;
    clip: rect(0, 80px, 80px, 40px);
    height: 80px;
    width: 80px;
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
  }
  @keyframes animate {
    0% {
      transform: rotate(0deg)
    }
    100% {
      transform: rotate(220deg)
    }
  }
  .loader .loader_inner:after {
    animation: animate2 1.5s ease-in-out infinite;
    clip: rect(0, 88px, 88px, 40px);
    content:'';
    border-radius: 50%;
    height: 80px;
    width: 80px;
    position: absolute;
    box-shadow: inset #16BF54 0 0 0 17px;
  }
  @keyframes animate2 {
    0% {
      transform: rotate(-140deg);
    }
    100% {
      transform: rotate(140deg);
    }
  }


/* /approvedLoan */

/* smsCode */
#smsCode {
    display: inline-block;
    margin: 0 auto;
}

#smsCode input {
    width: 280px;
    height: 45px;
    background: url("../images/sms_code.921ebb129280.png") no-repeat 0 50%;
    background-size: contain;
    font-family: 'Courier Prime', monospace;
    font-weight: 400;
    font-size: 32px;
    text-align: left;
    word-spacing: 21px;
    padding: 3px 0 0 16px;
    color: #000;
    letter-spacing: 50px;
    overflow: hidden;
    display: block;
    margin: 0 -36px 0 0;
    box-sizing: content-box;
}

#smsCode input:not(:focus):valid {
    background: url("../images/sms_code_ok.39cf9d1717e8.png") no-repeat 0 50%;
    background-size: contain;
    color: #000;
}

#smsCode input:not(:focus):invalid {
    background: url("../images/sms_code_error.def342e52a94.png") no-repeat 0 50%;
    background-size: contain;
    color: #FFFFFF;
}

/* /smsCode */

/* buttonHidden */
#buttonHidden.text .hidden-btn,
#buttonHidden .hidden-text {
    display: none;
}

#buttonHidden .hidden-btn,
#buttonHidden.text .hidden-text {
    display: block;
}

#buttonHidden p {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.03em;
    color: #4F5665;
}

#buttonHidden button,
.form-box .phone-edit-btn {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-decoration: underline;
    color: #3A3C3F;
    background: none;
    cursor: pointer;
}

/* /buttonHidden */

/* agree */
.agree p {
    text-align: center;
}

.agree p,
.agree p .link {
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.03em;
    color: #4F5665;
}

.agree p .link {
    text-decoration: underline;
    cursor: pointer;
}

/* /agree */
/* /form-box */

/* steps-reg */
body[data-steps="1"] #content,
body[data-steps="2"] #content,
body[data-steps="3"] #content,
body[data-steps="4"] #content,
#content.p-20 {
    padding-top: 20px;
    margin-top: 0;
}

.steps-reg .title-reg {
    font-weight: 700;
    font-size: 26px;
    text-align: left;
    color: #4F5665;
    margin-bottom: 18px;
}

.steps-reg .steps {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #1D2431;
    text-align: left;
}

.steps .hr-up {
    border: 1px solid #EFF1F8;
    margin: 32px 0 12px 0;
}

.steps .hr-bottom {
    border: 1px solid #EFF1F8;
    margin-top: 12px;
}

.steps-reg .steps span {
    display: none;
}

body[data-steps="1"] .steps-reg .steps span.one,
body[data-steps="2"] .steps-reg .steps span.two,
body[data-steps="3"] .steps-reg .steps span.three,
body[data-steps="4"] .steps-reg .steps span.four {
    display: inline;
}

/* steps-line */
.steps-line {
    background: #D9D9D9;
    border-radius: 2px;
    height: 6px;
    max-width: 800px;
    margin: 10px auto 0;
}

.steps-line .color {
    height: 6px;
    border-radius: 51px;
    background: #1D1D1F;
    width: 0;
}

body[data-steps="1"] .steps-line .color {
    width: 25%;
}

body[data-steps="2"] .steps-line .color {
    width: 50%;
}

body[data-steps="3"] .steps-line .color {
    width: 75%;
}

.steps-line .color.w-100  {
    width: 100%;
}

.loan-terms {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 24px;
    width: 100%;
}

.loan-terms .steps-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.325em;
    text-transform: uppercase;
    text-align: center;
    color: #4F5665;
    margin: 50px 0;
}


.loan-terms .box-terms {
    flex-direction: column;
    box-sizing: border-box;
    max-width: 385px;
    background: #EFF6FE;
    box-shadow: 0px 0px 40px rgba(104, 109, 129, 0.25),
        inset 0 0 0 1px #DFE4F2;
    border-radius: 14px;
    padding: 10px 20px 8px;
}

.row {
    margin: 15px 0 10px;
    align-items: center;
}

.loan-terms h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 1.3;
    color: #1D1D1F;
    box-sizing: border-box;
    display: none;
}

.loan-terms .box-terms .item .edit-input {
    border-radius: 5px;
    padding: 2px 0;
    align-items: center;
}


.edit-input {
    margin-right: 5px;
}
.edit-input input,
.edit-input span {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #1D1D1F;
}
.edit-input input {
    border: 0;
    width: 65px;
    text-align: left;
}
.bold .edit-input input {
    width: 70px;
}

.edit-input .icon {
    font-size: 16px;
    line-height: 1.3;
    font-family: 'Raleway', sans-serif;
}

.bold .edit-input input,
.bold .edit-input .icon,
.bold .edit-input span {
    font-weight: 600;
    flex-grow: 1;
}

.loan-terms .box-terms .item .edit-input.data input {
    width: 32px;
}

.item-title,
.calculator__desc {
    text-align: start;

}

.calculator__desc {
    padding-bottom: 5px;
}

.loan-terms .box-terms .item p.old-price {
    text-decoration: line-through;
    display: none;
}

.hr1 {
    display: none;
}

.row-end {
    display: flex;
    justify-content: space-between;
    color: #686D81;
}
.row-end .flex {
    align-items: center;
}

.switch-box {
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
}

.switch-box .link {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 20;
    cursor: pointer;
}

.switch-box {
    margin-top: 9px;
    text-align: start;
    color: #4D92E3;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
}

.calculator__name {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    color: #1D2431;
    background: #FFFFFF;
    border-radius: 0px 3px 3px 0px;
    padding: 5px 6px 5px 20px;
    margin-left: -19px;
    max-width: 198px;
}

/* /steps-line */
/* /steps-reg */

/* dataValidation */
#dataValidation .circle {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    max-width: 370px;
    margin: 0 auto 30px;
    width: 60%;
}

#dataValidation .circle {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
}

#dataValidation .circle .level {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#dataValidation .circle .color,
#dataValidation .list-status .color {
    animation: circle-color .5s ease-out forwards;
}

#dataValidation .circle .one .color,
#dataValidation .list-status .one .color,
#dataValidation .list-status .one .text {
    animation-delay: .5s;
}

#dataValidation .circle .two .color,
#dataValidation .list-status .two .color,
#dataValidation .list-status .two .text {
    animation-delay: 1.5s;
}

#dataValidation .circle .three .color,
#dataValidation .list-status .three .color,
#dataValidation .list-status .three .text {
    animation-delay: 2.5s;
}

#dataValidation .circle .four .color,
#dataValidation .list-status .four .color,
#dataValidation .list-status .four .text {
    animation-delay: 3.5s;
}

@keyframes circle-color {
    from {
        fill: #929DA9;
    }

    to {
        fill: #30C76B;
    }
}

#dataValidation .circle .five {
    opacity: 0;
    animation: circle-opacity .5s ease-out forwards;
    animation-delay: 4.5s;
}

@keyframes circle-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#dataValidation .list-status {
    animation: circle-list .5s ease-out forwards;
    animation-delay: 4.5s;
    overflow: hidden;
    max-height: 500px;
    max-width: 300px;
    margin: 0 auto;
}

@keyframes circle-list {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        max-height: 0;
    }
}

#dataValidation .list-status li {
    margin-top: 15px;
}

#dataValidation .list-status li .checkmark {
    margin-right: 10px;
    overflow: hidden;
}

#dataValidation .list-status li .checkmark svg {
    float: left;
}

#dataValidation .list-status li .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #929DA9;
    animation: circle-text .5s ease-out forwards;
}

@keyframes circle-text {
    from {
        color: #929DA9;
    }

    to {
        color: #30C76B;
    }
}

#dataValidation .finish {
    animation: circle-finish .5s ease-out forwards;
    animation-delay: 4.5s;
    overflow: hidden;
    max-height: 0;
    text-align: center;
}

@keyframes circle-finish {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        max-height: 500px;
    }
}

#dataValidation .finish .sum-title {
    font-size: 38px;
    line-height: 1.5;
    color: #25D482;
    margin-bottom: 30px;
}

#dataValidation .finish .sum-title,
#dataValidation .finish .sum-title span {
    font-weight: 500;
}

#dataValidation .finish .load {
    margin-bottom: 20px;
}

#dataValidation .finish .load svg {
    animation: circle-load 1s linear infinite;
    transform: rotate(0);
}

@keyframes circle-load {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(369deg);
    }
}

#dataValidation .finish .more {
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #4F5665;
}

/* /dataValidation */

/* cardEntry */
#cardEntry {
    padding: 0;
    margin: 15px auto 0;
}

#cardEntry p {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.11em;
    color: #929DA9;
}

#cardEntry p .color {
    font-weight: 500;
    color: #30C76B;
}

#cardEntry p.small {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    margin: 20px 0;
    color: #1D1D1F;
}

.cardForm__hr {
    height: 1px;
    margin-top: 36px;
    background: #EFF1F8;
}

#cardEntry p.small strong {
    font-weight: 500;
}

.form-box .b-form__input,
#cardEntry .hosted-field {
    border: 1px solid #BFC6D9;
    border-radius: 4px;
    line-height: 56px;
    /* background: #F3F7FD; */
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 16px;
    /* font-style: italic; */
    text-align: left;
}

#cardEntry .box-card {
    max-width: 624px;
    box-shadow: -5px 5px 10px rgba(239, 241, 248, 0.2),
        5px -5px 10px rgba(223, 228, 242, 0.2),
        5px 5px 15px #DFE4F2;
    border-radius: 15px;
    background: #FFFFFF;
    margin: 0 auto 20px;
    border-radius: 10px;
    padding: 15px 30px 40px;
}

.form-box-container {
    max-width: 624px;
    box-shadow: -5px 5px 10px rgba(239, 241, 248, 0.2), 5px -5px 10px rgba(223, 228, 242, 0.2), 5px 5px 15px #DFE4F2;
    border-radius: 15px;
    background: #FFFFFF;
    padding: 48px 40px 48px 40px;
    margin-bottom: 20px;
}

#cardEntry .footer__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

#cardEntry .footer__container p {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #B7C6D0;
}

#cardEntry .control {
    display: flex;
    align-items: center;
    flex-direction: column;
    /* padding-bottom: 12px; */
}

#cardEntry .control__wrap {
    display: flex;
    justify-content: center;
    padding: 16px 0 14px 0;
}

#cardEntry .footer__container .control p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #4DAE55;
}

/* /cardEntry */

/* conditions */
#conditions {
    padding: 0;
    margin: 0 0 30px;
}

#conditions::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background-size: auto 100%;
}

#conditions .loan-terms {
    flex-direction: column;
    max-width: 360px;
    margin: 0 auto;
}

#conditions .loan-terms h5 {
    text-align: center;
}

#conditions .loan-terms p {
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    margin-top: 12px;
}

#conditions .loan-terms .fot .title {
    font-family: 'Raleway' sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #1D1D1F;
    color: #1D1D1F;
    margin-top: 10px;
}

#conditions .loan-terms .fot h3 {
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    color: #1D1D1F;
    padding: 0 12px;
    margin-top: 12px;

}

#conditions .loan-terms .fot .expire {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 190px;
    padding: 13px 7px 13px 13px;
    box-sizing: border-box;
    margin: 30px auto 0;
}


#conditions .loan-terms .fot .expire p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    display: inline;
    color: #1D1D1F;
    margin-top: 0;
}

#conditions #timer {
    display: inline-flex;
}


#conditions .loan-terms .fot .expire img {
    margin-right: 13px;

}

#conditions .loan-terms .fot .expire #timer .timer__item {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.045em;
    color: #1D1D1F;
}

/* /#conditions */

/* offers */
.bg {
    background: linear-gradient(180deg, rgba(245, 247, 250, 0) 0%, #EFF6FE 100%);
}

#offers {
    padding: 0;
    margin: 0;
}

#offers .items-offers .item:hover {
    box-shadow: -23px 23px 46px rgba(222, 222, 222, 0.2),
        23px -23px 46px rgba(222, 222, 222, 0.2),
        -23px -23px 46px rgba(255, 255, 255, 0.9),
        23px 23px 58px rgba(222, 222, 222, 0.9),
        inset 1px 1px 2px rgba(255, 255, 255, 0.3),
        inset -1px -1px 2px rgba(222, 222, 222, 0.5),
        inset 0 0 0 3px #16BF54;
        
}

#offers .items-offers {
    flex-direction: column;
}

#offers .items-offers .item {
    flex-direction: column;
    box-shadow: 5px 5px 13px 0px #E6E6E6E5,
        0 0 0 3px #eff6fe inset;
    border-radius: 10px;
    padding: 23px 18px 27px;
    margin-bottom: 25px;
    position: relative;
    background: #FFF;
}

#offers .items-offers .item .logo {
    width: 100%;
    overflow: hidden;

}

#offers .items-offers .item .logo svg,
#offers .items-offers .item .logo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: 50%;
}

#offers .items-offers .item .title {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #16BF54;
    padding-top: 27px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    max-width: 260px;
    margin: 0 auto;
}

#offers .items-offers .item ul {
    overflow: hidden;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
}

#offers .items-offers .item ul li {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

#offers .items-offers .item ul li .text-2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    color: #4A4A4C;
    text-align: center;
}

#offers .items-offers .item ul li .icon svg {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: 50%;
}

#offers .items-offers .item:hover ul li .icon .color {
    fill: #2BBC5D;
}

#offers .items-offers .item ul li .text {
    font-family: 'Open Sans';
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    color: #1D1D1F;
}

#offers .items-offers .item .offer-btn {
    position: relative;
    z-index: 30;
    background: #16BF54;
    border: 1px solid #16BF54;
    border-radius: 10px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 18px;
    line-height: 56px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    margin-top: 25px;
}

#offers .items-offers .item .offer-btn:hover {
    background: #119A43;
    border: 1px solid #119A43;
}

#offers .items-offers .item .content {
    flex-direction: column;
    flex-grow: 1;
}

#offers .items-offers .item .content ul {
    margin: auto;
}

#offers .items-offers .item .card__logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#offers .items-offers .item .card__text-p {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    background-color: #1D1D1F;
    color: #FFFFFF;
    padding: 0 7px 0 17px;
    margin-left: -16px;
    border-radius: 0 4px 4px 0;
    flex-shrink: 0;
}

#offers .items-offers .item .box-img {
    margin-left: 45px;
    height: 60px;
}

#offers .items-offers .item .link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
}

/* /#offers */

/* (min-height: 550px) and (max-height: 620px)  */
@media (min-height: 550px) and (max-height: 620px) {
    #calculator form .time {
        margin: 10px 0;
        position: relative;
    }
}

/* /(min-height: 550px) and (max-height: 620px)  */

/* (min-height: 550px) */
@media (min-height: 550px) {
    #calculator .bg-calculator {
        position: relative;
    }
    #calculator .bg-calculator::after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-size: contain;
    }
}

/* /(min-height: 550px) */

/* (min-width: 360px) */
@media (min-width: 360px) {
    .inner {
        margin: 0 16px;
    }
    /* cardEntry */
    #cardEntry p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    #cardEntry h3 {
        font-size: 22px;
    }
    /* /cardEntry */

    /* checkbox */

    .checkbox-text .text,
    .checkbox-text .link {
        font-size: 11px;
        line-height: 1.2;
    }

    .checkbox-text .checkmark {
        width: 22px;
        left: 5px;
        top: calc(50% - 11px);
        height: 22px;
        background: #F3F7FD;
        border-radius: 5px;
    }

    /* /checkbox */
}

/* /(min-width: 360px) */

/* (max-height: 550px) */
@media (max-height: 550px) {
    #calculator .advantage-calculator h1 {
        display: none;
    }
}
/* /(max-height: 550px) */

/* (max-height: 620px) */
@media (max-height: 620px) {
    #calculator .notice p {
        display: none;
    }
}
/* /(max-height: 620px) */

/* (max-height: 500px) and (orientation: landscape) */
@media (max-height: 500px) and (orientation: landscape) {
    #logo {
        margin: 0;
    }

    #calculator {
        padding-top: 0;
        background: linear-gradient(260.77deg, #30C76B 1.13%, #7FCEC5 65.73%);
    }

    #calculator .inner {
        padding: 10px 0 0;
        flex-direction: row;
        align-items: normal;
        margin: 0 10px;
    }

    #calculator .advantage-calculator {
        display: block;
        padding-top: 60px;
        position: relative;
        z-index: 15;
    }

    #calculator .advantage-calculator .notice,
    #calculator .advantage-calculator .timer {
        display: none;
    }

    #calculator .bg-calculator::after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 340px;
        bottom: 0;
        background: url("../images/calculator_bg.4b2ac6f82eca.png") no-repeat 50% 100%;
        background-size: contain;
    }

    #calculator .box-calculator {
        width: 320px;
        margin-left: auto;
        padding: 10px 15px;
        border-radius: 30px 30px 0 0;
    }

    #calculator form .time {
        margin: 10px 0;
        position: relative;
    }

    #calculator form fieldset {
        margin-top: 15px;
    }

    #steps .steps-items .item,
    #advantage .advantage-items .item {
        width: 300px;
        margin: 10px auto 0;
    }

    #cards .cards-items {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* /(max-height: 500px) and (orientation: landscape) */

/* (min-width: 500px) */
@media (min-width: 500px) {

    /* cardEntry */
    #cardEntry {
        max-width: 500px;
    }

    /* cardEntry */
    #cardEntry p {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #cardEntry h3 {
        font-size: 33px;
        margin-bottom: 20px;
    }

    #cardEntry p.small {
        font-size: 23px;
    }

    .form-box .box-icon {
        margin-top: 60px;
    }

    /* /cardEntry */

    /* offers */
    #offers .items-offers {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #offers .items-offers .item {
        width: calc(50% - 5px);
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    /* /offers */
}

/* /(min-width: 500px) */

/* (max-width: 500px) */
@media (max-width: 500px) {
    /* cards */
    #cards .cards-items {
        flex-direction: column;
        gap: 25px;
    }
    #cards .cards-items .item .icon {
        height: 40px;
    }
    #cards .cards-items .item .icon {
        padding-right: unset;
    }
    /* cards */
}
/* (max-width: 500px) */

/* (min-width: 900px) */
@media (min-width: 900px) {
    .mob {
        display: none;
    }

    .pc {
        display: block;
    }

    .inner {
        max-width: 1440px;
    }

    body[data-steps="unsubscribe"] {
        background-position: 50% 0;
    }

    input[type='range']::-webkit-slider-thumb {
    
        background: #FFFFFF;
        border: 5px solid #16BF54;
    }

    input[type='range']::-moz-range-thumb {
        
        background: #FFFFFF;
        border: 5px solid #16BF54;
    }

    input[type='range']::-ms-range-thumb {
        
        background: #FFFFFF;
        border: 5px solid #16BF54;
    }

    h1 {
        font-size: 42px;
        line-height: 50px;
    }


    h4 {
        margin-bottom: 20px;
    }

    h2 {
        font-size: 32px;
        margin: 45px 0 19px 0;
    }

    .form-box .title {
        padding: 10px 30px;
        margin: 0 auto 30px;

    }

    #dataValidation {
        margin-top: 20px;
        padding-top: 20px;
    }

    .form__wrap{
        padding: 48px 65px;
        box-shadow: -5px 5px 10px rgba(239, 241, 248, 0.2),
            5px -5px 10px rgba(223, 228, 242, 0.2),
            5px 5px 15px #DFE4F2;
        border-radius: 15px;
        max-width: 500px;
        box-sizing: border-box;
        margin: 0 auto;
        margin-top: 46px;
    }
    .form__wrap .form__wrap_unsubscribe .max-500{
        max-width: 500px;
    }


    /* pageText */
    #pageText {
        padding: 100px 0 50px;
    }

    #pageText .inner {
        padding: 25px;
        background: #FFF;
        border-radius: 20px;
    }

    #pageText p {
        line-height: 1.4;
    }
    /* /pageText */

    /* calculator */
    #calculator .inner {
        padding: 30px;
        flex-direction: row;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        padding-bottom: 0;
    }

    #calculator .bg-calculator {
        position: absolute;
    }

    #calculator form {
        padding: 20px 50px;
    }

    #calculator .calculator-hr {
        margin: 15px -50px 0;
    }

    #calculator .box-calculator .time {
        display: none;
    }

    #calculator .box-calculator .checkbox-text {
        margin-top: 20px;
    }

    #calculator img {
        display: none;
    }

    #calculator .girlPc__container {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
    }

    #calculator .mony-container {
        display: none;
    }

    #calculator .mony-container__pc {
        position: absolute;
        background: url("../images/m-head.9d377f8c1ce2.png") no-repeat 50% 50%;
        background-size: contain;
        text-align: center;
        height: 645px;
        width: 2150px;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 0;
        z-index: 10;
    }

    #calculator .girl-pc {
        width: 150px;
        height: auto;
        display: block;
        padding-right: 50px;
    }

    #calculator .girl-mb {
        display: none;
    }

    #calculator .advantage-calculator {
        display: block;
    }

    #calculator .advantage-calculator .notice {
        margin-top: 10px;
    }

    #calculator .advantage-calculator h1 {
        font-family: 'Raleway', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 1.2;
        color: #1D1D1F;
        max-width: 100%;
    }

    #calculator .advantage-calculator .notice p {
        font-size: 20px;
        line-height: 1.3;
        max-width: 100%;
        color: #1D1D1F;
        text-align: center;
    }

    #calculator .advantage-calculator .timer {
        margin: 45px 0 0 -30px;
        padding-left: 30px;
        width: 285px;
        border-radius: 0 20px 20px 0;
        background: #FFF;
    }

    #calculator .advantage-calculator .timer p {
        font-weight: 500;
        font-size: 16px;
        line-height: 63px;
        color: #4F5665;
    }

    #calculator .advantage-calculator .timer p .color,
    #calculator .advantage-calculator .timer p b {
        font-weight: 500;
        color: #F53838;
    }

    #calculator .form-calculator .timer {
        margin: 0 0 0 -50px;
    }

    /* /calculator */

    /* cardEntry */

    #cardEntry {
        max-width: 624px;
        box-shadow: -5px 5px 10px rgba(239, 241, 248, 0.2),
            5px -5px 10px rgba(223, 228, 242, 0.2),
            5px 5px 15px #DFE4F2;
        border-radius: 15px;
        background: #FFFFFF;
        padding: 20px 40px 0 40px;
        margin-bottom: 20px;
    }

    #cardEntry p.small {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
    }

    #cardEntry .box-card {
        max-width: 344px;
    }

    #cardEntry .control {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    #cardEntry .footer__container p {
        text-align: left;
    }

    #cardEntry .footer__container .control p {
        font-size: 13px;
    }
    #cardEntry .form-box .btn{
        max-width: 288px;
        margin: 0 auto 20px;
        display: block;
    }

    /* /cardEntry */

    /* steps */
    #steps {
      padding-bottom: 80px;
    }
    #steps .steps-items {
        flex-direction: row;
        justify-content: center;
    }
    .steps-reg .steps{
        padding-top: 16px;
    }

    #steps .steps-items .item {
        width: calc(33% - 20px);
        max-width: 350px;
        margin: 0 15px;
        box-sizing: border-box;
    }

    .form-box .form-box-content.max-500,
    .form-box  #UnsubscribeForm .max-500  {
        max-width: 500px;
    }
    .form-box #UnsubscribeForm .max-500  {
        margin: 0 auto;
    }
    .form-box .form-box-content {
        max-width: 624px;
        border-radius: 15px;
        background: #FFFFFF;
        padding: 0 40px 48px 40px;
        margin-bottom: 20px;

    }
    .form-box .form-box-content.main-form {
        box-shadow: -5px 5px 10px rgba(239, 241, 248, 0.2),
            5px -5px 10px rgba(223, 228, 242, 0.2),
            5px 5px 15px #DFE4F2;

    }

    .form-box .box-unsubscribe {
        max-width: 608px;
        border-radius: 15px;
        padding: 48px 40px 48px 40px;
        margin: 0 auto;
    }
  



    .form-box .form-box-content .title-formBox {
        padding-top: 48px;
    }

    .switch {
        margin: 30px 0 30px 0;
    }

    .steps {
        width: 320px;
        order: 1;
    }

    .form-info {
        flex-direction: row;
        justify-content: space-between;
        max-width: 100%;
        margin: 0 auto;
    }


    .loan-terms .box-terms .item p.old-price {
        display: block;
    }

    .loan-terms h4 {
        font-weight: 500;
        font-size: 30px;
        line-height: 1.3;
        color: #1D1D1F;
        box-sizing: border-box;
        text-align: left;
        display: block;

    }

    .loan-terms .box-terms {
        padding: 17px 35px 20px;
    }

    .form-box .title-unsubscribe {
        font-size: 24px;
        margin-bottom: 46px;
        text-align: center;
        margin-top: 46px;
        max-width: 608px;
    margin: auto;
    padding-top: 85px;
    }

    #unsubscribePage .happy .text {
        width: 100%;
    }

    #unsubscribePage .happy {
        flex-direction: column;
        text-align: center;
    }

    .hr1 {
        display: block;
        background: #DFE4F2;
        height: 1px;
    }

    .row-end {
        margin-top: 12px;
    }

    .calculator__name {
        margin-left: -34px;
    }

    /* /steps */

    /* advantage */
    #advantage .advantage-items {
        flex-direction: row;
    }

    #advantage .advantage-items .item {
        width: calc(50% - 20px);
        box-sizing: border-box;
        justify-content: center;
        box-shadow: none;
        margin-top: 0;
    }

    #advantage .item-img img {
        height: 400px;
    }

    #advantage .inner h3 {
        text-align: start;
        font-size: 32px;
        padding-bottom: 20px;
    }

    /* /advantage */

    .background-mony {
        display: none;

    }

    .background-mony__pc {
        display: block;
        position: absolute;
        background: url("../images/monyPc.22f4ac4afe8e.png") no-repeat 50% 50%;
        background-size: contain;
        height: 699px;
        width: 2305px;
        left: 50%;
        top: 527px;
        z-index: -10;
        width: 2194px;
        transform: translate(-50%, 0);
    }

    /* choice */
    #choice .choice-items {
        flex-direction: row;
        justify-content: space-between;
    }

    #choice .choice-items .item {
        width: calc(33% - 55px);
    }

    #choice .choice-items .item .title {
        font-size: 23px;
    }

    #choice .choice-items .item .card__text-p {
        margin: 0 0 0 -18px;
    }

    /* /choice */

    /* fillForm */
    #fillForm .form {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 50px;
    }

    #fillForm .form .title {
        font-size: 35px;
        line-height: 1.4;
        margin-bottom: 0;
    }

    #fillForm .form .info {
        font-size: 25px;
        margin-bottom: 0;
    }

    #fillForm .form .btn {
        margin: 0;
        width: 250px;
    }

    /* /fillForm */

    /* description */
    #description a {
        font-size: 12px;
    }

    /* /description */

    /* cards */
    #cards .cards-content {
        padding: 61px 0 50px 0;
        border-radius: 0 150px;
        justify-content: center;
    }

    #cards .cardnames-items {
        margin: 61px 0 130px 0;
    }

    #cards .title p {
        max-width: 100%;
    }

    #cards .cardnames-items .item {
        display: block;
        padding: 0 20px;
        border-radius: 30px;
        margin: 0 10px;
        cursor: pointer;
    }

    #cards .cardnames-items .item p {
        line-height: 37px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.005em;
        color: #FFFFFF;
    }

    #cards .cards-items {
        flex-direction: row;
        justify-content: center;
        padding: 0;
    }

    #cards .cards-items .item {
        width: auto;
        max-width: 15%;
        padding: 0;
        margin-right: 44px;
    }
    #cards .cards-items .item:last-child{
        margin-right: 0;
    }

    #cards .cards-items .item .icon {
        width: 100%;
        height: 50px;
    }

    #cards .cards-items .item .icon.hover {
        opacity: 1;
    }

    /* /cards */

    /* offers */
    #conditions {
        padding: 60px 0 45px;
        margin: 0 0 70px;
    }

    #conditions::before {
        background-size: 100% auto;
    }

    #conditions .loan-terms {
        max-width: 1440px;
        margin: 0 auto;
        flex-direction: row;
        justify-content: center;
        padding-top: 0;
        align-items: stretch;
        width: 100%;
    }

    #conditions .loan-terms .fot h3 {
        padding: 0;
        font-size: 20px;
        line-height: 1.2;
        margin: 15px 0;
    }

    #conditions .loan-terms .fot {
        box-sizing: border-box;
        width: 700px;
    }

    .loan-terms {
        width: 384px;
    }

    .form-box .btn.max-288{
        width: 288px;
    }

    #conditions .loan-terms p {
        font-size: 23px;
        line-height: 1.5;
        color: #1D1D1F;
    }

    #conditions .loan-terms p strong {
        font-weight: 500;
    }

    #conditions .loan-terms .fot .title {
        font-size: 24px;
        text-align: center;
    }

    #conditions .loan-terms .fot .expire {
        justify-content: center;
        align-items: end;
        max-width: 440px;

    }

    #conditions .loan-terms .fot .expire img {
        margin-right: 14px;
    }

    #conditions .loan-terms .fot .expire p,
    #conditions .loan-terms .fot .expire #timer .timer__item {
        font-size: 16px;
        max-width: 100%;
    }

    #offers .items-offers {
        justify-content: start;
        margin: 0 -15px;
    }

    #offers .items-offers .item {
        width: calc(33.333% - 30px);
        padding: 20px 40px 45px;
        margin: 0 15px 50px;
        border-radius: 15px;
    }

    #offers .items-offers .item .card__text-p {
        margin-left: -40px;
    }

    /* /offers */
}

/* /(min-width: 900px) */

/* (min-width: 1260px) */
@media (min-width: 1260px) {
    h3 {
        font-size: 36px;
    }

    .inner {
        margin: 0 auto;
        padding: 0 16px;
        max-width: 1440px;
    }

    /* calculator */
    #calculator .inner {
        position: relative;
        padding: 47px 30px 30px 30px;
    }

    #calculator .bg-calculator {
        top: 0;
        bottom: 0;
        left: 170px;
        right: 265px;
    }

    #calculator .bg-calculator::before {
        display: none;
    }

    #calculator .advantage-calculator {
        position: relative;
        z-index: 12;
    }

    #calculator .box-calculator {
        padding-top: 40px;
    }

    #calculator .advantage-calculator h1 {
        font-weight: 700;
        font-size: 60px;
        line-height: 1.2;
    }

    #calculator .girl-pc {
        width: 354px;
        position: absolute;
        z-index: 10;
        right: calc(50% + 180px);
        bottom: 0;
    }

    #calculator .advantage-calculator .notice p {
        font-weight: 500;
        font-size: 32px;
        line-height: 1.3;
    }

    #calculator .calculator-hr {
        margin-top: 18px;
    }

    #calculator .row-end {
        margin-top: 12px;
    }

    #calculator form {
        margin-bottom: 100px;
        width: 435px;
    }

    /* /calculator */

    /* cards */

    #cards .cardnames-items .item {
        margin: 0 15px;
    }

    /* /cards */
    /* steps */

    #steps .steps-items .item .icon p {
        font-size: 100px;
    }

    #steps .steps-items .item .title {
        font-size: 24px;


    }


    /* /steps */

    /* advantage */
    #advantage .advantage-items .item {
        padding: 100px 0 100px 105px;
    }

    #advantage .inner {
        margin: 0 auto;
    }

    #advantage .inner h3 {
        font-weight: 700;
        font-size: 56px;
        line-height: 1.1;
        padding-bottom: 50px;
    }

    #advantage .advantage-items .item .title {
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2;

    }

    #advantage .advantage-items .item .text {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 27px;
    }

    #advantage .item-img {
        display: flex;
        align-items: flex-end;
        flex-grow: 1;
    }

    #advantage .item-img img {
        height: auto;
        max-width: 630px;
        margin-left: auto;
    }

    /* /advantage */

    /* choice */
    #choice .title .icon {
        width: 70px;
        margin: 0 auto 40px;
    }

    #choice .choice-items .item {
        padding: 30px 25px;
        width: calc(33% - 65px);
    }

    #choice .choice-items .item.color {
        padding: 50px 35px;
    }

    #choice .choice-items .item .status {
        margin-bottom: 25px;
    }

    #choice .choice-items .item .title {
        font-size: 32px;
    }

    #choice .choice-items .item .card__text-p {
        margin: 0 0 0 -23px;
    }

    #choice .choice-items .item .info p {
        line-height: 145%;
        font-size: 20px;
    }
    #choice .choice-items .item .info{
        padding-top: 30px;
    }

    #choice .choice-items .item .fot {
        margin-top: 30px;
    }

    .loan-terms {
        width: 384px;
    }
    /* /choice */

    /* fillForm */
    #fillForm {
        width: 1230px;
        margin: 80px auto 100px;
    }
    #fillForm .form {
        padding: 70px 60px;
    }

    #fillForm .form .title {
        font-size: 42px;
    }

    #fillForm .form .info {
        font-size: 24px;
    }

    /* /fillForm */

    /* description */
    #description, .grek-info {
        box-sizing: border-box;
        padding-top: 36px;
    }

    #description p, .grek-info p {
        margin-bottom: 15px;
    }

    #description p,
    #description ul li {
        font-size: 12px;
        line-height: 1.2;
    }

    #description .list-creditors {
        margin-bottom: 35px;
    }

    #description .list-creditors h5 {
        font-size: 18px;
        line-height: 22px;
    }

    /* /description */

    #choice .tariffs__img img {
        width: 95px;
        height: auto;
        margin: 30px 0 12px 0;
    }
}

/* /(min-width: 1260px) */

/* (min-width: 1050px) */
@media (max-height: 1050px) {
    #steps.reg {
        display: none;
    }
}

/* /(min-width: 1050px) */