/* =============================
   1. GENEL SAYFA BAŞLIĞI (BANNER)
============================= */
/* Bu kısım için hakkimizda.css'teki .page-header-section stilini yeniden kullanacağız,
   bu yüzden buraya tekrar yazmaya gerek yok. Sadece farklı bir arkaplan resmi
   kullanmak istersek bu dosyadan üzerine yazabiliriz. Şimdilik aynı kalsın. */
   
.page-header-section.consultants-bg {
    background-image: url('assets/images/danismanlarimizbanner.jpg');
    background-position: center 30%;
}


/* =============================
   2. DANIŞMANLAR LİSTESİ BÖLÜMÜ
============================= */
.consultants-section {
    padding: 80px 0;
    background-color: #f9f9f9;
}

.consultants-grid {
    display: grid;
    /* Kartların daha büyük ve ferah görünmesi için 3 sütunlu bir ızgara */
    grid-template-columns: repeat(3, 1fr);
    gap: 35px; /* Kartlar arası boşluğu biraz artıralım */
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

/* =============================
   DANIŞMANLAR MOBİL UYUMLULUK
============================= */
@media (max-width: 992px) {
    .consultants-grid {
        grid-template-columns: repeat(2, 1fr); /* Tablette 2 sütun */
    }
}
@media (max-width: 576px) {
    .consultants-grid {
        grid-template-columns: 1fr; /* Telefonda tek sütun */
    }
}