body {
  background: var(--color-gray);
  margin: 0;

}

.space{
  margin-top: 5rem;
}

.form-style input {
  border               : 0;
  height               : 50px;
  border-radius        : 0;
  -webkit-border-radius: 0;
  -moz-border-radius   : 0;
  -ms-border-radius    : 0;
  -o-border-radius     : 0;
  border-bottom        : 1px solid var(--color-light-gray-1);
}

.form-style input:focus {
  border-bottom   : 1px solid var(--color-blue);
  box-shadow      : none;
  outline         : 0;
  background-color: var(--color-light-gray-1);
}

a {
  height: 50px;
}

.input-wrapper {
  position: relative;
  width   : 100%;
}

.input-icon {
  color    : #191919;
  position : absolute;
  width    : 20px;
  height   : 20px;
  left     : 12px;
  top      : 50%;
  transform: translateY(-50%);
}

.input-icon.user {
  left : unset;
  right: 12px;
  top: 25px;
}

.input-icon.key {
  left : unset;
  right: 12px;
  top: 25px;
}

@media (max-width: 992px) {
  .pdd{
    padding: 30px !important;
  }
  .order-1{
    order: 2 !important;
  }
  .order-2{
    order: 1 !important;
    margin-bottom: 15px;
  }
}