/* Contact Page Specific Styles */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.contact-info h2 { color: var(--color-primary-dark); margin-bottom: 24px; }
.contact-info p { color: var(--color-text-light); margin-bottom: 40px; font-size: 18px; }
.info-cards { display: flex; flex-direction: column; gap: 24px; }
.info-card { display: flex; align-items: flex-start; gap: 20px; background: var(--color-white); padding: 24px; border-radius: var(--radius-card); border: 1px solid var(--color-primary); }
.info-icon { width: 50px; height: 50px; background-color: var(--color-bg-light); color: var(--color-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 24px; margin-top: 5px; }
.info-text h4 { font-size: 18px; color: var(--color-text-dark); margin-bottom: 8px; }
.info-text p { margin: 0; font-size: 16px; color: var(--color-text-dark); }
.contact-form-container { background: var(--color-white); padding: 40px; border-radius: var(--radius-card); border: 1px solid var(--color-primary); }
.contact-form h3 { color: var(--color-primary-dark); margin-bottom: 24px; font-size: 24px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; font-weight: 500; margin-bottom: 8px; color: var(--color-text-dark); }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: var(--radius-button); font-family: var(--font-secondary); font-size: 16px; transition: all 0.3s ease; outline: none; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(125, 179, 46, 0.2); }

@media (max-width: 968px) {
  .contact-grid { grid-template-columns: 1fr; }
}