/* Temel banner yapılandırma */
.b-banners-banner {
    background-color: #f8f8f8; /* Arka plan rengi */
    padding: 80px; /* İç boşluklar */
    text-align: center; /* Breadcrumbs ve başlık ortalama */
}

/* Breadcrumbs stilleri */
.banner__breadcrumbs {
    list-style: none; /* Sırasız liste stilini kaldır */
    padding: 0;
    margin: 0;
    font-size: 14px;
    display: flex; /* Breadcrumbs'ları yatay hizala */
    justify-content: center; /* Breadcrumbs'ları ortala */
}

.banner__breadcrumb-item {
    display: inline-block;
    margin-right: 5px; /* Breadcrumb öğeleri arasındaki sağ boşluk */
    color: #efefef;
}

.banner__breadcrumb-item a {
    text-decoration: none;
    color: #efefef; /* Breadcrumb link rengi */
    transition: color 0.3s ease; /* Renk değişiminde yumuşak geçiş */
}

.banner__breadcrumb-item a:hover {
    color: #c49937; /* Hover durumunda link rengi */
}

/* Aktif (current) breadcrumb öğesi stilleri */
.banner__breadcrumb-item.active a {
    color: #c49937; /* Aktif durumda link rengi */
}

/* Banner başlığı stilleri */
.banner__title {
    margin-top: 10px; /* Başlık ile breadcrumbs arasındaki üst boşluk */
    font-size: 24px; /* Başlık font boyutu */
    color: #efefef; /* Başlık rengi */
}