.site-footer {
    background: linear-gradient(180deg, #1b3650 0%, #224362 100%);
    color: #ffffff;
    padding: 80px 0 40px;
}

    /* TIÊU ĐỀ */
    .site-footer h2,
    .site-footer h4,
    .site-footer h5 {
        color: #ffffff;
    }

    /* LABEL */
    .site-footer label {
        color: #e6eef5;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 6px;
    }

    /* DẤU * */
    .site-footer .txtRed {
        color: #ffb4b4;
    }

    /* FORM CONTROL – INPUT / SELECT / TEXTAREA */
    .site-footer .form-control {
        background-color: #ffffff;
        color: #111827;
        border: 1px solid #d1d9e6;
        border-radius: 6px;
        padding: 12px 14px;
        font-size: 14px;
        box-shadow: none;
        transition: all 0.25s ease;
    }

        /* PLACEHOLDER */
        .site-footer .form-control::placeholder {
            color: #9ca3af;
        }

        /* FOCUS STATE – RẤT ĐÁNG TIỀN */
        .site-footer .form-control:focus {
            border-color: #136ad5;
            box-shadow: 0 0 0 3px rgba(19, 106, 213, 0.25);
            outline: none;
        }

    /* SELECT FIX */
    .site-footer select.form-control {
        appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%);
        background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px);
        background-size: 5px 5px, 5px 5px;
        background-repeat: no-repeat;
    }

    /* TEXTAREA */
    .site-footer textarea.form-control {
        resize: vertical;
        min-height: 110px;
    }

    /* ERROR MESSAGE */
    .site-footer .help-block.with-errors {
        color: #ffcccc;
        font-size: 12px;
        margin-top: 4px;
    }

    /* SUBMIT BUTTON */
    .site-footer .btn-send {
        background-color: #136ad5;
        border: none;
        border-radius: 6px;
        padding: 14px 42px;
        font-size: 15px;
        font-weight: 600;
        color: #ffffff;
        transition: all 0.25s ease;
    }

        .site-footer .btn-send:hover {
            background-color: #0f56ad;
            transform: translateY(-1px);
            box-shadow: 0 8px 20px rgba(19, 106, 213, 0.35);
        }

    /* RECAPTCHA CENTER */
    .site-footer .g-recaptcha {
        transform: scale(0.92);
        transform-origin: center;
    }

    /* TEXT CONTENT RIGHT SIDE */
    .site-footer p {
        color: #dbe6f1;
        font-size: 14px;
        line-height: 1.7;
    }

    /* COPYRIGHT */
    .site-footer .copyright {
        color: #c7d3df;
        font-size: 13px;
    }

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 768px) {
    .site-footer {
        padding: 60px 0 30px;
    }

        .site-footer .btn-send {
            width: 100%;
        }

        .site-footer .g-recaptcha {
            transform: scale(0.85);
        }
}