.sideNav{
        width: 55px;
        z-index: 100;
    }
    .h0{
        height: 0px;
    }
    .sideNav:hover{
        width: 280px;
    }
    .menutextsidebar{
        display: none;
    }
    .sideNav:hover .menutextsidebar{
        display: initial;
    }
    .borderLeft3px{
        border-top: 0;border-bottom: 0;border-right: 0;border-left: 3px;
    }
    @media(max-width:992px){
        .menutextsidebar{
            display: initial;
        }
        .sideNav{
            width: 280px;
        }
        main{
            margin-left: initial;
        }
        .h0{
            height: auto;
        }
        .borderLeft3px{
            border-left: 0px;
        }
    }
    @media(max-width:425px){
        .sideNav{
            width: 100%;
        }
        .sideNav:hover{
            width: 100%;
        }
        
    }
span{
    font-size: small;
}
.form-control {
  font-weight: bold;
  font-size: clamp(15px,1.5vw,20px);
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: .5em;
  background-color: #ffffff;
  border: initial;
  color: #000000;
  text-transform: uppercase;
    cursor: pointer;
}
input[type="radio"],input[type="checkbox"] {
  /* For iOS < 15 to remove gradient background */
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: #ffffff;
  width: 1.2em;
  height:1.2em;
  border: 0.15em solid #ffc107;
  border-radius: 10px;
  transform: translateY(-0.075em);
  /* Not removed via appearance */
  margin: 0;
  display: grid;
  place-content: center;
}
input[type="radio"]::before,input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  color: #eee;
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  background-color: initial;
  clip-path: initial;
}
input[type="radio"]:checked::before,input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.marquee-text-track{
    padding-left: .5rem;
    gap: .5rem;
    animation: marquee-move-text var(--speed, 10s) linear infinite var(
        --direction,
        forwards
    );
} 

.marquee-text p{
    padding: .5rem .1rem;
    font-size: clamp(12px, 1.5vw, 18px);
    -webkit-text-fill-color: initial;
    -webkit-text-stroke: initial;
    font-family: Roboto;
}