.slidbar{
    position: fixed;
    z-index: 99;
    background-color: whitesmoke;
    box-shadow: -10px 0 10px aliceblue;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 30px;
    height:100%;
    width: 300px;
    left: -25%;
 }
 .slidbar li{
     width: 80%;
     left: 6%;
     display: flex;
     column-gap:10px ;
     position: relative;
   
 }
 .slidbar a{
     width: 100%;
     line-height: 1;
     text-align: left;
 }
 .menu-btn{
     display: none;
 }
 .dropdown{
    position: absolute;
    background-color: rgb(255, 255, 255);
    left: 700px;
    height: auto;
    border-radius: 20px;
    display: none;
    top: 60%;
    width: auto;
    
 }
 .dropdown a{
    width: 100%;
    left: 0%;
    display: flex;
    column-gap:10px ;
    position: relative;
    padding: 5px;
 }
 .doct:hover .dropdown{
    display: none;

 }
 .dropdown1{
    position: absolute;
    background-color: rgb(255, 255, 255);
    left: 700px;
    height: 650px;
    border-radius: 20px;
    display: none;
    top: 60%;
    width: auto;
    overflow: auto;
 }
 .dropdown1 a{
    width: 100%;
    left: 0%;
    display: flex;
    column-gap:10px ;
    position: relative;
    padding: 5px;
 }
 .doct:hover .dropdown1{
    display: block;

 }
 .dropdown2{
    position: absolute;
    background-color: rgb(255, 255, 255);
    left: 700px;
    height: auto;
    border-radius: 20px;
    display: none;
    top: 60%;
    width: auto;
    overflow: auto;
 }
 .dropdown2 a{
    width: 100%;
    left: 0%;
    display: flex;
    column-gap:10px ;
    position: relative;
    padding: 5px;
 }
 .doct:hover .dropdown2{
    display: block;

 }
 @media(max-width: 800px){
     .hideOnMobile{
         display: none;
     }
     .menu-btn{
         position: relative;
         display: block;
         left: 80%;
         background-color: rgb(115, 182, 241);
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 1%;
        padding-bottom: 1%;
        border-radius: 10%;
     }
     .slidbar  div button{
         position: absolute;
         left: 70px;
     }
 
     
 }
 @media(max-width:800px){
     .slidbar{
         width: 60%;
     }
 
 }
 .but1{
    background-color: rgb(201, 227, 250);
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-radius: 10%;
 }
 .but1 a{
    margin-top: -5%;
    padding: 2%;
 }
 ::-webkit-scrollbar {
    width: 5px;
  }
  
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(255, 0, 0); 
    border-radius: 10px;
  }
   
  ::-webkit-scrollbar-thumb {
    background: #1975d1; 
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #1975d1; 

  }
  .popup{
   position: fixed;
   width: 50%;
   left: 25%;
   background-color: white;
   z-index:1000;
   padding: 2%;
   border-radius:5% ;
   box-shadow: 5px 15px 25px black;
  }
  .popup button{
   top: 0;
   position: absolute;
   right: 0;
   padding: 0.8%;
   background-color: red;
  }
  .popup img{
   margin: 5% 25%;
   width: 400px;
  }
  .popup a{
   background-color: #1975d1;
   color: white;
   padding: 2px 10px;
   text-align: center;
   margin-left: 43%;
   margin-top: 0%;
  }