body {
  background-color: #fff;
}

.login-main-content {
  background-color: #fff;
}
.login-main-content .login-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.login-main-content .login-wrapper .login-banner-area {
  background-image: url(../images/login_banner_latest.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  width: calc(100% - 650px);
}
.login-main-content .login-wrapper .login-form-area {
  width: 650px;
  padding: 70px 80px;
  height: 100vh;
  overflow: auto;
}
.login-main-content .login-wrapper .login-form-area .login-heading,
.login-main-content .login-wrapper .login-form-area .login-header {
  margin-bottom: 25px;
}
.login-main-content .login-wrapper .login-form-area .login-form .login-btn-area {
  margin-top: 25px;
}
.login-main-content .login-wrapper .login-form-area .login-form .login-btn-area .btn {
  width: 100%;
  display: block;
}

.forgot-password-area {
  text-align: right;
}
.forgot-password-area a {
  color: #007aff;
}

.google-login-area {
  margin-top: 10px;
}
.google-login-area .btn {
  display: block;
  width: 100%;
  color: #565656;
  font-weight: 500;
  background-color: #f4f4f4;
}
.google-login-area .btn img {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
}

.terms-condition-area {
  color: #1e1e1e;
  font-style: italic;
  font-weight: 500;
  margin: 20px 0;
  font-size: 14px;
}
.terms-condition-area input[type=checkbox] {
  margin-right: 5px;
}
.terms-condition-area a {
  color: #ff0000;
  text-decoration: underline;
}

.login-copyright-text {
  color: #0c4a92;
  font-weight: 500;
  font-style: italic;
}
.login-copyright-text i.bi {
  margin-right: 5px;
}

.login-header .login-logo {
  display: flex;
  flex-wrap: wrap;
  color: #000;
}
.login-header .login-logo img {
  display: block;
  width: 100%;
  max-width: 100px;
  margin-right: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.login-header .login-logo .logo-name-area .logo-title {
  font-size: 36px;
  font-weight: 500;
}
.login-header .login-logo .logo-name-area .logo-subtitle {
  font-size: 14px;
  font-weight: 400;
}

.login-heading {
  color: #1a1a1a;
}
.login-heading h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}
.login-heading p {
  font-size: 14px;
  font-weight: 500;
}

#termsAndConditionModal .modal-dialog .modal-content .modal-body h1,
#termsAndConditionModal .modal-dialog .modal-content .modal-body h2,
#termsAndConditionModal .modal-dialog .modal-content .modal-body h3,
#termsAndConditionModal .modal-dialog .modal-content .modal-body h4,
#termsAndConditionModal .modal-dialog .modal-content .modal-body h5,
#termsAndConditionModal .modal-dialog .modal-content .modal-body h6 {
  margin-bottom: 6px;
}
#termsAndConditionModal .modal-dialog .modal-content .modal-body p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000;
}

@media (max-width: 1200px) {
  .login-main-content .login-wrapper .login-banner-area {
    width: 50%;
  }
  .login-main-content .login-wrapper .login-form-area {
    width: 50%;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .login-main-content .login-wrapper .login-banner-area {
    background-image: url(../images/login_banner_latest.png);
    width: 100%;
    height: 200px;
  }
  .login-main-content .login-wrapper .login-form-area {
    width: 100%;
    padding: 30px 15px;
    height: auto;
    overflow: unset;
  }
  .login-main-content .login-wrapper .login-form-area .login-header {
    height: auto !important;
    flex-wrap: nowrap !important;
  }
  .login-main-content .login-wrapper .login-form-area .login-header .login-logo img {
    width: 80px;
  }
  .login-main-content .login-wrapper .login-form-area .login-header .login-logo .logo-name-area {
    width: calc(100% - 90px);
  }
  .login-header .login-logo .logo-name-area .logo-title {
    font-size: 32px;
  }
}/*# sourceMappingURL=login.css.map */