.nav-checkbox .nav-item .form-check .form-check-input:checked[type=checkbox] {
    background-size: 18px;
    background-color: #ff3838;
    border-color: #ff3838;
}

html, body {
    overflow: hidden; /* Sayfanın kaymasını engeller */
    height: 100%; /* Yüksekliği tam ekran yapar */
}

@media (max-width: 768px) {
    /* Mobil için özel stiller */
    body {
        overflow: hidden; /* Kaymayı engelle */
    }
    .content {
        overflow-y: auto; /* İçeriğin kaymasını sağla */
        height: calc(100vh - var(--footer-height)); /* Footer yüksekliğine göre ayarla */
    }
}