h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Urbanist;

}

p, span, button, a, label {
  font-family: DM sans-serif;
}

img {
  width: 100%;
}

.loginpage {
  background: #f0f2f5;
  position: relative;
  display: flex;
  align-items: center;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #e52e2b;
}

.has-error .form-control {
  border-color: #e52e2b;
  border: none;
}

.textpart h5.text-center {
  margin-bottom: 35px;
}

button.btn.btn-primary.loginbtns.w-100 {
  background: transparent;
  border: 1px solid#1e3a5f;
  color: #1e3a5f !important;
  padding: 13px 15px;
}

button.btn.btn-primary.loginbtns.w-100:hover {
  background: #1e3a5f;
  border: 1px solid#000;
  color: #fff !important;
  padding: 13px 15px;
}

.textpart p.text-center {
  margin-bottom: 25px;
  font-size: 20px;
}

.alert.alert-success {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 300px;
  float: right;
  margin-top: 10px;
  position: absolute;
  right: 12px;
  z-index: 9;
  top:0;
}

.alert.alert-danger {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 300px;
  float: right;
  margin-top: 10px;
  position: absolute;
  right: 12px;
  z-index: 9;
  top:0;
}
.password-alert{
  top:0px;
  width: 350px !important;
}


.form-group {
  margin-bottom: 15px;
  text-align: left;
  font-size: 13px;
}

.image-section img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.form-section {
  padding: 7%;
}

img.logoimg {
  margin-bottom: 2rem;
  width: 50%;
}

.loginbtn {
  background: #254764;
  border: 1px solid#254764;
  width: 100%;
  border-radius: 8px !important;
  /* margin-top: 20px; */
  padding: 10px;
}

.loginbtn:hover {
  background: #6792b7;
  border: 1px solid#6792b7;
  width: 100%;
  border-radius: 8px !important;
  /* margin-top: 20px; */
  padding: 10px;
}

.form-check-input:checked {
  background-color: #254764;
  border-color: #254764;
}



.form-control:focus {
  border-color: transparent;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.form-control {
  padding: 0.8rem 0.75rem;
}

input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover, select:hover {
  border-color: #d9d9d9;
  border-color: #d9d9d9;
}

.form-section h1 {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #333;
  font-weight: 600;
  margin-top: 0;
}

.form-section p {
  color: #555;
  margin-bottom: 15px;
}

.form-section .divider {
  display: flex;
  align-items: center;
  margin: 25px 0;
}

.form-section {
  padding: 3% 6%;
}

.form-section .divider div {
  flex: 1;
  height: 1px;
  background-color: #ccc;
}

.form-section .divider span {
  padding: 0 10px;
  color: #555;
}

.form-section .signup {
  text-align: center;
}

.form-section .signup a {
  color: #254764;
  font-weight: bold;
  text-decoration: none;
}

.login_forgot a {
  color: #254764;
}

@media (max-width: 768px) {
  .image-section {
    display: none;
  }
}

.help-block {
  text-align: start;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select {
  padding: 25px 15px !important;
  border-width: 1px;
  border-color: #666;
  border-color: #d9d9d9;
  height: 36px;
  outline: none;
  border-radius: 5px !important;
}

select.form-control.startname {
  height: 52px !important;
  padding: 5px 15px !important;
}

.text-danger {
  color: #e52e2b;
}

.d-flex.justify-content-between.mb-3 {
  display: flex;
  justify-content: space-between;
}

.signupbtn {
  background: #254764;
  border: 1px solid#254764;
  width: 20%;
  border-radius: 5px !important;
  margin-top: 20px;
  padding: 10px;
}





.remindone {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.remindone label {
  margin: 0;
}

.remindone input {
  margin: 0;
}

.form-section .signup a {
  font-weight: 500;
}

.form-section .signup a:hover {
  color: #2579a9;
  font-weight: 500;
  text-decoration: none;
}


.login_forgot input {
  margin: 0;
}

.login_forgot label {
  margin: 0;
  line-height: 13px;
}

.rember {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown{
  display: block;
}

input.altmobile{
  padding-left: 48px !important;
}

.iti__selected-country-primary {
  border-right: 1px solid#ccc;
}


@media(max-width:540px) {
  .loginpage {
    height: 100vh;
  }

  .header h1 {
    font-size: 20px;
  }

  .logpage {
    position: absolute;
    top: 5%;
    right: 8%;
  }




}