.formstyle{
    background-image: linear-gradient(195deg, #000, #000);
    border-radius: 25px;
    /* padding: 1%; */
    padding: 1% !important;
  }
  /* 
  .captcha{
    display: flex;
  } */
  
  .captcha > img{
  /* float: inline-end; */
   border: 1px solid #ced4da;
  }
  
  .captcha > input{
    /* float: inline-start; */
  border: 1px solid white;
  width: 46%;
  min-height: 51px;
  background-color: transparent;
  color: white;
  /* margin-top: 1.5%; */
  padding-left: 5%;
  padding-right: 5%;
    }
  
  h4{
    font-size: 25px;
  }
  a{
    text-decoration: none;
  }
  .smtext{
    font-size: 20px;
  }
  h6{
    font-size: 12px;
    color: gray;
  }
  .key{
    overflow-wrap: break-word;
  }
  .gray{
    color: gray;
  }
  hr {
    color: white;
  }
  select{
    color: white !important;
  }
  
  .icon {
    width: 20px;
    height: 20px;
  }
  
  .head {
    color: white;
    font-family: monospace;
  }
  
  form {
    background-color: rgb(30 35 36);
    width: 35vw;
    position: relative;
  }
  
  label {
    color: gray;
    font-family: monospace;
  }
  
  #but {
    background-color: #101010;
    border: none;
  }
  
  .input[type=password]{
    width: 100%;
    padding: 5px 8px;
    margin: 8px 0;
    display: inline-block;
    color: gray !important;
    border-radius: 4px;
    /* background-color:  #242a2c !important; */
    background-color:  transparent !important;
    /* border: none; */
    box-sizing: border-box;
  }
  .input[type=number] {
    /* background-color:  #242a2c !important; */
    background-color:  transparent !important;
    /* border: none; */
    color: gray !important;
  }
  
  .input[type=password] {
    /* background-color:  #242a2c !important; */
    background-color:  transparent !important;
    /* border: none; */
    color: gray !important;
  }  
  .input[type=text],select{
    /* background-color:  #242a2c !important; */
    background-color:  transparent !important;
    /* border: none; */
    color: gray !important;
  } 
  .btn {
    /* background-color: #242a2c; */
    /* border: none; */
  }
  
  #but:hover {
    background-color: rgb(34, 30, 30);
  }
  
  .link {
    /* text-decoration: none; */
    color: gray;
    text-align: center;
  }
  
  
  p {
    color: gray;
    font-size: 12px;
  }
  
  .logBtn2{
    display: flex; 
    margin-top: 1%;
  }
  
  @media only screen and (max-width: 1680px) {
    form{
      width: 50vw;
    }
  }
  
  @media only screen and (max-width: 1280px) {
    form{
      width: 60vw;
    }
    .logBtn2{
      margin-top: 3%;
      text-align: center;
    }
  }
  @media only screen and (max-width: 1024px) {
   form{
     width: 65vw;
   }
   .logBtn2{
    margin-top: 1%;
    text-align: center;
  }
  
  }
  @media only screen and (max-width: 900px) {
   form{
     width: 70vw;
   }
   .logBtn2{
    margin-top: 5%;
    text-align: center;
  }
  }
  @media only screen and (max-width: 815px) {
   form{
     width: 90vw;
   }
   .logBtn2{
    margin-top: 1%;
    text-align: center;
  }
  }
  
  @media only screen and (max-width: 668px) {
    form{
      width: 95vw;
    }
  }
  
  @media only screen and (max-width: 600px) {
    .logindiv{
      width: 90% !important;
    }
    form{
      width: 80vw;
    }
  }
  @media only screen and (max-width: 500px) {
    
    .logBtn2{
      margin-top: 1%;
      text-align: center;
    }
  
    form{
      width: 100vw;
    }
  
  }
  @media only screen and (max-width: 400px) {
    .logBtn2{
      display: block;
      margin-top: 10%;
      text-align: center;
    }
   }
  
  
   @media only screen and (max-width: 365px) {
    .logBtn2{
      display: block;
      margin-top: 28%;
      text-align: center;
    }
  
    .captcha > input{
      width: 100%;
        }
   }