body {
  background: url("../Images/login_bg.jpg") center top;
}
.header-wrap {
  .navigation-section {
    padding-right: 50px;
  }
  .signBtn {
    width: 100% !important;
  }
}
.login-wrap {
  .login-container {
    background-color: #d4f549;
    border-radius: 16px;
    padding: 40px 26px;
    margin: 100px auto;
    h3 {
      font-family: "Inter", sans-serif;
      font-size: 20px;
      color: #090914;
      font-weight: 600;
      margin-bottom: 30px;
    }
    .form-control {
      border-radius: 0;
    }
    .text-terms {
      .form-check-input {
        width: 20px;
        height: 20px;
        border-color: #000;
        border-radius: 2px;
      }
      .form-check-label {
        font-family: "Inter", sans-serif;
        font-size: 14px;
        color: #707070;
        line-height: 20px;
        span {
          color: #000;
        }
      }
    }
    .text-small {
      text-align: center;
      font-family: "Inter", sans-serif;
      font-size: 14px;
      color: #707070;
      line-height: 20px;
      a {
        color: #000;
      }
    }
    .btn {
      border-radius: 0;
    }
    .google-btn {
      background: white;
      border: 1px solid #ccc;
      color: #444;
    }
    .google-btn img {
      width: 20px;
      margin-right: 10px;
    }
  }
  @media (max-width: 767.98px) {
    .login-container {
      width: 70%;
    }
  }
}