.hr-form .hr-form-group {
    margin-bottom: 1.2rem;
}

.hr-form .form-control {
    padding: .675rem .95rem;
    color: var(--color-2);
    font-size: 0.975rem;
    border-radius: 0;
}

.hr-form .form-control:focus {
    box-shadow: none;
    border-color: var(--color-4);
}

.hr-form .form-control::placeholder {
    color: var(--color-1);
}

.hr-form .hr-fill {
    background: var(--border-03);
}

.hr-form .hr-error {
    margin-top: 5px;
    color: red;
    font-size: 0.875rem;
}

.hr-form .hr-btn {
    border: none;
}

/*New css*/

.consultation-contact {
  background: var(--color-3);
}
.consultation-contact-left h2 {
  color: #fff;
  font-size: 38px;
}
.consultation-contact-left p {
  color: #fff;
  font-weight: 300;
  font-size: 17px;
  max-width: 610px;
}
.consultation-contact-left {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.hr-form-group label {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 4px;
}
.submit-btn {
    background: #fff;
    color: var(--color-3);
    font-weight: 500;
    padding: 20px 30px;
}
.hr-form p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}
.hr-form .hr-form-group select {
    color: #9a9696;
    opacity: 1;
    z-index: 99;
    font-weight: 300;
    font-size: 15px;
}

@media(max-width:991px){
    .consultation-contact-left {
    row-gap: 30px;
}
}
@media(max-width:576px){
    .consultation-contact-left h2 {
    font-size: 20px;
}
.consultation-contact-left {
    row-gap: 10px;
}
.consultation-contact-left p {
    font-size: 15px;
}
}