.feedback-section {
    background: #2d3747;
    color: #fff;
    padding: 7.4rem 0 4.4rem;
}

.feedback-section textarea.form-control,
input.form-control {
    border: 0;
    border-bottom: 1px solid #FFFFFF26;
    background: #2C3748;
}

.feedback-section .form-label {
    margin-bottom: 0;
}

.form-control:focus {
    background: #2C3748;
    border-color: #3a4554;
}

.feedback-section .subtitle {
    margin-bottom: 70px;
}

.feedback-section .subtitle, 
.feedback-section p, 
.feedback-section p a {
    color: #FFFFFF80;
}

.feedback-section form {
    margin-top: 95px;
}

.feedback-section .cta {
    font-size: 15.5px;
    padding-top: 10px;
}

.feedback-section h2 {
    font-size: 46.5px;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.feedback-section p {
    font-size: 14px;
}

.form-control,
.form-control:focus {
    background: #2C3748;
    border-color: #3a4554;
    color: #fff;
    box-shadow: none;
}

.form-label {
    color: #9ea7b7;
    font-size: 12px;
    text-transform: uppercase;
}

.btn-light-custom {
    background: #ffffff;
    border: 0;
    padding: .75rem 2.5rem;
    font-size: 14px;
    text-transform: uppercase;
}

/*
.form-floating-custom {
    position: relative;
    margin-bottom: 1.5rem;
}

.form-floating-custom .form-control,
.form-floating-custom .form-control:focus,
.form-floating-custom .form-control:not(:placeholder-shown) {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

.form-floating-custom label {
    position: absolute;
    top: 0.75rem;
    left: 0;
    padding: 0 0.25rem;
    pointer-events: none;
    background-color: #2C3748;
    transition: top 0.2s ease, font-size 0.2s ease;
    color: #fff;
    font-size: 1rem;
}

.form-floating-custom .form-control:focus+label,
.form-floating-custom .form-control:not(:placeholder-shown)+label {
    top: -0.65rem;
    font-size: 0.875rem;
    color: #fff;
}

.form-floating-custom p.small.text-reset {
    font-size: 12px;
    line-height: 22px;
}

 .form-floating-custom {
            position: relative;
            margin-bottom: 1.5rem;
        }

        .form-floating-custom .form-control,
        .form-floating-custom .form-control:focus,
        .form-floating-custom .form-control:not(:placeholder-shown) {
            padding-top: 1.5rem;
            padding-bottom: 0.5rem;
        }

        .form-floating-custom label {
            position: absolute;
            top: 0.75rem;
            left: 0;
            padding: 0 0.25rem;
            pointer-events: none;
            background-color: #2C3748;
            transition: top 0.2s ease, font-size 0.2s ease;
            color: #fff;
            font-size: 1rem;
        }

        .form-floating-custom .form-control:focus+label,
        .form-floating-custom .form-control:not(:placeholder-shown)+label {
            top: -0.65rem;
            font-size: 0.875rem;
            color: #fff;
        }

        .form-floating-custom p.small.text-reset {
            font-size: 12px;
            line-height: 22px;
        }



*/
/* Стили для формы Contact Form 7 */
.feedback-section .wpcf7-form {
    margin-top: 95px;
}

/* Стили для контейнера полей CF7 */
.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Стилизация полей ввода CF7 */
.wpcf7-form-control {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #FFFFFF26;
    background: #2C3748 ;
    color: #fff;
    padding: 0.5rem 0;
    font-size: 1rem;
    transition: border-color 0.15s ease-in-out;
}
.feedback-sectio input:-internal-autofill-selected {
    background-color: #2C3748 !important;

}
.feedback-section input:-webkit-autofill,
.feedback-section input:-webkit-autofill:hover,
.feedback-section input:-webkit-autofill:focus,
.feedback-section input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #2C3748 inset !important;
    -webkit-text-fill-color: #fff !important; /* Если нужно изменить цвет текста */
    transition: background-color 5000s ease-in-out 0s; /* Дополнительно задерживает переход к дефолтному фону */
}
.wpcf7-form-control:focus {
    background: #2C3748;
    border-color: #3a4554;
    color: #fff;
    box-shadow: none;
    outline: none;
}

