/* Form Styling */
        .contact-input {
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
            border-radius: 0 !important;
            color: white !important;
            padding-left: 0 !important;
            margin-bottom: 20px;
        }
        .contact-input::placeholder { color: rgba(255, 255, 255, 0.7) !important; }
        .contact-input:focus { border-bottom: 1px solid white !important; box-shadow: none !important; }
        
        .submit-btn-custom {
            background: white; color: black; border: none; border-radius: 0;
            font-weight: bold; letter-spacing: 1px; padding: 12px; transition: 0.3s;
        }
        .submit-btn-custom:hover { background: rgba(255,255,255,0.85); }
        select.contact-input option { color: black; }

        /* VIDEO FIX */
        .video-wrapper {
            background: #000;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .video-wrapper video {
            width: 100%;
            height: 100%;
            object-fit: contain; 
        }

        /* Clapboard Header Effect */
        .clapboard-header {
            position: relative;
            background: #000;
            color: #fff;
            padding: 15px;
            margin-bottom: 40px;
            margin-top: 10px;
            text-transform: uppercase;
            font-weight: 900;
            letter-spacing: 2px;
            border: 1px solid #444;
        }

        .clapboard-header::before {
            content: "";
            position: absolute;
            top: -12px;
            left: -1px;
            right: -1px;
            height: 14px;
            background: #000;
            background-image: linear-gradient(
                45deg, 
                #fff 25%, 
                transparent 25%, 
                transparent 50%, 
                #fff 50%, 
                #fff 75%, 
                transparent 75%, 
                transparent
            );
            background-size: 30px 30px;
            border: 1px solid #444;
        }

        #response-msg {
            border-radius: 0;
            border: none;
            font-weight: 500;
            color: #fff;
        }
        .alert-success { background: rgba(40, 167, 69, 0.4) !important; }
        .alert-danger { background: rgba(220, 53, 69, 0.4) !important; }

        @media (min-width: 992px) {
            .no-gutters { display: flex; align-items: stretch; }
            .contactWrap { display: flex; flex-direction: column; justify-content: center; }
        }
        
        /* Clapboard Header Effect */
.clapboard-header {
    position: relative;
    background: #000; /* Solid Black Board */
    color: #fff;
    padding: 18px 15px 12px 15px;
    margin-bottom: 40px;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
    border: 1px solid #222;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* The Multicolored Striped "Clapper" Bar */
.clapboard-header::before {
    content: "";
    position: absolute;
    top: -16px; 
    left: -1px;
    right: -1px;
    height: 18px;
    
    /* 1. The Multicolored Base (Rainbow/Spectrum) */
    background: linear-gradient(to right, 
        #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8f00ff
    );
    
    /* 2. The Black Diagonal Slats (Masking Effect) */
    -webkit-mask-image: repeating-linear-gradient(
        45deg,
        black 0px,
        black 15px,
        transparent 15px,
        transparent 30px
    );
    mask-image: repeating-linear-gradient(
        45deg,
        black 0px,
        black 15px,
        transparent 15px,
        transparent 30px
    );
    
    border: 1px solid #222;
}