.contact-page-wrapper { max-width: 1200px; margin: 40px auto; padding: 0 20px; } .contact-intro { text-align: center; margin-bottom: 60px; } .contact-intro h1 { color: #2b5d6b; font-size: 2.5em; margin-bottom: 15px; } .contact-description { font-size: 1.2em; color: #666; max-width: 600px; margin: 0 auto; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; } @media (max-width: 768px) { .contact-grid { grid-template-columns: 1fr; } } .contact-form-section { background: #f9f9f9; padding: 30px; border-radius: 10px; } .contact-info-section { display: flex; flex-direction: column; gap: 20px; } .contact-info-card { background: white; padding: 25px; border-radius: 10px; border-left: 4px solid #d4af7a; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .contact-info-card h3 { color: #2b5d6b; margin-bottom: 10px; font-size: 1.2em; } .contact-info-card a { color: #d4af7a; text-decoration: none; font-weight: 600; } .contact-info-card a:hover { text-decoration: underline; }