.contact-container {
    display: flex;
    justify-content: center; /* İçeriği yatayda sayfa ortasına alır */
    align-items: center; /* İçeriği dikeyde ortalar */
    padding: 20px;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 100vh; /* Sayfanın tamamını kaplaması için */
    box-sizing: border-box; /* Padding dahil, doğru hesaplama için */
  }
  
  .map-section {
    flex: 1;
    max-width: 600px; /* Haritanın maksimum genişliğini belirleyin */
    display: flex;
    flex-direction: column;
  }
  
  .info-section {
    flex: 1;
    padding: 20px;
    max-width: 600px; /* Adres kartının maksimum genişliğini harita ile aynı yapın */
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* İçeriği alt alta dizmek için */
    text-align: left; /* Metni sola hizalar */
    gap: 5px; /* İçerikler arasında boşluk */
  }
  
  .info-section h3 {
    /* margin-top: 0; */
    color: #003366;
  }
  
  .info-section p {
    margin: 0;
    color: #555;
  }
  
  
  @media (max-width: 760px) {
    .contact-container {
      flex-direction: column;
    }
  
    .map-section,
    .info-section {
      width: 100%; /* Küçük ekranlarda tam genişlik */
      max-width: none; /* Ekran genişliğine göre ayarlanır */
    }
  
    .map-section {
      margin-bottom: 20px;
    }
  }