@media screen and (max-width: 1917.98px) {
    .card__wrapper {
        flex-direction: row;
        max-width: 1120px;
    }

    .card {
        flex-direction: column;
        width: 50%;
        padding: 140px 16px 16px 16px;
    }

    .card--market::before {
        top: -60px;
        left: 11%;
        width: 560px;
        height: 336px;
        background-size: 411px 200px;
    }

    .card--configurator::before {
        left: 19%;
        top: -45px;
        width: 560px;
        height: 336px;
        background-size: 341px 180px;
    }

    .card__text-block {
        width: 100%;
    }

    .card__buttons {
        flex-direction: row;
        width: 100%;
    }

    .card__button {
        width: 50%;
    }

    .text--market {
        width: 60%;
    }
}

@media screen and (max-width: 1271.98px) {
    .container {
        padding-bottom: 120px;
        gap: 60px;
    }

    .card__wrapper {
        flex-direction: column;
        max-width: 660px;
        min-width: auto;
    }

    .card {
        width: 100%;
    }

    .card--market::before {
        left: 18%;
    }

    .card--configurator::before {
        left: 21%;
        background-size: 382px 200px;
    }

    .card__title {
        font-size: 32px;
    }

    .card__text {
        font-size: 20px;
    }
}

@media screen and (max-width: 831.98px) {

    html,
    body {
        align-items: flex-start;
    }

    .container {
        padding: 20px 16px 40px 16px;
        gap: 40px;
    }

    .card__wrapper {
        width: 100%;
        max-width: 500px;
    }

    .card {
        padding: 24px 16px 16px 16px;
        min-width: 342px;
        max-width: 380px;
    }

    .card--configurator{
        height: 273px;
    }

    .card--market{
        height: 301px;
    }

    .card--market::before {
        left: 0;
        top: -30px;
        width: 100%;
        height: 300px;
        background-size: 325px 142px;
        background-position: center top;
    }

    .card--configurator::before {
        left: 0;
        top: -50px;
        width: 100%;
        height: 273px;
        background-size: 283px 148px;
        background-position: center top;
    }

    .card__title {
        font-size: 16px;
    }

    .card__text {
        font-size: 12px;
    }

    .text--market{
        width: 100%;
    }
}