html[dir="rtl"] {
  .login-container{
    .forgot-password-link {
      left: 0;
      top: -108px;
    }
  }
  .user-login-form .form-control::placeholder {
    height: 50px !important;
  }
  .register-container .form-control::placeholder {
    height: 50px !important;
  }
  .user-pass .form-control::placeholder {
    height: 50px !important;
  }
}
.login-container{
  margin-top: 5rem !important;
}
.login-header-section {
  background: linear-gradient(180deg, #0a2f5c 0%, #105989 100%);
  border-radius: 20px 20px 0 0;
  margin: -2rem -1.5rem 2rem -1.5rem;
}
.fill-form-subhead {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 25.6px;
}
.user-login-form .form-control {
  border-radius: 8px;
  border: none;
  background-color: #EEF3F7 !important;
}


.user-login-form .form-control::placeholder {
  color: #C0C0C0; /* Change this to your desired color */
}
.user-login-form #edit-actions {
  display: flex;
  justify-content: center;
  text-align: center;
}

.user-login-form #edit-submit {
  width: 100% !important;
  padding: 1rem 10rem;
  height: inherit !important;
  margin-top: 20px;
  text-transform: inherit;
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
  color: #1e3564 !important;
  border: 1px solid var(--Brand-blue-400, #1e3564);

}
.user-login-form #edit-submit:hover{
  color: #42bb96 !important;
  border: 1px solid #42bb96 !important;
}


.login-heading-text{
font-size: 24px !important;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.011em;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.signup-link {
  color: #1e3564 !important;
  font-weight: 400;
}
.text-blue {
  color: #1e3564 !important;
}


.signup-btn-text{
  text-decoration: underline;

}
.go-back-btn {
  font-size: 14px;
  font-weight: 400;
  color: #1e3564 !important;
  a:hover{
    text-decoration: none;
  }
}
.user-login-form .description {
  display: none !important;
}

.profile-details-bold{
  font-weight: 600;
}


.forgot-password-link{
  position: relative;
  top: -107px;
  left: 78%;
  width: 115px;
}
@media (max-width: 1024px) {
  .user-login-form #edit-submit {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {


  .user-login-form{
    .form-textfield::placeholder{
      font-size: 12px;
    }
  }
  .user-login-form #edit-submit {
    padding: 15px !important;
  }


  @media (max-width: 560px) {
    .forgot-password-link{
      left: 61%;
    }
  }


  @media (max-width: 360px) {
    .forgot-password-link{
      left: 49%;
    }
  }
}