
.container-registration {
  padding: 1rem 17.75rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
}
.card.card-login {
  padding: 2rem 1.34rem 0 !important;
  border-radius: 8px;
}

.card.card-login .card-body.login-form {
  padding: 1rem 0rem;
}

.card.card-login .card-header.login-heading {
  
font-size: 24px;
font-weight: 600;
line-height: 32px;

  background-color: transparent;
  padding: 0 0 1rem;
}



.login-conatiner .form-control.create-login-id-input {
    background-color: #E7F5E9;
    border: 1px solid #A5D6A7;
    border-radius: 4px;
    padding: 14px 16px;
    height: 48px;
    font-size: 15px;
    line-height: 20.43px !important;
}

.form-control {
    line-height: 2 !important;
}


.login-conatiner .form-control.captcha-generated {
  background-color: #F5F5F5;
  font-size: 2.5rem;
  text-align: center;
  border: 1px solid #DFDFDF;
  padding: 2.42rem 2rem;
  font-weight: 700;
  width: 100% !important;
}

.input-group .create-login-id-input {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.btn-secondary {
    border-radius: 4px !important;
    background-color: #00897B !important;
    border: 1px solid #00897B !important;
}
.captcha-generated::placeholder {
    transform: rotate(-3deg);
    color: blue;
}
.text-right-buttons{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 30px;
}
.btn-primary.save-button{
    background-color: #00897b;
    border-color: #00897b;
    font-size: 17px;
    padding: 0.66rem 1.34rem;
    font-weight: 600;
}

.btn-primary.save-button:hover {
    background-color: #00897b !important;
    border-color: #00897b !important;
}

.register-link{
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
 
  margin: 0 1rem;
}
.register-link a{
  text-decoration: none;
  color: inherit;
}
.eyeicon{
  position: absolute;
  top: 59%;
  right: 25px;
  cursor: pointer;
  color: #777;
}
.form-group{
  position: relative;

} 
.password-link{
 
font-size: 14px;
font-weight: 600;
line-height: 19.07px;


}
.required-label::after {
  content: "*";
  color: red;
  margin-left: 2px;
}
.is-invalid {
  border: 1px solid #EF5350 !important;
  background-color: #FEEBEE;
  background-image: none !important;
  display: none;
}