   

   body {

    height: 100%;

    font-family:vazir;
    background-color:#F8F9FE;
    }
   
   .sidenav {
  
     background-color:#361492;
    
     border-radius: 5px;
   }
       
   @media screen and (min-width: 700px) {
    .txli{
      position: absolute;
      left:10px;
    } 
   }

   .bg1{
    background-color: white;
    box-shadow: 1px 1px 3px 2px #e0e1e4;
    border-radius:20px;
    margin: 5px;
   
    padding:10px ;
 
   }

 .txa1{
  text-align: right;
 }
 
 .dropdown:hover .dropdown-menu { 
  display: block; 
} 

.containerd{
  margin-left:15px;
  margin-right:15px;
}
/* signin page start*/

.bgs-image{
  background-color: #361492;
  height: 300px;
 }
 .cardsi{
        margin-top: -100px;
        background: hsla(0, 0%, 100%, 0.8);
        backdrop-filter: blur(30px);
        
 }
 @media screen and (min-width: 700px) {
  .imsi{
    width:22%;
   
  }
 }
 @media screen and (max-width:699px) {
  .imsi{
    width:50%;
   
  }
 }

.optionsl{
    margin-bottom:10px;
    margin-left:10px;
    width:30%;
    padding:5px;
    border:1px solid black;
    border-radius:5px;
    float: right;
    text-align: center;
}
/* signin page end*/


@font-face {
  font-family: Vazir;
  font-style: normal;
  font-weight: 100;
  src: url("fonts/Vazir-Thin.eot");
  src: url("fonts/Vazir-Thin.woff")format("woff"),
  url("fonts/Vazir-Thin.ttf")format("ttf"),
  url("fonts/Vazir-Thin.woff2")format("woff2");
  
  }
@font-face {
  font-family: Vazir;
  font-style: normal;
  font-weight:300;
  src: url("fonts/Vazir-Light.eot");
  src: url("fonts/Vazir-Light.woff")format("woff"),
  url("fonts/Vazir-Light.ttf")format("ttf"),
  url("fonts/Vazir-Light.woff2")format("woff2");
  
  }
@font-face {
      font-family: Vazir;
      font-style: normal;
      font-weight: 400;
      src: url("fonts/Vazir-Regular.eot");
      src: url("fonts/Vazir-Regular.woff")format("woff"),
      url("fonts/Vazir-Regular.ttf")format("ttf"),
      url("fonts/Vazir-Regular.woff2")format("woff2");
      
      }
@font-face {
      font-family: Vazir;
      font-style: normal;
      font-weight:950;
      src: url("fonts/Vazir-Black.eot");
      src: url("fonts/Vazir-Black.woff")format("woff"),
      url("fonts/Vazir-Black.ttf")format("ttf"),
      url("fonts/Vazir-Black.woff2")format("woff2");
      
      }

