.contact-grid{gap:var(--spacing-12);margin-top:var(--spacing-8);grid-template-columns:1fr 1fr;display:grid}.contact-info-card{padding:var(--spacing-8);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-8);background-color:#fff;border-radius:8px}.contact-info-card h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-6);color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-2)}.contact-detail{margin-bottom:var(--spacing-6);display:flex}.contact-icon{font-size:var(--text-xl);color:var(--color-primary);flex:0 0 40px}.contact-text h4{font-size:var(--text-lg);margin-bottom:var(--spacing-1)}.contact-text p{color:var(--color-text-light);margin-bottom:0}.form-group{margin-bottom:var(--spacing-4)}.form-group label{margin-bottom:var(--spacing-2);color:var(--color-text);font-weight:500;display:block}.form-control{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);font-family:inherit;font-size:var(--text-base);box-sizing:border-box;border-radius:4px;transition:border-color .3s}.form-control:focus{border-color:var(--color-primary);outline:none}.contact-form-container .btn{width:100%;margin-top:var(--spacing-4)}.contact-map{margin-top:var(--spacing-4);margin-bottom:var(--spacing-8);grid-column:1/-1}.map-container{width:100%;height:400px;box-shadow:var(--shadow-sm);border-radius:8px;overflow:hidden}.map-container iframe{border:none;width:100%;height:100%}@media (width<=768px){.contact-grid{grid-template-columns:1fr}.contact-map{grid-column:1}}