.ip-login {
    position: relative;
    padding: 0 0 60px;
}
.ip-login-container {
    width: 1170px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.ip-login h3 {
	font-size: 24px;
	text-align:center;
	color: var(--primary);
	font-weight: 500;
	margin-bottom: 20px;
}

.ip-login p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 25px;
}

.ip-login form {
  position: relative;
  max-width: 885px;
  margin: 32px auto 0;
}
.ip-login form .gsite-input-fields {
  margin: 0 -12px;
}
.ip-login .gsite-input {
  display: inline-block;
  padding: 12px;
	width: 100%;
}
.ip-login form .gsite-input input, 
.ip-login form .gsite-input textarea {
  height: 50px;
  padding: 0 32px;
  border-radius: 15px;
  border: 1px solid rgba(var(--primary-color), 1);
  font-size: 14px;
  color: #383838;
  letter-spacing: 0.04em;
}
.ip-login form .gsite-input textarea {
  height: 110px;
  padding-top: 25px;
}
.ip-login form .gsite-input-sm {
  width: 50%;
}
.ip-login form .gsite-submit {
  width: 170px;
  margin: 20px auto 0;
}

.ip-login .gsite-button span,
.ip-login a.gsite-button span {
    height: 50px;
}

.forgot-password {
	text-align: center;
	padding: 20px 0 30px;
}
.forgot-password a {
	font-size: 16px;
	color: #383838;
	text-decoration: underline !important;;
}

.existing-users {
	background: #f3f3f3;
	border-radius: 20px;
	padding: 50px;	
	max-width: 785px;
	margin: 50px auto 64px auto;
    font-size: 0;
}

.existing-users form {
	max-width: 456px;
}

.new-users {
	max-width: 665px;
	margin: 0 auto;
    font-size: 0;
}

.new-users .gsite-submit button:not(:hover) {
	background: transparent;
	color: #000;
}

@media only screen and (max-width: 991px) {
    .ip-login form .gsite-input-sm {
        width: 100%;
    }
    .existing-users {
        padding: 50px 15px;
    }
}