.modern-contact {
    padding: 60px 20px;
    background-color: #f8fafc;
    display: flex;
    justify-content: center;
}
.contact-details h2{
	color: #fff;
}
.contact-card {
    max-width: 900px;
    width: 100%;
    display: grid;
    grid-template-columns: 350px 1fr;
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* Left Side */
.contact-details { background: #0f172a; color: #ffffff; padding: 40px; }
.contact-details h2 { font-size: 1.8rem; margin-bottom: 15px; }
.contact-details p { color: #94a3b8; font-size: 0.95rem; margin-bottom: 30px; }

.contact-box { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; }
.icon-circle { background: #1e293b; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 1.2rem; flex-shrink: 0; }
.contact-box h4 { margin: 0; font-size: 0.9rem; color: #f1f5f9; }
.contact-box p { margin: 2px 0 0; color: #94a3b8; font-size: 0.85rem; }

/* Right Side - Form */
.modern-form { padding: 40px; display: flex; flex-direction: column; gap: 20px; }

.input-group {
    position: relative;
    display: flex;
    align-items: center;
}

/* आइकॉन की स्टाइलिंग */
.input-group i {
    position: absolute;
    left: 15px;
    color: #94a3b8;
    font-size: 1.1rem;
}

.modern-form input, .modern-form textarea {
    width: 100%;
    padding: 15px 15px 15px 45px; /* बाएं तरफ आइकॉन के लिए जगह छोड़ी */
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    font-size: 1rem;
    transition: 0.3s;
}

.modern-form textarea { padding-top: 15px; }

.modern-form input:focus, .modern-form textarea:focus {
    border-color: #3b82f6;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

/* आइकॉन का रंग फोकस पर बदलने के लिए */
.input-group:focus-within i { color: #3b82f6; }

.modern-form button {
    background: #3b82f6;
    color: white;
    padding: 15px;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.modern-form button:hover { background: #2563eb; }
/* Responsive */
@media (max-width: 768px) {
    .contact-card { grid-template-columns: 1fr; }
}