@media (max-width: 576px) {
  .login {
    background-color: #023373;
  }
  .desktop-left-column {
    display: none;
  }
}

.login-section-wrapper {
  position: relative;
  background: #fff;
}

@media (min-width: 576px) {
  .min-h-desktop-screen {
    min-height: 100vh;
  }
}

.login:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin-top: -20%;
  margin-bottom: -12%;
  margin-left: -13%;
  width: 65%;
  --tw-rotate: -4deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 100%;
  --tw-bg-opacity: 1;
  background-color: #023373;
}

.login:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin-top: -28%;
  margin-bottom: -15%;
  margin-left: -13%;
  width: 65%;
  --tw-rotate: -4deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 100%;
  background-color: rgb(var(--color-primary)/0.2);
}

.login-input {
  border: 2px solid #EAEEF4;
  border-radius: 10px;
  padding: 20px 19px 15px 19px;
  width: 100%;
}

.login-input:focus {
  color: #212529;
  border: 2px solid rgba(13, 110, 253, 0.25);
  outline: 0;
  box-shadow: 0 0 0 0.125rem rgba(13, 110, 253, 0.25);
}

.login-submit-button {
  border-radius: 7px;
  background-color: #E5562B;
  filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.031372549));
  color: #FFFFFF;
  font-size: 15px;
  line-height: 44px;
}

.register-page-link {
  color: #4B5768;
  font-size: 15px;
  line-height: 44px;
  border: 1px solid #E2E8F0;
  border-radius: 7px;
  filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.031372549));
  text-decoration: none;
}

@media (min-width: 576px) {
  .register-page-link {
    width: 8rem;
  }
}

@media (max-width: 576px) {
  .register-page-link {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .password-links-wrapper {
    display: flex;
  }
}

.forgotten-password-link, .remember-me-label {
  color: #4B5768;
  text-decoration: none;
  font-size: 15px;
  line-height: 44px;
}

.nav-header-label {
  font-size: 20px;
  line-height: 24px;
}

.image-header-description {
  font-size: 39px;
  line-height: 49px;
  font-weight: bold;
}

.image-description {
  font-size: 19px;
  line-height: 49px;
}