.vh-100 {
    height: 100% !important;
    margin-top: 50px;
}

section .form-div{
    max-width: 436px !important;
}
section img{
    width: 163px !important;
    height: 27px !important;
}
section h2{
    font-size: 24px;
    font-weight: 700;
    line-height: 32.78px;
    color: #2D2D2D !important;
}

section p{
    font-size: 18px;
    font-weight: 400;
    line-height: 24.59px;
    color: #2D2D2D !important;
}

section .google{
    border: 1px solid #000000;
    width: 100% !important;
    height: 45px;
    border-radius: 22.5px;
    border: 1px solid #EAEAEA;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20.49px; 
    text-align: center;
}


section .divider:after, .divider:before{
    border: 1px #EAEAEA solid !important;
}
section .divider p{
    color: #2D2D2D !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 20.49px;
}

section form label{
    font-size: 15px;
    font-weight: 400;
    line-height: 20.49px;
    color: #2D2D2D;
}

section form input[type="text"],section form input[type="email"],section form input[type="password"]{
    width: 100% !important;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #EAEAEA; 
}

section form input.form-control{
    /* background: #F9F9F9; 
    color: #B3B3B3; */
    font-size: 14px;
    font-weight: 400;
    max-width: 436px !important;
}

section form input.password{
    border-radius: 8px 0px 0px 8px;
    border-right: none !important;
    width: 72% !important;
}

section form .input-group span{
    padding: 0.1rem .75rem;  
    cursor: pointer; 
}

section form .btn.btn-primary{
    width: 100% !important;
    text-transform: capitalize !important;
}

a.logintext{
    color: #018369 !important;
}

div.loginaccount{
    font-family: Manrope;
    font-size: 15px;
    font-weight: 400;
    line-height: 24.59px; 
    color: #2D2D2D !important;
}

@media only screen and (max-width: 667px) and (min-width: 375px)  {
    .form-div.mx-5{
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .imgdiv{
        display: none !important;
    }
    section form input[type="text"], section form input[type="email"]{
        width: 100% !important;
    }
    
    .passworddiv input.password{
        width: 87% !important;
    }
}

 
.passworddiv .input-group input.form-control.is-invalid + .eye-toggle i{
    border: 1px solid #dc3545;
    border-radius: 0.375rem;
    padding: 0; /* ensure tight border */
    display: flex;
    overflow: hidden;
}

/* Style the whole group with red border if invalid */
.passworddiv .input-group.is-invalid {
  border: 1px solid #dc3545;
  border-radius: 0.375rem;
  padding: 0; /* ensure tight border */
  display: flex;
  overflow: hidden;
}

/* Remove inner borders to avoid double borders */
.passworddiv .input-group.is-invalid .form-control,
.passworddiv .input-group.is-invalid .btn {
  border: none !important;
  box-shadow: none !important;
}

/* Maintain correct radius on left & right */
.passworddiv .input-group.is-invalid .form-control {
  border-radius: 0;
}

.passworddiv .input-group.is-invalid .btn {
  border-radius: 0;
  /* color: #dc3545; */
}