.brief-page .wrapper {
    gap: 80px;
}

.brief-top,
.brief-body {
    align-items: start;
    width: 100%;
}

.brief-top .link-back,
.brief-body .navigation-panel-container {
    width: 17%;
}

.brief-content {
    max-width: 808px;
    width: 100%;
}

.brief-group {
    gap: 16px;
}

.brief-group>.card-name-text {
    margin-bottom: 16px;
}

.brief-group:not(:last-child) {
    margin-bottom: 80px;
}

.brief-question {
    gap: 32px;
}

.radio-group,
.checkbox-group {
    gap: 24px;
}

.radio-label,
.checkbox-label {
    gap: 16px;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.radio-label input,
.checkbox-label input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

.radio-custom,
.checkbox-custom {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, .6);
    background: transparent;
    transition: all 0.3s;
}

.radio-custom {
    border-radius: 50%;
}

.checkbox-custom {
    border-radius: 4px;
}

.radio-label:hover .radio-custom,
.checkbox-label:hover .checkbox-custom {
    border-color: #fff;
}

.radio-label .main-text-bigger,
.checkbox-label .main-text-bigger {
    transition: all .3s;
}

.radio-label:hover .main-text-bigger,
.checkbox-label:hover .main-text-bigger {
    color: #fff !important;
}

.radio-label input:checked~.radio-custom {
    border-color: #fff;
    position: relative;
}

/* Внутренняя точка для радио */
.radio-label input:checked~.radio-custom::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background: white;
    border-radius: 50%;
}

.checkbox-label input:checked~.checkbox-custom {
    border-color: #fff;
    position: relative;
}

.checkbox-label input:checked~.checkbox-custom::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.62734 6.86707C2.87295 6.86707 3.07391 6.74557 3.22276 6.51003L6.62418 1.04829C6.71343 0.896364 6.80276 0.729248 6.80276 0.562124C6.80276 0.220291 6.51253 0 6.1999 0C6.00639 0 5.82035 0.121541 5.68636 0.341833L2.59012 5.40095L1.12387 3.46392C0.952687 3.22084 0.781501 3.16007 0.580545 3.16007C0.253057 3.16007 0 3.42594 0 3.76018C0 3.9273 0.0669856 4.08683 0.171187 4.23112L1.98725 6.51003C2.18076 6.76074 2.37428 6.86707 2.62734 6.86707Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 7px;
    height: 7px;
}

/* Состояние focus для accessibility */
.radio-label input:focus~.radio-custom,
.checkbox-label input:focus~.checkbox-custom {
    border-color: #fff;
}

/* Состояние disabled */
.radio-label input:disabled~.radio-custom,
.checkbox-label input:disabled~.checkbox-custom {
    opacity: 0.5;
    cursor: not-allowed;
}

.radio-label input:disabled~.main-text-bigger,
.checkbox-label input:disabled~.main-text-bigger {
    opacity: 0.5;
    cursor: not-allowed;
}

.slider-wrapper {
    width: 100%;
    position: relative;
}

.question-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
}

.question-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    background: #e0e0e0;
    border-radius: 10px;
}

.question-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background: white;
    margin-top: -10px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.question-slider::-webkit-slider-thumb:hover {
    transform: scale(1.1);
}

.question-slider::-moz-range-track {
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 10px;
}

.question-slider::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.question-slider::-moz-range-thumb:hover {
    transform: scale(1.1);
}

.question-slider::-moz-range-progress {
    height: 4px;
    background: #fff;
    border-radius: 10px;
}

.slider-value {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.current-value {
    display: inline-block;
    text-align: center;
}

.question-slider:focus {
    outline: none;
}


.question-slider:active::-webkit-slider-thumb {
    transform: scale(1.1);
}

.brief-content .form-wrapper {
    margin-top: 80px;
}

.brief-content .form-section {
    gap: 32px;
}

.brief-content .form-section form>.flex-box-row>p {
    flex-wrap: wrap;
}

.brief-content .form-section form>.flex-box-row>p .wpcf7-form-control-wrap:nth-of-type(1),
.brief-content .form-section form>.flex-box-row>p .wpcf7-form-control-wrap:nth-of-type(2) {
    width: calc(50% - 8px);
}

.brief-content .form-section form>.flex-box-row>p .wpcf7-form-control-wrap:nth-of-type(3),
.brief-content .form-section form>.flex-box-row>p .wpcf7-submit {
    width: 100%;
}

.brief-content .form-section form .flex-box-row>p:has(.wpcf7-not-valid-tip) .wpcf7-submit {
    margin-top: 10px;
}

.brief-content .wpcf7 form .flex-box-row>p:has(.wpcf7-not-valid-tip) {
    margin-bottom: 0;
}


@media(max-width: 1000px) {

    .brief-content .form-section form>.flex-box-row>p .wpcf7-form-control-wrap:nth-of-type(1),
    .brief-content .form-section form>.flex-box-row>p .wpcf7-form-control-wrap:nth-of-type(2) {
        width: 100%;
    }
}

@media(max-width: 768px) {
    .brief-page .wrapper {
        gap: 24px;
    }

    .brief-top,
    .brief-body {
        align-items: start;
        width: 100%;
        flex-direction: column;
        gap: 28px;
    }

    .brief-top .link-back,
    .brief-body .navigation-panel-container {
        width: 100%;
    }

    .brief-group {
        gap: 12px;
    }

    .brief-group>.card-name-text {
        margin-bottom: 12px;
    }

    .brief-group:not(:last-child) {
        margin-bottom: 40px;
    }

    .brief-question {
        gap: 12px;
    }

    .radio-group,
    .checkbox-group {
        gap: 12px;
    }

    .radio-custom {
        width: 18px;
        height: 18px;
    }

    .checkbox-custom {
        width: 16px;
        height: 16px;
    }

    .radio-group .main-text-bigger,
    .checkbox-group .main-text-bigger {
        font-size: 16px;
    }

    .radio-label input:checked~.radio-custom::after {
        width: 8px;
        height: 8px;
    }

    .brief-content .form-wrapper {
        margin-top: 40px;
    }

    .brief-content .form-section {
        gap: 24px;
    }
    .services-second .navigation-panel-container{
        margin-left: 0;
    }
}