.sun-field {
            width: 100%;
            padding: 14px 18px;
            background-color: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            outline: none;
            transition: all 0.2s ease;
            font-size: 16px;
        }

        .sun-field:focus {
            border-color: #2563eb;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
        }

        /* Status Message Styles */
        .success {
            background-color: #dcfce7 ;
            color: #166534 !important;
            display: block !important;
        }

        .error {
            background-color: #fee2e2 !important;
            color: #991b1b !important;
            display: block !important;
        }
 .gallery-hero {
    height: 350px;
    background: url('./images/contactus.png') center/cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed; /* Parallax effect */
}

.gallery-hero .overlay {
    background: rgba(0, 30, 60, 0.6); /* Deep blue overlay */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-hero h1 {
    color: white;
    font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}