.full-height {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 15px;
}

//login signup form
.login-signup-form {
  .form-group {
    position: relative;
    label {
      font-size: 14px;
      font-weight: $font-weight-medium;
      font-family: $headings-font-family;
      margin-bottom: 0;
    }
    .input-group {
      .input-icon {
        position: absolute;
        z-index: 4;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        span {
          padding: 17px;
          position: absolute;
          color: $gray-500;
        }
      }
      .textarea-icon {
        span {
          padding: 11px 16px;
        }
      }
      input{
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
      }
      .form-control {
        text-indent: 32px;
        &:focus {
          outline: none;
          border-color: $gray-300;
          z-index: 0;
        }
        &:not(:first-child) {
          border-radius: 4px;
        }
      }
    }
  }
}

//or login signup option
.other-login-signup{
  text-align: center;
  overflow: hidden;
  .or-login-signup{
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 0 25px;
    z-index: 1;
    &:before{
      display: inline-block;
      content: "";
      height: 1px;
      width: 100%;
      background-color: $gray-100;
      left: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      z-index: 1;
    }
    &:after{
      display: inline-block;
      content: "";
      height: 1px;
      width: 100%;
      background-color: $gray-100;
      right: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      z-index: 1;
    }
  }
}




@media (min-width: 320px) and (max-width: 575px){
  .login-signup-wrap.p-5{
    padding: 1.5rem !important;
  }
  .social-login-signup{
    li{
      a.btn{
        margin-bottom: 5px;
      }
    }
  }
}