/* google fonts */
@import url('https://fonts.googleapis.com');
@import url('https://fonts.gstatic.com');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Nunito:wght@600;700;800&display=swap');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Heebo",sans-serif;
  
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Heebo', sans-serif;
  
}
body{
  background:  #042b64;
}
.wrapper{
  width: 330px;
  padding: 1rem 1rem;
  margin: 5px auto;
  margin-top:50px;
  background-color: #fff;
  border-radius: 19px;
  text-align: center;
  box-shadow: 0 20px 35px rgba(0,0,0,0.1);
}
h1{
font-size: 1.5rem;
color: black;
margin-bottom: 1.2rem;
color: #042b64;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

form input{
width: 92%;
outline: none;
border: 1px solid #fff;
font-weight: 9px;
padding: 12px 20px;
margin-bottom: 10px;
border-radius: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
border-width: 2px;
background: #e4e4e4;
}
.btn{
font-size: 1rem;
margin-top: 1.8rem;
padding: 10px 0;
border-radius: 2px;
outline: none;
border: none;
width: 90%;
color: #ffff;
cursor:pointer;
background: #042b64;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

.btn:hover{
  background: rgba(2, 53, 73, 0.877);
  }

input:focus{
border: 1px solid rgb(195, 192, 192);
}
.terms{
margin-top: 0.2rem;
padding-left: 0.4rem;
}
.terms input{
height: 1rem;
width: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
padding-right: 4.5rem;
cursor: pointer;

}

.checkbox{
  margin-right: 2px;
}

.terms label{
  color: black;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.terms a{
font-size: 0.7rem;

color: #042b64;
text-decoration: none;
padding-left: 2.5rem;
margin-right: 3px;

}
.member{
font-size: 0.8rem;
margin-top: 1.4rem;
color: black;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.member a{
color: #042b64;
text-decoration: none;

}

.recover{
text-align: right;
font-size: 0.7rem;
margin: 0.3rem 1.4rem 0 0;
}
.recover a{
text-decoration: none;
color: #464647;
}


.form-group.success input {
  border-color: #09c372;
}


.password.error input {
border-color: #ff3860;
}

.form-group .error {
color: #ff3860;
font-size: 9px;
height: 4px;
}

               .form-select{

                  width: 92%;
                  outline: none;
                  border: 1px solid #fff;
                  padding: 12px 20px;
                  margin-bottom: 10px;
                  border-radius: 10px;
                  background: #e4e4e4;
                  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
              } 

              .password strong{
                color: red;
                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                font-size: 12px;
              }

              .form-group strong{
                color: red;
                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                font-size: 12px;
              }
           

      .password.error input {
        border-color: #ff3860;
    }
    
    .form-group .error {
        color: #ff3860;
        font-size: 9px;
        height: 4px;
    }
   
    .show{
      margin-top: 0.5rem;
      padding-right: 9.3rem;
      font-size: 14px;
      color: #042b64;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 
/* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
      }
      .show input{
      height: 1rem;
      width: 1rem;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      padding-right: 4.5rem;
      cursor: pointer;
      
      }

      .checkbox{
        margin-right: 7px;
      
      }
      
      .show label{
        color: black;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      }
      .show a{
      font-size: 0.7rem;
      
      color: #042b64;
      text-decoration: none;
      padding-left: 2.5rem;
      margin-right: 3px;
      
      }

      .g-recaptcha{
        margin-top: 0.4rem;
      }
      
      .form-group span{
                color: red;
                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                font-size: 12px;
              }
              
              .form-group strong{
                color: red;
              font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-size: 12px;
              }