/* Стили для текстового поля */
.wpcf7-textarea {
    min-height: 120px;
    resize: vertical;
    height: 130px;
}

/* Стилизация лейблов CF7 */
.feedback-section .form-label {
    position: relative;
    display: block;
    margin-bottom: 0;
}

.feedback-section .form-label span:first-child {
    position: absolute;
    top: 0.75rem;
    left: 0;
    padding: 0 0.25rem;
    pointer-events: none;
    background-color: #2C3748;
    transition: top 0.2s ease, font-size 0.2s ease;
    color: #9ea7b7;
    font-size: 1rem;
    text-transform: uppercase;
    z-index: 1;
}

/* Анимация плейсхолдера/лейбла */
.wpcf7-form-control:focus + .wpcf7-form-control-wrap + span span:first-child,
.wpcf7-form-control:not(:placeholder-shown) + .wpcf7-form-control-wrap + span span:first-child,
.form-floating-custom.focused .form-label span:first-child {
    top: -0.65rem;
    font-size: 0.875rem;
    color: #fff;
}

/* Альтернативный вариант - если анимация не работает */
.feedback-section .form-floating-custom {
    position: relative;
    margin-bottom: 1.5rem;
}

.feedback-section .form-floating-custom .wpcf7-form-control {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

/* Стилизация кнопки отправки */
input.wpcf7-submit.btn-light-custom, .feedback-section input[type="submit"] {
    background: #ffffff ;
    border: 0;
    padding: .75rem 2.5rem;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    color: #2C3748;
    transition: background-color 0.3s ease;
}

 .feedback-section input.wpcf7-submit.btn-light-custom:hover {
    background: #6c757d;
    color: #ffffff;
}

/* Стили для спиннера загрузки */
.wpcf7-spinner {
    display: inline-block;
    margin-left: 10px;
}

/* Сообщения об ошибках/успехе */
.wpcf7-response-output {
    margin: 1rem 0 0 0 !important;
    padding: 1rem !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    font-size: 0.875rem;
}

.wpcf7-mail-sent-ok {
    border-color: #28a745 !important;
    color: #155724 !important;
    background-color: #d4edda !important;
}

.wpcf7-validation-errors,
.wpcf7-spam-blocked,
.wpcf7-not-valid {
    border-color: #dc3545 !important;
    color: #721c24 !important;
    background-color: #f8d7da !important;
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important;
}

/* Валидация полей */
.wpcf7-not-valid-tip {
    color: #dc3545 !important;
    font-size: 0.8rem !important;
    margin-top: 0.25rem !important;
    display: block !important;
}

.wpcf7-form-control.wpcf7-not-valid {
    border-color: #dc3545 !important;
}

/* Стили для состояния фокуса */
.form-floating-custom:focus-within .form-label span:first-child {
    top: -0.65rem;
    font-size: 0.875rem;
    color: #fff;
}

/* Убираем стандартные стили CF7 */
.wpcf7-form p {
    margin: 0;
}

.wpcf7-form br {
    display: none;
}

/* Дополнительные стили для мобильных устройств */
@media (max-width: 767.98px) {
    .feedback-section .wpcf7-form {
        margin-top: 3rem;
    }
    
    .wpcf7-submit.btn-light-custom {
        width: 100%;
    }
}


.wpcf7-validation-errors, .wpcf7-spam-blocked, .feedback-section  .wpcf7-not-valid {
    border-color: #dc3545 !important;
    color: #ffffff !important;
    background-color: #2d374700 !important;
}



/**/
/* Базовое положение лейбла (текст "Имя", "Почта" и т.д.) */
.feedback-section .form-label span:first-child {
    position: absolute;
    top: 0.75rem;           /* внутри поля */
    left: 0;
    padding: 0 0.25rem;
    pointer-events: none;
    background-color: #2C3748;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    color: #9ea7b7;
    font-size: 1rem;
    text-transform: uppercase;
    z-index: 1;
}

/* Когда поле в фокусе ИЛИ поле заполнено — лейбл поднимается вверх */
.feedback-section .form-floating-custom:focus-within .form-label span:first-child,
.feedback-section .form-floating-custom.input-filled .form-label span:first-child {
    top: -0.65rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: #2C3748; /* чтобы не перекрывался бордером, если будет */
}