.offcanvas-start {
      width: 480px;
      max-width: 100%;
      z-index: 9999999999;
    }

    .offcanvas-body {
      overflow-y: auto;
    }

    .offcanvas-header {
      border-bottom: 1px solid #e9ecef;
    }

    .filter-label {
      font-weight: 600;
      margin-bottom: 0.3rem;
    }

    input[type=radio],
    select,
    label {
      cursor: pointer;
    }

    input,select{
      height: 48px; 
    }

    .form-label {
      font-weight: 550;
      cursor: auto;
    }

    .form-check-input{
      width: 1.35em;
      height: 1.35em; 
    }

    .form-check{
     
      display: flex;
      align-items: center;
      gap: 8px;
      line-height: 100%;
    }

    .form-check-label{
      margin-top: 3px;
    }

    .offcanvas-body input::placeholder {
      color: #9ca3af !important;
      opacity: 1; 
    }


    .btn-check .btn{
      min-height: 48px !important; 
    }