.form-check-input[role="switch"] {
      transform: scale(1.7); /* Daha büyük bir boyut için değeri artırabilirsiniz */
    }

    .form-check-input[role="switch"]:not(:checked) {
        background-color: white; /* Pasif durumun arka plan rengi */
        border-color: #ccc; /* Pasif durumun kenarlık rengi */
    }

    /* Aktif durum */
    .form-check-input[role="switch"]:checked {
        background-color: #33b0e0; /* Aktif durumun arka plan rengi */
        border-color: #33b0e0; /* Aktif durumun kenarlık rengi */
}