/* --- Global Container Flexbox --- */
.contact-container {
  display: flex; /* Enable flexbox for the main layout */
  flex-direction: row; /* Default to row (side-by-side) on large screens */
  max-width: 1200px;
  margin: 40px auto; /* Center the container on the page */
  gap: 40px; /* Space between the two columns */
  padding: 0;
  background-color: white;
}

/* --- Responsive Layout for Mobile/Small Screens --- */
@media (max-width: 768px) {
  .contact-container {
    flex-direction: column; /* Stack the columns vertically on small screens */
    gap: 20px;
  }
}

/* --- Contact Info Column Styling --- */
.contact-info {
  flex: 1; /* Allows this column to grow/shrink, taking up approximately half the space */
  padding: 20px;
  border-right: 1px solid #eee; /* Visual separator on large screens */
}

@media (max-width: 768px) {
  .contact-info {
    border-right: none; /* Remove separator on mobile */
    border-bottom: 1px solid #eee; /* Add bottom separator on mobile */
  }
}

.info-block {
  margin-bottom: 25px;
}

.contact-link {
  font-weight: bold;
  color: #007bff; /* Primary link color */
  text-decoration: none;
}

.contact-link:hover {
  text-decoration: underline;
}