/* Genel Hakkımızda Konteynırı */
.hakkimizda-container {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 20px; /* Kenarlardan eşit boşluk */
  font-family: 'Satoshi', sans-serif;
  box-sizing: border-box;
}

/* Blokların Ortak Yapısı */
.hakkimizda-block {
  display: flex;
  margin-bottom: 40px; /* Bloklar arası boşluk */
}

/* Blok 1: Solda Fotoğraf, Sağda Yazılar */
.hakkimizda-block-first .hakkimizda-image {
  width: 100%;
  max-width: 610px;
  aspect-ratio: 610 / 538; /* Oranı korur */
  border-radius: 24px;
  overflow: hidden;
  background-color: #ccc; /* Yer tutucu arka plan */
}
.hakkimizda-block-first .hakkimizda-text {
  margin-left: 28px;
  flex: 1; /* Kalan alanı kaplasın */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Yazılar üstten hizalı */
  padding-top: 0;
}

/* Blok 2: Solda Yazılar, Sağda Fotoğraf */
.hakkimizda-block-second .hakkimizda-text {
  margin-right: 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Yazılar üstten hizalı */
  padding-top: 0;
}
.hakkimizda-block-second .hakkimizda-image {
  width: 100%;
  max-width: 610px;
  aspect-ratio: 610 / 538;
  border-radius: 24px;
  overflow: hidden;
  background-color: #ccc;
}

/* Başlıklar (Farklı Font ve Weight) */
.hakkimizda-title {
  font-family: 'Satoshi', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #1e1e1e;
  margin-bottom: 16px;
  text-align: left;
}

/* Açıklama Metinleri */
.hakkimizda-description {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.60);
  line-height: 1.6;
  text-align: justify;
  margin-bottom: 20px;
}

/* Kalan Yazı İçeriği (Düz Paragraflar) */
.hakkimizda-content p {
  width: 100%;
}

/* Responsive Ayarlamalar */

/* 1024px altı: Container padding ve yazı boyutlarında hafif küçülme */
@media (max-width: 1024px) {
  .hakkimizda-container {
    padding: 0 15px;
  }
  .hakkimizda-title {
    font-size: 32px;
  }
  .hakkimizda-description {
    font-size: 15px;
  }
}

/* 768px altı: Blokların alt alta gelmesi ve görsellerin ortalanması */
@media (max-width: 768px) {
  .hakkimizda-block {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .hakkimizda-block-first .hakkimizda-text,
  .hakkimizda-block-second .hakkimizda-text {
    margin: 20px 0 0 0;
  }
  .hakkimizda-block-first .hakkimizda-image,
  .hakkimizda-block-second .hakkimizda-image {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .hakkimizda-title {
    font-size: 28px;
  }
  .hakkimizda-description {
    font-size: 14px;
  }
}

/* 480px altı: Mobil ekranlar için daha da optimize */
@media (max-width: 480px) {
  .hakkimizda-container {
    padding: 0 10px;
  }
  .hakkimizda-title {
    font-size: 24px;
  }
  .hakkimizda-description {
    font-size: 13px;
  }
}