.contact-section { background:#f7fbff; padding:40px 0; }
.contact-container { max-width:700px; margin:0 auto; background:white; padding:32px 30px; border-radius:14px; box-shadow:0 2px 16px rgba(88,118,188,0.18); }
.contact-section h2 { color:#1e3882; font-size:2rem; text-align:center; margin-bottom:24px; letter-spacing:0.5px; }
.contact-form { display:block; margin-top:15px; }
.form-row { display:flex; gap:28px; margin-bottom:20px; }
.form-group { flex:1; display:flex; flex-direction:column; }
.contact-form label { font-weight:600; margin-bottom:7px; color:#334; }
.contact-form input, .contact-form select, .contact-form textarea { padding:10px 12px; border-radius:6px; border:1.5px solid #bcd6fa; font-size: 15px; margin-bottom: 7px; transition:border .2s; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: #4a6eea; outline: none; box-shadow: 0 0 12px #e4eefd; }
.contact-form textarea { resize:vertical; min-height:48px; }
.checkbox-group { margin:18px 0 6px 0; }
.contact-actions { text-align:right; margin-top:18px; }
.btn-submit, .btn-reset { background:#1e3882; color:#fff; border:none; border-radius:6px; padding:9px 22px; font-size:16px; font-weight:700; cursor:pointer; margin-left:10px; transition:background .2s; }
.btn-reset { background:#ddd; color:#2a2; }
.btn-submit:hover { background:#407ef7; }
.btn-reset:hover { background:#aaa; }

@media (max-width: 800px) {
  .contact-container { padding:24px 10px; }
  .form-row { flex-direction:column; gap:10px; }
}


.contact-section {
    background: url('../image/backgrounds/bg_contact.jpg') center/cover no-repeat fixed,
                linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) );
    background-blend-mode: overlay;
    padding: 60px 20px;
}

.contact-container {
    background: rgba(255, 255, 255, 0.95); /* Slight transparency */
    max-width: 800px;
    margin: auto;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.3);
}

.contact-container h2 {
    text-align: center;
    color: #14285d;
    font-size: 2rem;
    margin-bottom: 25px;
}

.contact-form label {
    font-weight: bold;
    color: #14285d;
}

.btn-submit {
    background: linear-gradient(90deg, #ffb400, #ff6600);
    color: white;
    font-weight: bold;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.btn-reset {
    background: #ccc;
    color: #333;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}