/* fonts */
.contact-form-container h3 {
  color: white;
}
.contact-form-container h6 {
  font-family: "Raleway", sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: white;
  margin: 0;
  margin-bottom: 10px;
}
.contact-form-container p,
.contact-form-container a {
  font-family: "Raleway", sans-serif;
  color: white;
}
/* contact form */
.contact-form-container {
  display: grid;
  justify-items: center;

  min-height: 70vh;
  padding: 100px 30% 100px 30%;
}
.section-img {
  width: 100%;
}
.jcard {
  background-color: #0d0d0d;
  /* border-radius: 0 25px 25px 0; */
  border-radius: 25px;
  /* max-width: 500px; */
  width: 100%;
  padding: 60px 10%;
}
.form-grid {
  margin-top: 20px;
}

/* form btn container */
.form-btn-container {
  display: flex;
  justify-content: center;
}

/* form labels */
#contact form h6 {
  /* color: white; */
  font-size: 10px;
  margin-bottom: 10px;
}

/* vertical gap between inputs */
.form-group {
  margin-bottom: 1.2rem;
}

/* contact from title */
.form-title {
  display: grid;
  justify-items: center;
}
.form-title .jbtn-icon {
  margin-bottom: 20px;
  cursor: unset;
}

/* form privacy (deprecated?) */
#form-privacy {
  font-size: 14px;
}
#contact #policy {
  display: flex;
}
#contact #policy .custom-control-label,
#policy span {
  /* font-family: Metropolis; */
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 0.5rem;
}

/* custom select color */
#contact .input-select {
  background-color: #0d0d0d;
}

/* util */
.show-m {
  display: none;
}

/* success/error message */

#error_message,
#error_message_2,
#success_message,
#success_message_2 {
  padding: 30px;
}


@media (max-width: 700px) {

/* contact form */
.contact-form-container {
  padding: 100px 15% 100px 15%;
}
}
@media (max-width: 450px) {
/* contact form */
.contact-form-container {
  padding: 100px 30px 100px 30px;
}
}
@media (max-width: 365px) {
/* contact form */
.contact-form-container {
  padding: 100px 15px 100px 15px;
}
}