/* Start:/bitrix/templates/aspro-allcorp3/components/bitrix/form.result.new/anketa/style.css?17824576388654*/
.anketa-container {font-family: 'Inter' !important;}
.anketa-container h1 {max-width: 1300px; margin: 0 auto; margin-bottom: 40px; font-size: 48px; line-height: 100%; text-align: center;}

.form--centered .form-inner {max-width: 753px !important;}
.form-body {margin-bottom: 47px;}

.anketa-questions .form-group {margin-bottom: 23px !important;}
.anketa-questions .form-group label {margin-bottom: 8px !important;}
.anketa-questions .form-group span {font-size: 17px; line-height: 150%; color: var(--white_text_black); font-weight: 400;}
.anketa-questions .form-group input {font-size: 17px !important;}

.block-ratings {color: var(--white_text_black); font-size: 15px; line-height: 150%;}
.block-ratings .ratings-title {margin-bottom: 20px; font-size: 32px; line-height: 100%; font-weight: 500;}
.block-ratings .ratings-desc {margin-bottom: 60px;}

.block-ratings .anketa-questions-list .question-item {margin-bottom: 60px;}
.block-ratings .anketa-questions-list .question-item.error .ratings-btns,
.block-ratings .anketa-questions-list .question-item.error .ratings-checkbox {border: 1px solid #FF3200; padding: 10px; border-radius: 5px;}
.block-ratings .anketa-questions-list .anketa-question {margin-bottom: 13px; display: flex; align-items: center;}
.block-ratings .anketa-questions-list .anketa-question .number {width: 41px; height: 41px; margin-right: 15px; background: #FF5B00; color: #FFFFFF; border-radius: 50%; display: flex; justify-content: center;align-items: center; flex-shrink: 0;}
.block-ratings .anketa-questions-list .anketa-question .text {font-size: 17px;}
.block-ratings .anketa-questions-list .anketa-question .text span {color: #FF0000;}
.block-ratings .anketa-questions-list .ratings-btns {margin-left: 56px; display: flex; gap: 20px; flex-wrap: wrap;}
.block-ratings .anketa-questions-list .ratings-btns .item {width: 30px; height: 30px; border: 1px solid #DDDDDD; border-radius: 3px; display: flex; justify-content: center;align-items: center; font-size: 17px; line-height: 15px; letter-spacing: 0.8px; cursor: pointer; transition: all 0.3s ease; user-select: none;}
.block-ratings .anketa-questions-list .ratings-btns .item:hover {cursor: pointer;}
.block-ratings .anketa-questions-list .ratings-btns .one:hover {border: 1px solid #FF0000 !important;}
.block-ratings .anketa-questions-list .ratings-btns .two:hover {border: 1px solid #FF3200 !important;}
.block-ratings .anketa-questions-list .ratings-btns .three:hover {border: 1px solid #FF6400 !important;}
.block-ratings .anketa-questions-list .ratings-btns .four:hover {border: 1px solid #FF9600 !important;}
.block-ratings .anketa-questions-list .ratings-btns .five:hover {border: 1px solid #FFC72F !important;}
.block-ratings .anketa-questions-list .ratings-btns .six:hover {border: 1px solid #C8FA00 !important;}
.block-ratings .anketa-questions-list .ratings-btns .seven:hover {border: 1px solid #AAFA00 !important;}
.block-ratings .anketa-questions-list .ratings-btns .eight:hover {border: 1px solid #8CFA00 !important;}
.block-ratings .anketa-questions-list .ratings-btns .nine:hover {border: 1px solid #64FA00 !important;}
.block-ratings .anketa-questions-list .ratings-btns .ten:hover {border: 1px solid #00FA00 !important;}

.block-ratings .anketa-questions-list .ratings-checkbox {margin-left: 56px;}
.block-ratings .anketa-questions-list .ratings-checkbox .item-wrap {margin-bottom: 23px; display: flex;}
.block-ratings .anketa-questions-list .ratings-checkbox .item-wrap input {appearance: none; width: 24px; height: 24px; margin-right: 10px; margin-top: 0px; cursor: pointer; border-radius: 6px; border: 1.5px solid #C1C1C1; flex-shrink: 0;}
.block-ratings .anketa-questions-list .ratings-checkbox .item-wrap input:checked {position: relative; background-color: #FF5B00; border-color: #FF5B00;}
.block-ratings .anketa-questions-list .ratings-checkbox .item-wrap input:checked::before {content: "✓"; color: #FFFFFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 17px;}
.block-ratings .anketa-questions-list .ratings-checkbox .item-wrap label {cursor: pointer;}

.block-ratings .anketa-textarea {margin-bottom: 60px; font-size: 17px;}
.block-ratings .anketa-textarea label {margin-bottom: 8px; font-size: 17px; line-height: 150%; display: block;}
.block-ratings .anketa-textarea textarea {padding: 10px; width: 100%; border: 1px solid #ECECEC; border-radius: 3px; background: #F8F8F8; min-height: 100px; resize: vertical;}

.anketa-agree {display: flex; align-items: center; gap: 10px; margin-bottom: 30px;}
.anketa-agree.error {border: 1px solid #FF3200; padding: 10px; border-radius: 5px;}
.anketa-agree label {line-height: 100%; margin: 0px !important;}
.anketa-agree input {appearance: none; width: 24px; height: 24px; margin-right: 10px; margin-top: 0px !important; cursor: pointer; border-radius: 6px; border: 1.5px solid #C1C1C1; flex-shrink: 0;}
.anketa-agree input:checked {position: relative; background-color: #FF5B00; border-color: #FF5B00;}
.anketa-agree input:checked::before {content: "✓"; color: #FFFFFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 17px;}
.anketa-agree label {cursor: pointer;}
.anketa-agree label a {color: #FF5B00;}

.anketa-btn {text-align: left !important;}
.anketa-btn input {width: 163px; padding: 18px; border: unset; border-radius: 3px; background: #FF5B00; color: #FFFFFF; font-size: 15px; line-height: 15px; text-transform: uppercase; letter-spacing: 0.8px; cursor: pointer; transition: all 0.3s ease;}
.anketa-btn input:hover {background: #e65100;}

.form-validation-error {margin: 20px 0 !important;}

/* Popup стили */
.success-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    animation: fadeIn 0.3s ease;
}

.success-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.success-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    padding: 62px 25px 25px 25px;
    max-width: 385px;
    width: 90%;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: slideUp 0.3s ease;
}

.success-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
}

.success-popup-close:hover {
    background: #f0f0f0;
}

.success-popup-close svg {
    width: 20px;
    height: 20px;
}

.success-popup-icon {
    margin-bottom: 24px;
}

.success-popup-icon svg {
    width: 80px;
    height: 80px;
}

.success-popup-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
}

.success-popup-text {
    font-size: 17px;
    line-height: 128%;
    color: var(--white_text_black);
    margin-bottom: 21px;
}

.success-popup-btn {
    background: #FF5B00;
    color: #FFFFFF;
    border: none;
    padding: 18px;
    width: 163px;
    border-radius: 3px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    cursor: pointer;
    transition: background 0.2s;
}

.success-popup-btn:hover {
    background: #e65100;
}

body.popup-open {
    overflow: hidden;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translate(-50%, -40%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* Ошибки для рейтингов */
.question-item.error .ratings-btns,
.question-item.error .ratings-checkbox {
    border: 2px solid red;
    padding: 10px;
    border-radius: 5px;
}

.anketa-agree.error {
    border: 1px solid #FF3200;
    padding: 10px;
    border-radius: 5px;
}

.form-validation-error {
    margin: 20px 0 !important;
}

@media (max-width: 600px) {
    .anketa-container h1 {font-size: 42px;}
    .block-ratings .ratings-title {font-size: 27px;}
    .block-ratings .anketa-questions-list .ratings-btns {margin-left: 0px; gap: 13px;}
    .block-ratings .anketa-questions-list .ratings-checkbox {margin-left: 0px;}
    .maxwidth-theme {padding-left: 20px !important; padding-right: 20px !important;}
}
/* End */
/* /bitrix/templates/aspro-allcorp3/components/bitrix/form.result.new/anketa/style.css?17824576388654 */