﻿/* ==========================================================
   REQUEST A DEMO – No Labels, Placeholder Only
   ========================================================== */

.demo-form-wrapper {
    background: red;
    padding:0 30px;
}

.demo-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #0B2946;
    letter-spacing: -0.5px;
}

/* Input fields – clean, no labels */
.demo-form-wrapper .form-control {
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 16px 20px;
    font-size: 1rem;
    transition: .3s;
    background: #f8fafc;
    color: #0B2946;
}

    .demo-form-wrapper .form-control:focus {
        border-color: #635BFF;
        background: #ffffff;
        box-shadow: 0 0 0 4px rgba(99, 91, 255, .12);
    }

    .demo-form-wrapper .form-control::placeholder {
        color: #adb5bd;
        font-weight: 400;
    }

/* Textarea */
.demo-form-wrapper textarea.form-control {
    resize: vertical;
    min-height: 120px;
}

/* Button – matches image */
.demo-form-wrapper .btn-primary {
    background: #635BFF;
    border: none;
    border-radius: 50px;
    padding: 16px 32px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: .35s;
    color: #ffffff;
}

    .demo-form-wrapper .btn-primary:hover {
        background: #4a42e0;
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(99, 91, 255, .3);
    }

/* Validation states */
.demo-form-wrapper .was-validated .form-control:invalid,
.demo-form-wrapper .form-control.is-invalid {
    border-color: #dc3545;
    background-image: none;
}

.demo-form-wrapper .was-validated .form-control:valid,
.demo-form-wrapper .form-control.is-valid {
    border-color: #28a745;
}

/* Alert */
.demo-form-wrapper .alert-success {
    background: #e8f5e9;
    border: none;
    border-radius: 16px;
    font-weight: 500;
    padding: 16px 24px;
}

/* Responsive */
@media (max-width: 576px) {
    .demo-title {
        font-size: 2rem;
    }

    .demo-form-wrapper .form-control {
        padding: 14px 16px;
        font-size: 0.95rem;
    }

    .demo-form-wrapper .btn-primary {
        padding: 14px 24px;
        font-size: 1rem;
    }
}
