.contact-card{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding:32px 26px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0f172a0f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.contact-card:hover{transform:translateY(-6px);border-color:#2563eb38;box-shadow:0 18px 40px #0f172a1a}.contact-icon{width:68px;height:68px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#2563eb14;border:1px solid rgba(37,99,235,.12);color:var(--primary);transition:transform .25s ease,background .25s ease}.contact-icon i{font-size:27px}.contact-card:hover .contact-icon{transform:translateY(-2px);background:#2563eb1f}.contact-card h5{margin:0 0 18px;color:#0f172a;font-size:18px;font-weight:700}.contact-card a{display:block;width:100%;margin-bottom:10px;color:#334155;font-size:14px;font-weight:500;line-height:1.6;text-decoration:none;transition:color .2s ease}.contact-card a:hover{color:var(--primary)}.contact-card a i{width:18px;color:var(--primary)}.contact-card p{margin:0 0 12px;color:#475569;font-size:14px;line-height:1.7}.contact-card span{color:#64748b;font-size:13px;line-height:1.6}.contact-card span i{color:var(--primary)}@media (max-width: 576px){.contact-card{padding:26px 20px}.contact-icon{width:62px;height:62px}}.contact-section{background:var(--bg)}.contact-map-card,.contact-form-card{border-radius:22px;padding:24px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);height:100%}.contact-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.contact-card-header i{color:var(--primary);font-size:22px}.contact-card-header h4{margin:0;font-weight:700}.contact-map{width:100%;height:500px;border:none;border-radius:16px}.modern-input{border-radius:12px;border:1px solid var(--border);padding:14px 16px}.modern-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}.contact-form-card .btn-primary{border-radius:12px;padding:14px 28px}@media (max-width: 992px){.contact-cards{grid-template-columns:1fr}.contact-map{height:320px}.section-heading h2{font-size:30px}}