.grade {padding-bottom:10rem}
.grade__title {width:50%; margin-bottom:4rem}
.grade__block {margin-bottom:6.5rem; display:flex; justify-content:space-between}
.grade__block-heading {display:flex; justify-content:space-between; margin-bottom:1.7rem}
.grade__block-subtitle {font-size:1.6rem; line-height:1.625}
.grade__block-button {width:28.5rem}
.grade__block-button svg {display:block; width:1.4rem; height:1.4rem; stroke:#1e5d9d}
.grade__form {width:66rem; flex-shrink:0}
.grade__form-group:not(:last-child) {margin-bottom:2.6rem}
.grade__form-group-heading {padding-bottom:1rem; border-bottom:1px solid #eaeaeb; margin-bottom:2rem}
.grade__form-group-title {display:flex; align-items:center; font-size:1.8rem; font-weight:600}
.grade__form-group-title svg {width:2.6rem; height:2.6rem; flex-shrink:0; margin-right:.8rem}
.grade__form-group-body {display:grid; grid-template-columns:repeat(2,1fr); grid-gap:2rem}
.grade__form-group-body .select2-selection {min-height:auto!important; padding:0 1.1rem!important; border-radius:.5rem!important; height:5rem!important}
.grade__form-group-body .select2-selection__placeholder,.grade__form-group-body .select2-selection__rendered {font-size:1.4rem!important}
.grade__form-group-body .select2-search::after {right:1.1rem!important}
.grade__form-button svg {width:1.4rem; height:1.4rem; display:block; stroke:#fff}
.grade__result {margin-bottom:2rem}
.grade__result-content {padding:3.1rem 6rem 4rem; background-color:#fafafa; border-radius:1.6rem; margin-bottom:2rem}
.grade__result-heading {padding-bottom:1.6rem; border-bottom:1px solid #eaeaeb; margin-bottom:1.5rem}
.grade__result-price {font-size:4rem; font-weight:600; margin-bottom:.2rem}
.grade__result-description {font-size:1.4rem}
.grade__result-body {display:flex; justify-content:space-between}
.grade__result-info {width:60%}
.grade__result-model {font-size:2.2rem; font-weight:600; margin-bottom:2rem}
.grade__result-block {display:grid; grid-template-columns:repeat(3,19rem); grid-gap:2.2rem 2rem; margin-bottom:2.6rem}
.grade__result-block-title {font-size:1.2rem; color:#6f6f71; margin-bottom:.8rem}
.grade__result-block-description {font-size:1.6rem}
.grade__result-action {display:flex}
.grade__result-button {padding:0 3rem}
.grade__result-button svg {display:block; width:2rem; height:2rem; margin-right:1rem; margin-left:0}
.grade__result-button:not(:last-child) {margin-right:3.2rem}
.grade__result-button:not(.grade__result-share) {display:flex; align-items:center; font-size:1.4rem; font-weight:500; color:#1e5d9d; padding:0}
.grade__result-photo {margin-top:.5rem; width:33.3%; border-radius:1.6rem; overflow:hidden}
.grade__result-photo img {height:100%; -o-object-fit:cover; object-fit:cover}
.grade__result-affect {padding:3.5rem 6rem 4rem; background-color:#fafafa; border-radius:1.6rem}
.grade__result-affect-title {font-size:2.2rem; font-weight:600; margin-bottom:3rem}
.grade__result-affect-block {display:grid; grid-template-columns:repeat(2,1fr); grid-gap:2.1rem 2.9rem; padding-bottom:3.2rem; border-bottom:1px solid #eaeaeb; margin-bottom:2rem}
.grade__result-affect-item {padding-left:3.4rem; font-size:1.6rem; position:relative}
.grade__result-affect-item::before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:2.4rem; height:2.4rem; background-image:url(../img/svg/choose-nocheck.svg); background-position:50% 50%; background-size:contain; background-repeat:no-repeat}
.grade__result-affect-item_checked::before {background-image:url(../img/svg/choose-check.svg)}
.grade__result-affect-info {display:flex; align-items:center; font-size:1.6rem}
.grade__result-affect-info svg {width:2.4rem; height:2.4rem; flex-shrink:0; margin-right:1rem}
.grade__img {width:100%; margin-top:-15rem; transform:translateX(5rem); z-index:-1}
.grade__img img {width:57.7rem}
.grade__error {padding-top:6rem}
.grade__error-warning {display:flex; align-items:center; font-size:1.6rem; margin-bottom:3rem}
.grade__error-warning-icon {width:4.1rem; height:4.1rem; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0; margin-right:.8rem; background-color:#fafafa}
.grade__error-warning-icon svg {width:2.3rem; height:2.1rem}
.grade__error-action {display:flex}
.grade__error-button {padding:0 4rem}
.grade__error-button:not(:last-child) {margin-right:2rem}
.grade__error-try {width:30.7rem}
.grade__vin {padding-top:.6rem}
.grade__vin-title {font-size:1.6rem; margin-bottom:3.8rem}
.grade__vin-form-action {display:flex; margin-top:2rem}
.grade__vin-form .label_vin {grid-column:span 2}
.grade__vin-form .label_vin::after {content:''; position:absolute; top:50%; right:1rem; transform:translateY(-50%); width:2.2rem; height:2.4rem; background:url(../img/svg/shield-check.svg) 50%/contain no-repeat}
.grade__vin-form .label_vin input {padding-right:4rem}
.grade__vin-form-button {padding:0 5.9rem; margin-right:2rem}
.grade__vin-form-button svg {display:block; stroke:#fff; width:1.4rem; height:1.4rem}
.grade__vin-form-options {padding:0 3.4rem}
.grade__consultation {display:flex; justify-content:space-between; align-items:center; padding:3.5rem 6rem; background-color:#f1f8fd; border-radius:1.6rem}
.grade__consultation-text {width:60%}
.grade__consultation-title {font-size:2.2rem; font-weight:600; line-height:1.16; margin-bottom:1.8rem}
.grade__consultation-description {font-size:1.4rem}
.grade__consultation-button {font-size:1.4rem; padding:0 3rem}
@media (max-width:48em) {.grade {padding-bottom:8rem }
 .grade__title {width:100%; margin-bottom:-3rem }
 .grade__block {flex-wrap:wrap }
 .grade__block-heading {display:block; margin-bottom:8.1rem }
 .grade__block-subtitle {font-size:3.2rem; line-height:1.4; margin-bottom:3.5rem }
 .grade__block-button {width:100% }
 .grade__block-button svg {width:2.8rem; height:2.8rem }
 .grade__form {width:100% }
 .grade__form-group:not(:last-child) {margin-bottom:6rem }
 .grade__form-group-heading {padding-bottom:2.2rem; margin-bottom:4rem }
 .grade__form-group-title {width:101%; font-size:3.6rem }
 .grade__form-group-title svg {width:5.2rem; height:5.2rem; margin-right:1.6rem }
 .grade__form-group-body {grid-template-columns:repeat(1,1fr); grid-gap:4rem }
 .grade__form-group-body .select2-selection {padding:0 2.2rem!important; border-radius:1rem!important; height:10rem!important }
 .grade__form-group-body .select2-selection__display,.grade__form-group-body .select2-selection__field,.grade__form-group-body .select2-selection__placeholder,.grade__form-group-body .select2-selection__rendered {font-size:2.8rem!important }
 .grade__form-group-body .select2-selection__arrow {width:auto!important }
 .grade__form-group-body .select2-search::after {right:2.2rem!important }
 .grade__form-group-body .select2-search__field {font-size:2.8rem!important }
 .grade__form-group-body input {font-size:2.8rem }
 .grade__form-button svg {width:2.8rem; height:2.8rem }
 .grade__img {width:100%; order:-1; transform:none; margin:0 }
 .grade__img img {width:110%; position:relative; left:50%; transform:translateX(-50%) }
 .grade__result {margin-bottom:4rem }
 .grade__result-content {padding:2.4rem 3rem 4rem; border-radius:3.2rem; margin-bottom:4.2rem }
 .grade__result-heading {padding-bottom:3.5rem; border-bottom:1px solid #eaeaeb; margin-bottom:4.2rem }
 .grade__result-price {font-size:6.4rem; margin-bottom:1.4rem }
 .grade__result-price span {display:block }
 .grade__result-description {font-size:2.8rem }
 .grade__result-body {display:block }
 .grade__result-info {width:100% }
 .grade__result-model {font-size:3.6rem; margin-bottom:3.8rem }
 .grade__result-block {grid-template-columns:repeat(1,1fr); grid-gap:5rem; margin-bottom:5.5rem }
 .grade__result-block-title {font-size:2.4rem; margin-bottom:1.5rem }
 .grade__result-block-description {font-size:3.2rem }
 .grade__result-action {display:block }
 .grade__result-button svg {width:4rem; height:4rem; margin-right:2rem; margin-left:0 }
 .grade__result-button:not(:last-child) {margin-right:0; margin-bottom:4rem }
 .grade__result-button:not(.grade__result-share) {font-size:2.8rem }
 .grade__result-photo {margin-top:0; width:100%; height:32.2rem; border-radius:3.2rem; margin-bottom:3.5rem }
 .grade__result-affect {padding:4rem 3rem; border-radius:3.2rem }
 .grade__result-affect-title {font-size:4rem; margin-bottom:4.2rem }
 .grade__result-affect-block {grid-template-columns:repeat(1,1fr); grid-gap:4.2rem; padding-bottom:3.5rem; margin-bottom:4.2rem }
 .grade__result-affect-item {padding-left:6.8rem; font-size:2.8rem }
 .grade__result-affect-item::before {width:4.8rem; height:4.8rem }
 .grade__result-affect-info {font-size:2.8rem }
 .grade__result-affect-info svg {width:4.8rem; height:4.8rem; margin-right:2rem }
 .grade__error {padding-top:2rem; margin-bottom:8rem }
 .grade__error-warning {align-items:flex-start; font-size:2.8rem; margin-bottom:3.8rem }
 .grade__error-warning-icon {width:8.2rem; height:8.2rem; margin-top:-2.6rem; margin-right:1.6rem }
 .grade__error-warning-icon svg {width:4.6rem; height:4.2rem }
 .grade__error-action {display:block }
 .grade__error-button:not(:last-child) {margin-right:0; margin-bottom:2rem }
 .grade__error-try {width:100% }
 .grade__vin {padding-top:0; margin-bottom:8rem }
 .grade__vin-title {font-size:2.8rem }
 .grade__vin-form-action {display:block; margin-top:4rem }
 .grade__vin-form .label_vin {grid-column:span 1 }
 .grade__vin-form .label_vin::after {right:3rem; width:4.8rem; height:4.8rem }
 .grade__vin-form .label_vin input {padding-right:10rem }
 .grade__vin-form-button {margin-right:0; margin-bottom:4rem }
 .grade__vin-form-button svg {width:2.8rem; height:2.8rem }
 .grade__vin-form-options {padding:0 3.4rem }
 .grade__consultation {display:block; padding:4rem 3rem; border-radius:3.2rem }
 .grade__consultation-text {width:100%; margin-bottom:4rem }
 .grade__consultation-title {font-size:3.6rem; line-height:1.22; margin-bottom:4rem }
 .grade__consultation-description {font-size:2.8rem }
 .grade__consultation-button {font-size:3.2rem }
}
.stages {
    margin-top: 5rem;
}

.stages__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.7rem
}

.stages__item {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 3rem;
    background-color: #1e5d9d;
    border: 1px solid #eaeaeb;
    border-radius: 1.6rem;
    color: #fff
}

.stages__item:last-child .stages__item-number::after {
    content: none
}

.stages__item-text {
    width: 70%
}

.stages__item-title {
    margin-bottom: 1rem
}

.stages__item-description {
    font-size: 1.2rem
}

.stages__item-img {
    width: 3rem;
    height: 3rem;
    margin-top: .5rem;
    margin-right: 1rem;
    position: relative;
    z-index: 1
}

.stages__item-img::before {
    content: '';
    position: absolute;
    top: -.5rem;
    right: -0.4rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: rgba(241, 248, 253, .1);
    z-index: -1;
}

.stages__item-number {
    position: absolute;
    bottom: 1.4rem;
    right: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    color: #1e5d9d
}

.stages__item-number::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + .2rem);
    transform: translateY(-50%);
    width: 21.3rem;
    height: 1.1rem;
    background: url(/local/templates/main/assets/img/svg/trade-in-arrow.svg) 50%/100% no-repeat;
    z-index: 1
}

.stages__scheme {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: .7rem
}

.stages__scheme .stages__item {
    position: relative
}

.stages__scheme .stages__item-img {
    width: 3.2rem;
    height: 3.2rem
}

.stages__scheme .stages__item:first-child .stages__item-img,
.stages__scheme .stages__item:last-child .stages__item-img {
    width: 4rem;
    height: 4rem
}

.stages__scheme .stages__item:first-child img {
    transform: translate(1rem, .5rem)
}

.stages__scheme .stages__item:last-child img {
    transform: translate(1rem, -.5rem)
}

.stages__scheme .stages__item-img::before {
    width: 3rem;
    height: 3rem
}

.stages__scheme .stages__item-title {
    margin-bottom: 0
}

@media (max-width:48em) {
    .stages {
        margin: -1rem 0 8rem
    }

    .stages__heading {
        margin-bottom: 4rem
    }

    .stages__title {
        margin-bottom: 2rem
    }

    .stages__subtitle {
        font-size: 3.2rem;
        line-height: 1.25
    }

    .stages__content {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 3rem
    }

    .stages__item {
        padding: 2.9rem 2.8rem;
        border-radius: 2.4rem
    }

    .stages__item-text {
        width: 80%
    }

    .stages__item-title {
        margin-bottom: 3rem
    }

    .stages__item-description {
        font-size: 2rem
    }

    .stages__item-img {
        width: 4.4rem;
        height: 4.4rem
    }

    .stages__item-img::before {
        width: 4.2rem;
        height: 4.2rem
    }

    .stages__item-number {
        bottom: auto;
        top: 2.8rem;
        right: 2.8rem;
        width: 4.8rem;
        height: 4.8rem;
        font-size: 2.8rem
    }

    .stages__item-number::after {
        top: 100%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 2.2rem;
        height: 12.6rem;
        background-image: url(/local/templates/main/assets/img/svg/trade-in-arrow.svg) 50%/100% no-repeat;
    }

    .stages__scheme {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 1.2rem
    }

    .stages__scheme .stages__item {
        min-height: 16.2rem;
        padding: 2.9rem 10.2rem 5rem 2.8rem
    }

    .stages__scheme .stages__item-img {
        width: 5.2rem;
        height: 5.2rem
    }

    .stages__scheme .stages__item-img img {
        margin-top: -.5rem
    }

    .stages__scheme .stages__item:first-child .stages__item-img,
    .stages__scheme .stages__item:last-child .stages__item-img {
        width: 6.8rem;
        height: 6.8rem
    }

    .stages__scheme .stages__item:first-child .stages__item-img {
        width: 8rem
    }

    .stages__scheme .stages__item:first-child img {
        transform: translate(1rem, 0)
    }

    .stages__scheme .stages__item:last-child img {
        transform: translate(2rem, -1rem)
    }

    .stages__scheme .stages__item-img::before {
        width: 4.4rem;
        height: 4.4rem
    }
}