.elementor-562 .elementor-element.elementor-element-1a3f879{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-cc1c640 */.responsive-table {
    overflow-x: auto; /* Ekran daraldığında kaydırma çubuğu ekler */
}

.responsive-table table {
    width: 100%;
    border-collapse: collapse; /* Hücreler arasında boşluk bırakmaz */
    margin: 20px 0; /* Üst ve alt boşluk */
}

.responsive-table th, .responsive-table td {
    padding: 12px; /* Hücre içi boşluk */
    text-align: left; /* Metin sola yaslı */
    border: 1px solid #ddd; /* Hücre kenarları */
}

.responsive-table th {
    background-color: #f2f2f2; /* Başlık hücreleri için arka plan rengi */
    font-weight: bold; /* Kalın yazı tipi */
}

.responsive-table tr:nth-child(even) {
    background-color: #f9f9f9; /* Her ikinci satır için arka plan rengi */
}

.responsive-table tr:hover {
    background-color: #f1f1f1; /* Satırın üzerine gelindiğinde arka plan rengi */
}

/* Mobil uyumluluk için */
@media (max-width: 600px) {
    .responsive-table th, .responsive-table td {
        display: block; /* Hücreleri blok olarak gösterir */
        text-align: right; /* Metni sağa yaslar */
    }

    .responsive-table td {
        text-align: left; /* Sola yaslama için tekrar ayarlama */
        position: relative; /* Konumlandırma için */
        padding-left: 50%; /* Soldan boşluk bırakma */
    }

    .responsive-table td:before {
        content: attr(data-label); /* Verilen etiketleri hücrelerin önüne ekler */
        position: absolute; /* Pozisyonlama */
        left: 0; /* Soldan hizalama */
        width: 50%; /* Genişlik ayarı */
        padding-left: 10px; /* Soldan boşluk bırakma */
        font-weight: bold; /* Kalın yazı tipi */
        text-align: left; /* Sola yaslama */
    }
}/* End custom CSS */