/* Google Fonts'tan Poppins fontunu dahil edelim */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
#hakkimida-div{
    margin-top:1%;
    background-color: var(--background-color); 
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.07) 1px, transparent 1px);
    background-size: 10px 10px; 
    overflow-x: hidden;
}

#tarihce-div{
    margin-bottom:4%;
    background-color: var(--background-color); 
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.07) 1px, transparent 1px);
    background-size: 10px 10px; 
    overflow-x: hidden;
}

#hakkimizda-baslik {
    display: flex;
    justify-content: center; /* Yatayda ortalar */
    align-items: center;     /* Dikeyde ortalar */
    height: 70px;           /* Yükseklik, başlığın dikeyde tam ortada olması için */
    /* background-image: url("../images/.jpg");  */
    /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.361);  */
    margin: auto;
}

#hakkimizda-baslik h1 {
    font-family: "Poppins", sans-serif;   /* Şık font */
    font-size: 3rem;            /* Başlık boyutu */
    color: #333;                /* Başlık rengi */
    font-weight: 600;           /* Başlık kalınlığı */
    text-transform: uppercase; /* Harfleri büyütür */
    letter-spacing: 2px;       /* Harfler arası mesafe */
    margin: 0;                  /* Varsayılan margin'i kaldır */
    
}

#hakkimizda-baslik img{
    width: 28px;
    margin-right: 0.5%;
    filter: brightness(0) saturate(100%)
}

#hakkimizda-yazi{
    margin-bottom: 10%;
}

#tarihce-yazi{
    margin-bottom: 10%;
}
@media (min-width: 1280px) {
    #tarihce-div{
        padding: 80px;
    }
}
@media (max-width: 991px) {
    #tarihce-div .row.g-5.align-items-center {
        flex-direction: column-reverse; /* Sadece mobilde yazı ve resimlerin yerini değiştir */
    }

    #tarihce-div .col-lg-6 {
        text-align: center; /* Yazıları ve resimleri ortala */
    }

}
@media (max-width: 576px) {
    #hakkimizda-baslik img{
        width: 22px;
        margin-right: 1%;
    }
}