/*=============REGISTER FORM STYLE==========================================================*/
@import "https://fonts.googleapis.com/css?family=Karla&display=swap";

body{
  font-family: 'Karla',sans-serif;
  background: linear-gradient(90deg,#59a2e6,#254e8d);
  
}

a{
  text-decoration-style: none;
  outline: none;
}
a:hover{
  text-decoration: none;
  outline: none;
}
.text-sewa{
  /* color: #59a2e6; */
  color: white;
  font-size: 20px;
}
.control-label{
  display: none;
}

#register-card{
  margin-top: 8%;
  background-color: rgba(0,0,0,0.5);
  /*box-shadow: 15px 15px 25px grey;*/
  border: 3px;
  border-radius: 10px 10px 10px 10px;
}


.custom-input input[type=text], select, textarea {
  width: 91%;
  padding: 9px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 12px;
  
}
.custom-input input[type=password], select, textarea {
  width: 91%;
  padding: 9px;
  border: 1px solid #ccc;
  border-radius: 4px;
  
}
.custom-input input[type=number], select, textarea {
  width: 91%;
  padding: 9px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.reg-img img{
  height: 100%;
  width: 100%;
}
#cus-validators p{
    color: red;
    margin-left: 10px;
    font-size: 14px;
}

  .divider{
    height: 40vh;
    border-left: 1px solid #ffffff;
    opacity: 1;
  }

  .agreement label{
    font-size: 13px;
  }
  
@media(max-width: 767px){
  .divider{
    display: none;
  }
} 
@media(min-width: 1466px ) {
  .custom-input input[type=text], select, textarea {
    width: 91%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
  
  }
  .custom-input input[type=password], select, textarea {
    width: 91%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
  
  }
  .custom-input input[type=number], select, textarea {
    width: 91%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
  } 


}


.text-reg{
  font-size: 16px;
  /* color:  #4382bc; */
  color: white;
  text-transform: uppercase;
}
.text-reg a{
  text-decoration: none;
  /* color:  #4382bc; */
   color: white;
}
.text-reg a:hover{
  color: #85e445;
  font-size: 10px;
  transition: ease-out 0.3s;
}




#already-reg{
  border: 0;
  /* background: -moz-linear-gradient(left, rgba(255,140,0,1) 0%, rgba(209,30,65,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,140,0,1)), color-stop(100%, rgba(209,30,65,1)));
  background: -webkit-linear-gradient(left, rgba(255,140,0,1) 0%, rgba(209,30,65,1) 100%); */

  background-color: rgba(0,0,0,0.6);
  /* opacity: 0.7; */
  color: white;

 }
/*