.hero-section {
  background-image: url(../images/bg-data-editing.png);
  background-size: auto calc(100% - 0px);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #fffdef;
  height: 100vh;
}
.hero-section .form {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 35%;
}
.hero-section .form .data-editing {
  box-shadow: var(--main-box-shadow);
  padding: 70px;
  border-radius: 10px ; 
}
.hero-section .form .inputs label {
  font-size: 14px;
}
.hero-section .form .inputs input,
.hero-section .form .log-btn .btn-log-in {
  height: 50px;
  border-radius: 9px;
  color: var(--second-color);
}
.form .bottom-form .forget-password,
.form .bottom-form .forget-password .forget {
  color: #AAA;
  font-size: 14px;
}
@media (max-width: 999px) {
  .hero-section .form {
    width: 100%;
  }
}