.whatsapp-button {
    position: fixed; /* Ekranda sabit kalmasını sağlar */
    bottom: 115px; /* Sayfanın altından 20px yukarıda */
    right: 30px; /* Sayfanın sağından 20px içeride */
    z-index: 9999; /* Üstte görünebilmesi için yüksek z-index */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #25D366; /* WhatsApp teması */
    display: flex; /* Dikey-yatay merkezleme için flex kullanıyoruz */
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.2s ease-in-out;
}

    .whatsapp-button:hover {
        background-color: #20b857; /* Hover'da biraz koyu tonda yeşil */
    }

.docImage{
    max-width:450px;
}

.social-icons {
    display: flex; /* Flexbox kullanarak içerikleri yatay olarak sıralar */
    justify-content: center; /* İçerikleri ortalar */
    gap: 10px; /* İkonlar arasında boşluk bırakır */
}

.social-icon {
    display: inline-block; /* İkonları blok içinde gösterir */
}

    .social-icon img {
        width: 40px; /* İkon genişliği */
        height: 40px; /* İkon yüksekliği */
    }



/* Genel stil */
.my-div {
    width: 100px;
}

/* Masaüstü boyutları için stil */
@media (min-width: 993px) {
    .my-div {
        display: none; /* Masaüstü boyutlarda div'i gizle */
    }
}

/* Mobil boyutları için stil (isteğe bağlı, çoğu zaman gerekli değil) */
@media (max-width: 993px) {
    .my-div {
        display: block; /* Mobil boyutlarda div'i görünür yap */
    }
}