.custom-select {
    position: relative;
    width: 100%;
    max-width: 100%;
    font-size: 1.15rem;
    color: #000;
  }
  
  .select-button {
    width: 100%;
    font-size: 1.15rem;
    background-color: #fff;
    border: 1px solid #caced1;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 13.5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .selected-value {
    text-align: left;
  }
  
  .arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #000;
    transition: transform ease-in-out 0.3s;
  }
  
  .select-dropdown {
    position: absolute;
    list-style: none;
    width: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 1px solid #caced1;
    border-radius: 4px;
    padding: 10px;
    margin-top: 0px;
    max-height: 300px;
    overflow-y: auto;
    transition: 0.5s ease;
  
    transform: scaleY(0);
    opacity: 0;
    visibility: hidden;
  }
  
  .select-dropdown:focus-within {
    box-shadow: 0 10px 25px rgba(94, 108, 233, 0.6);
  }
  
  .select-dropdown li {
    position: relative;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    align-items: center;
    text-align: left;
  }

  /*img.selector-logo-school{
    background:  url('data:image/png;base64,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') center center no-repeat transparent;
    background-size: 15px 15px;
    background-position: center;
  }*/
  
  .select-dropdown li label {
    width: 100%;
    padding: 8px 10px;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    align-items: center;
    font-size: 13.5px;
    text-align: left;
  }
  .select-dropdown li input:checked+i.fa-check{
    visibility: visible;
  }
  .select-dropdown li input:not(checked)+i.fa-check{
    visibility: hidden;
  }
  .select-dropdown::-webkit-scrollbar {
    width: 7px;
  }
  .select-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 25px;
  }
  
  .select-dropdown::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 25px;
  }
  
  .select-dropdown li:hover,
  .select-dropdown input:checked ~ label {
    background-color: #f2f2f2;
  }

  .select-dropdown li:focus,
  .select-dropdown input:checked ~ label {
    background-color: #f2f2f2;
  }
  
  .select-dropdown input:focus ~ label {
    background-color: #dfdfdf;
  }
  
  .select-dropdown input[type="radio"] {
    position: absolute;
    left: 0;
    opacity: 0;
  }
  
  /* interactivity */
  
  .custom-select.active .arrow {
    transform: rotate(180deg);
  }
  
  .custom-select.active .select-dropdown {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
  }
  
  /*=============
  Aesthetics 
  =========================*/