.new-design-presale.landing-page .landing-page__banner-title {
    font-size: 50px;
}

.new-design-presale.landing-page .landing-page__banner {
    padding-bottom: 105px;
    background-color: #303030;
    background-image:
            radial-gradient(circle at 9% 0, rgba(114, 188, 255, 0.3) 0%, rgba(0, 0, 0, 0) 34%),
            radial-gradient(circle at 80% 140%, rgba(252, 97, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
    background-repeat: no-repeat, no-repeat;
}

.new-design-presale-landing-page__banner-text {
    max-width: 680px;
    width: 100%;
    color: #ffffff;
    margin: 0;
}

.new-design-presale-landing-page__tests-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    row-gap: 20px;
    column-gap: 40px;
    border: solid #FC6100 1px;
    padding: 40px;
    border-radius: 16px;
}

.new-design-presale-landing-page__test {
    flex-basis: calc((100% - 40px) / 2);
}

.new-design-presale-landing-page__test:not(:nth-last-child(-n+2)) {
    padding: 0 0 17px;
    border-bottom: solid #ACACAC 1px;
}

.new-design-presale-landing-page__test-title {
    margin: 0 0 20px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: start;
    column-gap: 10px;
}
.new-design-presale-landing-page__test-title .new-design-presale-landing-page__test-title-text {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}
.new-design-presale-landing-page__test-icon {
    width: 24px;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: inline-flex;
}

.new-design-presale-landing-page__test-result {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.2;
}

.new-design-presale-landing-page__analyse {

}

.new-design-presale-landing-page__analyse-wrapp {
    padding: 40px 40px 60px;
    background-color: var(--dark-orange);
    color: var(--white);
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 100px;
}
.new-design-presale-landing-page__analyse-content {
    max-width: 703px;
}
.new-design-presale-landing-page__analyse-wrapp .new-design-presale-landing-page__analyse-content .new-design-presale-landing-page__analyse-title {
    color: var(--white);
}
.new-design-presale-landing-page__analyse-wrapp .new-design-presale-landing-page__analyse-content .new-design-presale-landing-page__analyse-appeal {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
}
.new-design-presale-landing-page__analyse-btn {
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /*margin-left: auto;*/
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    text-decoration: none;
    white-space: nowrap;
    max-width: 296px;
    padding: 24px 30px;
    background-color: var(--white);
    border-radius: 16px;
}
.new-design-presale-landing-page__analyse-btn-label {
    font-weight: 700;
    color: var(--black);
}

.new-design-presale-landing-page__analyse-subjects {

}
.new-design-presale-landing-page__analyse-subjects-title {

}
.new-design-presale-landing-page__analyse-subjects-descript {
    margin-bottom: 60px;
    max-width: 880px;
}
.new-design-presale-landing-page__analyse-subjects-wrapp {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}
.new-design-presale-landing-page__analyse-subject {
    flex-basis: calc((100% - 20px * 2) / 3);
    background-color: #F4F5F7;
    border-radius: 12px;
    padding: 20px;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    min-height: 160px;
}
.new-design-presale-landing-page__analyse-subject-img {
    width: 66px;
    height: 66px;
    /*width: 20%;*/
    /*aspect-ratio: 1;*/
}
.new-design-presale-landing-page__analyse-subject-img img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.new-design-presale-landing-page__analyse-subject-descript {
    flex-basis: calc(100% - 66px - 10px);
}
.new-design-presale-landing-page__analyse-subject-descript .new-design-presale-landing-page__analyse-subject-title {
    font-size: 18px;
    margin: 0 0 10px;
}
.new-design-presale-landing-page__analyse-subject-text {
    margin: 0;
}

.new-design-presale-landing-page__compare .landing-container .new-design-presale-landing-page__compare-title {
    margin-bottom: 60px;
}

.new-design-presale-landing-page__compare-table-key-quest,
.new-design-presale-landing-page__compare-table {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.new-design-presale-landing-page__compare-tables-key-quest {
    display: none;
}
.new-design-presale-landing-page__compare-table-key-quest:not(:last-child) {
    margin-bottom: 20px;
}

.new-design-presale-landing-page__compare-table-key-quest col {
    width: 50%;
}
.new-design-presale-landing-page__compare-table-key-quest tr td:nth-child(1),
.new-design-presale-landing-page__compare-table-key-quest tr th:nth-child(1) {
    font-weight: 700;
}
.new-design-presale-landing-page__compare-table-key-quest tr td:nth-child(2),
.new-design-presale-landing-page__compare-table-key-quest tr th:nth-child(2) {
    font-weight: 400;
}

.new-design-presale-landing-page__compare-table-key-quest th,
.new-design-presale-landing-page__compare-table th {
    background-color: var(--light-orange);
}
.new-design-presale-landing-page__compare-table-key-quest th,
.new-design-presale-landing-page__compare-table-key-quest td,
.new-design-presale-landing-page__compare-table th,
.new-design-presale-landing-page__compare-table td {
    padding: 10px 20px;
}
.new-design-presale-landing-page__compare-table-key-quest tr:nth-child(odd),
.new-design-presale-landing-page__compare-table tr:nth-child(even) {
    background-color: var(--light-gray);
}

.new-design-presale-landing-page__conclusions {

}
.container.landing-container .new-design-presale-landing-page__conclusions-title {
    margin-bottom: 60px;
}
.new-design-presale-landing-page__conclusions-wrapp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    row-gap: 20px;
    column-gap: 40px;
    border: solid var(--orange) 1px;
    padding: 40px;
    border-radius: 16px;
    margin-bottom: 30px;
}
.new-design-presale-landing-page__conclusions-selling {
    font-weight: 700;
    font-size: 18px;
    flex-basis: calc((100% - 40px) / 2);
}
.new-design-presale-landing-page__conclusions-conversion {
    flex-basis: calc((100% - 40px) / 2);
    background-color: var(--light-orange);
    border-radius: 16px;
    padding: 40px;
}
.new-design-presale-landing-page__conclusions-money {
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 20px;
    white-space: nowrap;
}
.new-design-presale-landing-page__conclusions-explanation {
    text-align: center;
    font-size: 18px;
}
.new-design-presale-landing-page__conclusions-footnote {

}
.new-design-presale-landing-page__quiz {
    height: auto;
}
.new-design-presale-landing-page__quiz fieldset {
    border: none;
}
.container.landing-container .new-design-presale-landing-page__quiz-title {
    color: var(--white);
    margin-bottom: 40px;
    max-width: unset;
}
.new-design-presale-landing-page__quiz-wrapp {
    padding: 40px;
    border-radius: 16px;
    background-color: var(--dark-orange);
    min-height: 657px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}
.new-design-presale-landing-page__quiz-wrapp {
    color: var(--white);
}
.container.landing-container .new-design-presale-landing-page__quiz-step-title {
    font-size: 24px;
    margin: 0 0 40px;
}
.new-design-presale-landing-page__form-items-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    justify-content: stretch;
    gap: 20px;
    margin-bottom: auto;
    /*margin-bottom: 40px;*/
    /*margin-bottom: 20px;*/
    min-height: 168px;
}


