:root{
    --gold:#d4af37;
    --dark:#0b0b0b;
    --light:#fff;
}

body { font-family: 'Inter', sans-serif; background: var(--dark); color: #ddd; }

/* Hero */
.hero {
    height: 50vh;
    background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.7)), url('https://images.unsplash.com/photo-1565299624946-b28f40a0ae38') center/cover;
    display: flex; align-items: center;
    padding: 0 80px;
}
.hero-content h2 { font-size: 48px; color: var(--light); margin-bottom: 12px; }
.hero-content p { color: #ccc; max-width: 600px; line-height: 1.7; }

/* Contact Info Cards */
.contact-info { padding: 60px 80px; }
.grid-3 { display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; }
.info-card {
    background: #111; padding: 25px; border-radius: 12px;
    text-align: center; border:1px solid rgba(212,175,55,.15); flex: 1; min-width: 250px;
}
.info-card .icon { font-size:36px; color: var(--gold); margin-bottom: 10px; }
.info-card h5 { color: #fff; margin-bottom: 5px; }
.info-card p { color: #bbb; }
.social-links { display:flex; justify-content:center; gap:10px; padding:0; list-style:none; margin-top:10px; }
.social-links a { color: #fff; font-size: 20px; transition:0.3s; }
.social-links a:hover { color: var(--gold); }

/* Contact Main */
.contact-main { padding: 60px 80px; background:#0d0d0d; }
.grid-2 { display:flex; gap:40px; flex-wrap: wrap; }
.contact-form, .contact-map { flex:1; min-width:300px; }
.contact-form { background:#111; padding:30px; border-radius:12px; border:1px solid rgba(212,175,55,.15); }
.contact-form h3 { color: var(--gold); margin-bottom:20px; }
.contact-form input, .contact-form textarea {
    width:100%; padding:12px; margin-bottom:12px; border-radius:6px; border:none; background:#222; color:#fff;
}
.contact-form button {
    background: var(--gold); color: var(--dark); padding:12px 25px; border:none; border-radius:6px; cursor:pointer;
    font-weight:bold; transition:0.3s;
}
.contact-form button:hover { background:#c49f30; }
.contact-map iframe { width:100%; height:100%; min-height:400px; border:none; border-radius:12px; }

/* Responsive */
@media(max-width:992px){
    .hero { padding: 0 40px; }
    .hero-content h2 { font-size:36px; }
    .contact-info { padding:40px 40px; }
    .contact-main { padding:40px 40px; }
    .grid-2, .grid-3 { flex-direction: column; gap:20px; }
}
@media(max-width:576px){
    .hero-content h2 { font-size:28px; }
    .hero-content p { font-size:14px; }
    .contact-form input, .contact-form textarea { font-size:14px; }
    .contact-form button { font-size:14px; }
}

.social-links li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    color: #c82333;       /* icon color */
    background: #fff;      /* circle background */
    transition: all 0.3s;
    text-decoration: none;
}

.social-links li a i {
    font-size: 22px;       /* make sure icon is visible */
}

.social-links li a:hover {
    color: #fff;           /* icon turns white on hover */
    background-color: #e67e22;  /* circle turns orange */
    transform: scale(1.1);
}