.login .login-header .container {
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}

.login .login-header {
  box-shadow: 0px 4px 0px rgb(0 0 0 / 5%);
}

.login .login-footer {
  padding-top: 80px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="193" viewBox="0 0 1440 193" fill="none"><path d="M0 168H1440V193H0V168Z" fill="%23EDDCF2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-508 124.872L-371.556 102.806C-235.111 81.7433 37.7778 37.6119 310.667 16.5493C583.556 -5.51642 856.444 -5.51642 1129.33 16.5493C1402.22 37.6119 1675.11 81.7433 1811.56 102.806L1948 124.872V168H1811.56C1675.11 168 1402.22 168 1129.33 168C856.444 168 583.556 168 310.667 168C37.7778 168 -235.111 168 -371.556 168H-508V124.872Z" fill="%23EDDCF2"/></svg>')
    no-repeat;
  background-size: cover;
  background-position: top center;
}

.login .login-footer .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login .login-footer .copyright {
  padding: 12px;
  background: #9054a1;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 27px;
  color: #fff;
}

.login .login-footer .copyright p {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.login .login-footer .login-footer__menu ul,
.login .login-header .login-header__menu ul {
  padding-block: 20px;
  padding-inline: 0;
  list-style: none;
  display: flex;
  gap: 40px;
  align-items: center;
  font-size: 1rem;
  color: #000a26;
  line-height: 20px;
}

.login .login-footer .login-footer__menu ul a,
.login .login-header .login-header__menu ul a {
  color: #000a26;
}

.login #login > h1,
.login #login .login-heading span {
  display: none;
}

.login #login .login-heading {
  justify-content: center;
}

.login #login .login-heading h2 {
  font-family: var(--e-global-typography-primary-font-family), sans-serif;
  font-size: 48px;
  font-weight: 600;
  color: #000a26;
  text-align: center;
  margin: 0;
}

.login #login input {
  border-color: #a5a5a5;
  border-radius: 10px;
}

.login #login #wp-submit,
.login #login #wfls-token-submit {
  background-color: #9054a2;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: 0 4px #6f2684;
  padding: 12px 30px;
  line-height: normal;
  border: none;
  transition: all ease-in-out 0.25s;
}

.login #login #wp-submit:hover,
.login #login #wfls-token-submit:hover {
  box-shadow: 0 0.8px #6f2684;
  transform: translatey(4px);
}

#wfls-prompt-overlay {
  z-index: 10;
}

.login #login form {
  padding-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .login .login-footer {
    padding-top: 40px;
  }

  .login .login-footer .login-footer__menu ul {
    flex-direction: column;
  }
}