/*.new-design-presale-landing-page__form-items-block {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*    gap: 20px;*/
/*    flex-wrap: wrap;*/
/*    margin-bottom: 20px;*/
/*    height: 175px;*/
/*}*/
/*.new-design-presale-landing-page__form-items-block {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*    gap: 20px;*/
/*    flex-wrap: wrap;*/
/*    margin-bottom: 20px;*/
/*}*/
.container.landing-container .new-design-presale-landing-page__form-items-block .landing-page__form-input::placeholder {
    color: var(--light-gray);
    font-family: 'Raleway', sans-serif;
}
.container.landing-container .new-design-presale-landing-page__form-items-block textarea.landing-page__form-input {
    height: auto;
    resize: vertical;
}
.container.landing-container .new-design-presale-landing-page__form-items-block .landing-page__form-item {
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.landing-page__form-labels {
    display: flex;
    flex-direction: row;
}
.container.landing-container .new-design-presale-landing-page__form-items-block .landing-page__form-label label {
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.container.landing-container .new-design-presale-landing-page__form-items-block .landing-page__form-item--required .landing-page__form-label label:after {
    content: '*';
    position: absolute;
    top: -4px;
    right: -15px;
}
.container.landing-container .new-design-presale-landing-page__quiz-score {
    grid-row: 1 / span 2;
}   
.new-design-presale-landing-page__form-legend {
    max-width: 100%;
    width: fit-content;
    margin-right: 4px;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: none;
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.new-design-presale-landing-page__radio-group {
    width: calc((100% - 10px) / 2);
    font-weight: normal;
}
.new-design-presale-landing-page__radio-group-text {
    cursor: pointer;
    display: flex;
    width: fit-content;
    flex-wrap: nowrap;
    height: fit-content;
    line-height: 1;
    align-items: center;
}
.new-design-presale-landing-page__radio-group-text:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' stroke='white'/%3E%3C/svg%3E") no-repeat center center / 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.new-design-presale-landing-page__radio-group-chick {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
}
.new-design-presale-landing-page__radio-group-chick:focus ~ .new-design-presale-landing-page__radio-group-text:before {
    box-shadow: 0 0 5px #ffffff;
}
.new-design-presale-landing-page__radio-group-chick:checked ~ .new-design-presale-landing-page__radio-group-text:before {
    background-color: #ffffff;
}

.new-design-presale-landing-page__form-select-wrapper {
    position: relative;
}

input.new-design-presale-landing-page__form-select {
    cursor: pointer;
    caret-color: transparent;
}
input.new-design-presale-landing-page__form-select:focus {
    background-color: rgba(255, 255, 255, 0.28);
}

.new-design-presale-landing-page__form-select-options {
    padding: 0;
    font-size: 14px;
    background-color: #e45f0d;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    cursor: pointer;
/*     transition: opacity 0.2s ease-in-out,z-index 0.2s ease-in-out; */
    pointer-events: none;
}
.visible {
    opacity: 1;
    z-index: 1;
/*     transition: opacity 0.2 ease-in-out,z-index 0.2s ease-in-out; */
}
.new-design-presale-landing-page__form-select-option {
    padding: 6px 10px;
    pointer-events: none;
}

.visible .new-design-presale-landing-page__form-select-option {
    pointer-events: auto;
}

.new-design-presale-landing-page__form-select-option:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.container.landing-container .new-design-presale-landing-page__form-select-wrapper .new-design-presale-landing-page__form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.container.landing-container .new-design-presale-landing-page__form-select-wrapper .new-design-presale-landing-page__form-select-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    display: block;
    cursor: pointer;
    pointer-events: none;
}
.container.landing-container .new-design-presale-landing-page__form-select-wrapper .new-design-presale-landing-page__form-select-arrow::before {
    position: absolute;
    left: -34px;
    bottom: 0;
    width: 34px;
    height: 100%;
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8317 7.16838L8.09731 13.9027C8.06364 13.9364 8.02997 13.9701 7.96263 13.9701H7.89528C7.89528 13.9701 7.86161 13.9364 7.82794 13.9701C7.82794 13.9701 7.82794 13.9701 7.79427 13.9364L7.7606 13.9027L1.02625 7.16838C0.925231 7.06737 0.925231 6.93268 1.02625 6.83166C1.12726 6.73065 1.26195 6.73065 1.36296 6.83166L7.69325 13.162L7.69325 0.299344C7.69325 0.164657 7.79427 0.063642 7.92896 0.063642C8.06364 0.063642 8.16466 0.164657 8.16466 0.299344L8.16466 13.2293L14.5286 6.86534C14.6296 6.76432 14.7643 6.76432 14.8653 6.86534C14.9664 6.96635 14.9327 7.06737 14.8317 7.16838Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 13px;
    background-size: 15px 14px;
    background-origin: padding-box;
    background-clip: border-box;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s ease-out;
}
.up-arrow::before{
    opacity: 0 !important;
    transition: opacity 0.3s ease-out;
}
.up-arrow::after{
    position: absolute;
    left: -34px;
    bottom: 0;
    width: 34px;
    height: 100%;
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='13.976' height='13.906' fill='none' version='1.1' viewBox='0 0 13.976 13.906' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.881 6.8017-6.7343-6.7343c-.03367-.0337-.06734-.0674-.13468-.0674h-.06735s-.03367.0337-.06734 0l-.06734.0674-6.7344 6.7343c-.10102.10101-.10102.2357 0 .33672.10102.10101.2357.10101.33672 0l6.3303-6.3303v12.863c0 .13469.10102.2357.23571.2357.13468 0 .2357-.10102.2357-.2357v-12.93l6.364 6.364c.101.10101.2357.10101.3367 0 .101-.10102.0673-.20204-.0337-.30305z' clip-rule='evenodd' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center right 13px;
    background-size: 15px 14px;
    background-origin: padding-box;
    background-clip: border-box;
    cursor: pointer;
    opacity: 1 !important;
    transition: opacity 0.3s ease-out;
}
.container.landing-container .new-design-presale-landing-page__form-select option {
    appearance: none;
    --moz-background-color: #e45f0d;
    background-color: #e45f0d;
    color: var(--white);
}

.new-design-presale-landing-page__form-next {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    width: 100%;
    column-gap: 10px;
    margin-top: 40px;
}
.new-design-presale-landing-page__quiz-step.step-4 .new-design-presale-landing-page__form-next {
    margin-top: auto;
    height: fit-content;
    row-gap: 18px;
}
.new-design-presale-landing-page__quiz-step.step-4 .new-design-presale-landing-page__form-next .landing-page__form-policy_accept {
    margin: 0;
}
.landing-page__form-final {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
}

.new-design-presale-landing-page__quiz-step.step-4 .new-design-presale-landing-page__form-next .landing-page__form-policy_accept .error-message {
    top: -25px;
    border-radius: 4px;
}
.new-design-presale-landing-page__form-next .g-recaptcha {
    margin: 0 auto;
}
.new-design-presale-landing-page__quiz-form {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    position: relative;
    /*display: flex;*/
    /*flex-grow: 1;*/
}
.container.landing-container .new-design-presale-landing-page__quiz-step {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    flex-grow: 2;
    opacity: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
    transition: 0.3s opacity;
    pointer-events: none;
}
.container.landing-container .new-design-presale-landing-page__quiz-step.active {
    opacity: 1;
    transition: 0.3s opacity;
    pointer-events: auto;
    display: flex;
    position: sticky;
}


.container.landing-container .step-2 {
    z-index: 2;
}
.container.landing-container .step-3 {
    z-index: 3;
}
.container.landing-container .step-4 {
    z-index: 4;
}

.container.landing-container .new-design-presale-landing-page__quiz-form {
    flex-grow: 1;
    flex-basis: 100%;
}

.new-design-presale-landing-page__form-next-btn,
.new-design-presale-landing-page__quiz-form-send-btn-time,
.new-design-presale-landing-page__quiz-form-send-btn-back {
    cursor: pointer;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* margin-left: auto; */
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    text-decoration: none;
    white-space: nowrap;
    max-width: fit-content;
    padding: 18px 30px;
    /*max-width: 296px;*/
    /*padding: 24px 30px;*/
    background-color: var(--white);
    border-radius: 16px;
    border: none;
}
.new-design-presale-landing-page__form-next-btn,
.new-design-presale-landing-page__quiz-form-send-btn-time,
.new-design-presale-landing-page__quiz-form-send-btn-back {
    font-weight: 700;
    color: var(--black);
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
}
.new-design-presale-landing-page__quiz-form-send-btn-time {
    max-height: 238px;
}

.new-design-presale-landing-page__quiz-form-send {
    display: grid;
    /*display: none;*/
    grid-template-columns: 1fr 1fr auto;
    grid-template-rows: auto auto auto auto 198px;
    column-gap: 20px;
    position: absolute;
    height: 0;
    opacity: 0;
    top: 40px;
    bottom: 40px;
    left: 40px;
    right: 40px;
    z-index: -1;
    transition: 0.3s opacity;
}
.new-design-presale-landing-page__quiz-form-send.active {
    /*display: grid;*/
    z-index: 1;
    opacity: 1;
    transition: 0.3s opacity;
    height: fit-content;
}
.new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-title {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
}
.new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-title {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
}
.container.landing-container .new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-step-title {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
    line-height: 1.2;
    /*opacity: 0;*/
    /*transition: 1s opacity;*/
}
.new-design-presale-landing-page__quiz-form-send-btn-time {
    height: fit-content;
    width: fit-content;
    padding: 18px 30px;
    margin-top: auto;
    grid-row: 3 / 4;
    grid-column: 1 / 3;
    /*opacity: 0;*/
    /*transition: 1s opacity;*/
}
.new-design-presale-landing-page__quiz-form-send-img {
    width: fit-content;
    grid-row: 1 / 4;
    grid-column: 3 / 4;
    /*opacity: 0;*/
    /*transition: 1s opacity;*/
}
.new-design-presale-landing-page__quiz-form-send-btn-back {
    grid-row: 5 / 6;
    grid-column: 3 / 4;
    justify-self: end;
    height: fit-content;
    width: fit-content;
    align-self: end;
    /*opacity: 0;*/
    /*transition: 1s opacity;*/
}

/*.container.landing-container .new-design-presale-landing-page__quiz-form-send.active .new-design-presale-landing-page__quiz-title,*/
/*.container.landing-container .new-design-presale-landing-page__quiz-form-send.active .new-design-presale-landing-page__quiz-step-title,*/
/*.container.landing-container .new-design-presale-landing-page__quiz-form-send.active .new-design-presale-landing-page__quiz-form-send-btn-time,*/
/*.container.landing-container .new-design-presale-landing-page__quiz-form-send.active .new-design-presale-landing-page__quiz-form-send-img,*/
/*.container.landing-container .new-design-presale-landing-page__quiz-form-send.active .new-design-presale-landing-page__quiz-form-send-btn-back {*/
/*    opacity: 1 !important;*/
/*    transition: 4s opacity;*/
/*}*/

.new-design-presale .new-design-fixed-tg__wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.new-design-fixed-tg:hover {
    color: var(--light-orange);
}
.new-design-fixed-tg:visited,
.new-design-fixed-tg:focus {
    color: #ffffff;
}
.new-design-fixed-tg span {
    width: fit-content;
    height: fit-content;
}
.new-design-fixed-tg .tg-icon {
    fill: #ffffff;
    transform: rotate(-90deg);
    transition: var(--transition);
}
.new-design-fixed-tg:hover .tg-icon {
    fill: var(--light-orange);
}
.new-design-fixed-tg:focus .tg-icon {
    fill: #ffffff;
}

.new-design-presale-landing-page__quiz-header {
    min-height: 34px;
}

.step-back-btn {
    margin-bottom: 10px;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.step-back-btn svg {
    width: 24px;
    height: 24px;
    transition: opacity 0.2s;
}

.step-back-btn:hover svg {
    opacity: 0.7;
}

/* Скрываем кнопку "назад" на первом шаге */
.new-design-presale-landing-page__quiz-step.step-1 .step-back-btn {
    display: none;
}

/*.landing-modal__form-counsel {*/
/*    max-width: 580px !important;*/
/*}*/
/*.landing-modal__form-counsel,*/
/*.landing-modal__form-counsel .landing-page__form-wrapper {*/
/*    max-height: fit-content !important;*/
/*}*/
/*.landing-page__form-counsel .landing-page__form-item {*/
/*    width: 100% !important;*/
/*}*/
/*.landing-page__form-counsel {*/
/*    width: 100%;*/
/*}*/
@media screen and (max-width: 1400px){
    .new-design-presale-landing-page__test-title-text {
        font-size: min(2vw,28px);
    }
    .container.landing-container .new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-title {
        grid-column: 1 / 3;
        max-width: 100%;
        font-size: min(4.5vw,50px);
    }
    .container.landing-container .new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-step-title {
        grid-column: 1 / 3;
    }
    .new-design-presale-landing-page__quiz-form-send-img {
        grid-row: 1 / 4;
        border-radius: 16px;
        overflow: hidden;
    }
    .new-design-presale-landing-page__quiz-form-send-img img {
        object-fit: cover;
        width: 100%;
        height: auto;
        /*height: 100%;*/
    }
}

@media screen and (max-width: 1100px){
    .container.landing-container .new-design-presale-landing-page__quiz-title {
        font-size: min(4.55vw,50px);
    }
    /*.container.landing-container .new-design-presale-landing-page__quiz-step-title {*/
    /*    font-size: min(2.2vw,24px);*/
    /*}*/
    .container.landing-container .new-design-presale-landing-page__form-items-block .landing-page__form-label label {
        font-size: min(1.5vw,18px);
    }
}

@media screen and (max-width: 1024px){
    .new-design-presale-landing-page__test-title .new-design-presale-landing-page__test-title-text {
        font-size: 18px;
        line-height: 1.2;
    }
    .new-design-presale-landing-page__analyse-wrapp {
        flex-wrap: wrap;
        row-gap: 40px;
    }
    .new-design-presale-landing-page__analyse-subject {
        flex-basis: calc((100% - 20px) / 2);
    }
    .new-design-presale-landing-page__conclusions-wrapp {
        column-gap: 20px;
    }
    .new-design-presale-landing-page__conclusions-conversion {
        flex-shrink: 2;
    }
    .new-design-presale-landing-page__conclusions-money {
        font-size: min(4.88vw,50px);
    }
    .new-design-presale-landing-page__form-items-block {
        grid-template-columns: auto;
    }
    .container.landing-container .new-design-presale-landing-page__form-items-block .landing-page__form-label label {
        font-size: 16px;
    }
    /*.container.landing-container .new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-title {*/
    /*    font-size: min(3.5vw,50px);*/
    /*}*/
    .new-design-presale-landing-page__quiz-wrapp {
        /* min-height: 946px; */
        min-height: fit-content;
    }

    .new-design-presale-landing-page__quiz-form-send {
        position: relative;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
        height: 0;
    }

    .new-design-presale-landing-page__quiz-form-send.active {
        height: fit-content;
    }
}

@media screen and (max-width: 834px){
    .new-design-presale-landing-page__form-next {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .container.landing-container .new-design-presale-landing-page__form-next #landingForm {
        flex-basis: 100%;
        display: flex;
        justify-content: center;
    }
    .container.landing-container .new-design-presale-landing-page__form-next .landing-page__form-policy,
    .container.landing-container .new-design-presale-landing-page__form-next .new-design-presale-landing-page__form-next-btn {
        flex-basis: 50%;
    }
    .container.landing-container .new-design-presale-landing-page__form-next .landing-page__form-policy {
        max-width: 100%;
    }
    .container.landing-container .new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-title {
        grid-column: 1 / 4;
    }
    .container.landing-container .new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-step-title {
        grid-column: 1 / 4;
    }
    .new-design-presale-landing-page__quiz-form-send-btn-time {
        grid-column: 1 / 4;
        justify-self: center;
        margin-bottom: 20px;
    }
    .new-design-presale-landing-page__quiz-form-send-img {
        grid-row: 4 / span 1;
        justify-self: center;
        grid-column: 1 / 4;
    }
    .new-design-presale-landing-page__quiz-form-send-btn-back {
        grid-column: 1 / 4;
        justify-self: center;
    }
}

@media screen and (max-width: 767px){
    .new-design-presale .new-design-fixed-tg__wrapper {
        position: sticky;
        bottom: 0;
    }
    .new-design-fixed-tg .tg-icon {
        transform: rotate(0deg);
    }
    .landing-page__form-final {
        flex-direction: column;
        align-items: center;
    }
    /*.landing-modal__form-counsel {*/
    /*    max-width: 90% !important;*/
    /*    max-height: 90% !important;*/
    /*}*/
}

@media screen and (max-width: 640px){
    body .landing-container .new-design-presale-landing-page__test-title {
        margin-bottom: 15px;
    }
    .new-design-presale-landing-page__test {
        flex-basis: 100%;
    }
    .new-design-presale-landing-page__test:last-child .new-design-presale-landing-page__test-result {
        margin-bottom: 0;
    }
    .new-design-presale-landing-page__tests-list {
        padding: 40px 30px;
    }
    .new-design-presale-landing-page__analyse-wrapp {
        padding: 30px 30px 40px;
    }
    .new-design-presale-landing-page__analyse-btn-label {
        white-space: normal;
        text-align: center;
    }
    .new-design-presale-landing-page__analyse-wrapp .new-design-presale-landing-page__analyse-content .new-design-presale-landing-page__analyse-appeal {
        font-size: 16px;
    }
    .new-design-presale-landing-page__analyse-subjects-descript {
        margin-bottom: 40px;
    }
    .new-design-presale-landing-page__analyse-subject {
        padding: 30px 10px;
        flex-basis: 100%;
    }
    .new-design-presale-landing-page__analyse-subjects-wrapp {
        gap: 5px;
    }
    .new-design-presale-landing-page__analyse-subject-descript .new-design-presale-landing-page__analyse-subject-text {
        font-size: 14px;
    }
    .new-design-presale-landing-page__compare .landing-container .new-design-presale-landing-page__compare-title {
        margin-bottom: 40px;
    }
    .new-design-presale-landing-page__compare-table {
        display: none;
    }

    .new-design-presale-landing-page__compare-tables-key-quest {
        display: block;
    }

    .container.landing-container .new-design-presale-landing-page__conclusions-title {
        margin-bottom: 20px;
    }
    .new-design-presale-landing-page__conclusions-wrapp {
        padding: 30px;
    }
    .new-design-presale-landing-page__conclusions-selling,
    .new-design-presale-landing-page__conclusions-conversion {
        flex-basis: 100%;
    }
    .new-design-presale-landing-page__conclusions-selling {
        font-size: 16px;
    }
    .new-design-presale-landing-page__conclusions-conversion {
        padding: 20px;
    }
    .new-design-presale-landing-page__conclusions-money {
        font-size: 28px;
    }
    .new-design-presale-landing-page__conclusions-explanation {
        font-size: 16px;
    }
    .new-design-presale-landing-page__quiz-wrapp {
        padding: 30px;
    }
    .container.landing-container .new-design-presale-landing-page__quiz-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .container.landing-container .new-design-presale-landing-page__quiz-step-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .new-design-presale-landing-page__form-legend {
        font-size: 16px;
    }
    .container.landing-container .new-design-presale-landing-page__form-items-block .landing-page__form-label label {
        font-size: 16px;
    }
    .container.landing-container .new-design-presale-landing-page__form-next .landing-page__form-policy,
    .container.landing-container .new-design-presale-landing-page__form-next .new-design-presale-landing-page__form-next-btn {
        flex-basis: 100%;
        font-size: 12px;
    }
    .container.landing-container .new-design-presale-landing-page__form-next .landing-page__form-policy a {
        font-size: 12px;
    }
    .container.landing-container .new-design-presale-landing-page__form-next .landing-page__form-policy {
        text-align: center;
    }

    .container.landing-container .new-design-presale-landing-page__quiz-form .landing-page__form-input {
        font-size: 12px;
        line-height: 1.2;
    }
    .container.landing-container .new-design-presale-landing-page__form-items-block textarea.landing-page__form-input {
        min-height: 150px;
    }
    .container.landing-container .new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .container.landing-container .new-design-presale-landing-page__quiz-form-send .new-design-presale-landing-page__quiz-step-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .container.landing-container .step-4 .new-design-presale-landing-page__form-items-block {
        /* min-height: 331px; */
        margin-bottom: 20px;
        align-content: start;
    }
    /*.new-design-presale-landing-page__quiz-form-send-btn-time {*/
    /*    padding: 20px;*/
    /*    width: 100%;*/
    /*}*/

}

@media screen and (max-width: 420px){
    .new-design-presale-landing-page__test-list {
        padding: 30px;
    }
    .new-design-presale-landing-page__form-next-btn {
        padding: 10px;
        max-width: 420px;
        width: 100%;
    }
    .new-design-presale-landing-page__quiz-form-send-btn-time,
    .new-design-presale-landing-page__quiz-form-send-btn-back {
        padding: 20px;
        max-width: 420px;
        width: 100%;
    }
        /*.new-design-presale-landing-page__quiz-form-send-btn-time,*/
    /*.new-design-presale-landing-page__quiz-form-send-btn-back {*/
    /*    max-width: 320px;*/
    /*    font-size: 18px;*/
    /*}*/
    .new-design-presale-landing-page__quiz-wrapp {
       /*  min-height: 946px; */
    }
    .container.landing-container .new-design-presale-landing-page__quiz-form {
        /*flex-grow: 1;*/
        /*flex-basis: 100%;*/
    }
    .new-design-presale-landing-page__quiz-form-send {
        grid-template-rows: auto auto auto auto 213px;
    }
    .container.landing-container .new-design-presale-landing-page__form-next .new-design-presale-landing-page__form-next-btn {
        font-size: 18px;
    }
    .container.landing-container .step-1 .new-design-presale-landing-page__form-items-block {
        /*margin-bottom: 29px;*/
    }
    .container.landing-container .step-1 .new-design-presale-landing-page__form-next {
        gap: 0;
    }
    .container.landing-container .step-1 .landing-page__form-policy {
        margin-top: 9px;
        margin-bottom: 20px;
    }
    .container.landing-container .step-4 {

    }

}

@media screen and (max-width: 400px){
    .container.landing-container .new-design-presale-landing-page__form-next #landingForm {
        transform: scale(0.7);
    }
}

/* Стили для индикатора загрузки */
.form-submit-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 30px;
    border-radius: 10px;
    z-index: 9999;
    text-align: center;
    min-width: 200px;
}

.form-submit-loader__spinner {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #FC6100;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 0.8s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.form-submit-loader__text {
    font-size: 14px;
}

/* Стили для сообщения об ошибке */
.form-error-message {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #f8d7da;
    color: #721c24;
    padding: 15px 20px;
    border-radius: 8px;
    border: 1px solid #f5c6cb;
    z-index: 9999;
    max-width: 350px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.form-error-message__close {
    background: none;
    border: none;
    float: right;
    cursor: pointer;
    color: #721c24;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    margin-left: 10px;
}

.form-error-message__content {
    font-size: 14px;
    line-height: 1.4;
}

/* Стили для ошибок валидации полей */
.error-message {
    width: 100%;
    color: #dc3545;
    background-color: #ffffff;
    font-size: 12px;
    display: block;
    position: absolute;
    padding: 2px;
    border-radius: 0 0 4px 4px;
    z-index: 1;
}