/* Contact-us page conntent styles */

.page-content .contact-us {
  padding: 5rem 0 2.5rem;
  margin-top: 10rem;
}

.page-content .contact-us-form > .heading {
  font-size: 2.25rem;
}

.page-content .contact-us-form > .description {
  font-size: 1.2rem;
}

.page-content .contact-us-form .form-label,
.page-content .contact-us-form .form-control {
  font-size: 1.125rem;
}

.page-content .contact-us-form .form-control:not(textarea) {
  height: 3rem;
}

.page-content .contact-us-form .form-control {
  background-color: #f3f4f6;
  color: #6c737f;
  border-color: transparent;
}

.page-content .contact-us-form .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgb(144 127 47 / 26%);
  border-color: var(--primary-color);
}

.page-content .contact-us-form .form-group .input.required svg {
  width: 0.75rem;
  height: 1.25rem;
}

.page-content .contact-us-form .form-group .indication {
  font-size: 0.9rem;
  color: #64748b;
}

.page-content .contact-us-form form .submit {
  background-color: var(--primary-color);
  color: #eef2f0;
}

.page-content .contact-us-info {
  padding: 2.5rem;
  border: 1px solid var(--Border-border-background-neutral, #d2d6db);
}

.page-content .contact-us-info .part a {
  text-decoration: none;
  color: black;
}

.page-content .contact-us-info .part a:hover .data {
  color: var(--primary-color);
}

@media screen and (max-width: 767px) {
  .page-content .contact-us-form .form-group .input {
    width: 100% !important;
  }
}