.page_contato_contato {
  background-color: #FFF;
}

.page_contato_contato .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  max-width: 991px !important;
}

.left_contato_contato {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 34px;
}

.left_contato_contato h1,
.left_contato_contato h2 {
  color: #000;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  /* 131.25% */
}

.contatos_order {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  max-width: 334px;
}

.contatos_order a,
.contatos_order div {
  display: flex;
  align-items: center;
  gap: 16px;
}

.contatos_order a p,
.contatos_order div p {
  color: #000;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 144.444% */
}

.page_contato_contato .divider {
  height: 513px;
  width: 1px;
  background-color: var(--gray-scale-light-hover, #A3ADBB);
}

.right_contact {
  display: flex;
  width: 351px;
  flex-direction: column;
  align-items: center;
  gap: 23px;
}

.right_contact .order_right_contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.order_right_contact h2 {
  color: var(--GrayScale-Dark, #1D242D);
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  /* 131.25% */
}

.description_right_contact {
  color: #000;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  /* 128.571% */
}

/* Formatação do formulário com CF7 */

.wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.wpcf7-form p {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
  display: flex;
  height: 48px;
  padding: 16px;
  align-items: center;
  border-radius: 10px;
  background: var(--GrayScale-Lighter, #F4F5F5);
  border: none;
  width: 100%;
  max-width: 319px;
  outline: none;

  color: #000;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="email"]::placeholder,
.wpcf7-form textarea::placeholder {
  color: var(--gray-scale-light-hover, #A3ADBB);
}

.wpcf7-form textarea {
  display: flex;
  height: 107px;
  padding: 16px;
  align-items: center;
  border-radius: 10px;
  background: var(--GrayScale-Lighter, #F4F5F5);
  border: none;
  width: 100%;
  max-width: 319px;
  outline: none;

  color: #000;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.wpcf7-form input[type="submit"] {
  display: flex;
  height: 48px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  border-radius: 10px;
  background: var(--Foundation-Red-Normal, #EF4444);
  border: none;

  color: var(--WF-Base-White, #FFF);
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}

@media (max-width: 1024px) {
  .page_contato_contato .container{
    padding: 0 20px;
  }
}

@media (max-width: 728px) {
  .page_contato_contato .divider{
    display: none;
  }

  .page_contato_contato .container{
    justify-content: center;
    gap: 30px;
  }

  .left_contato_contato{
    border-bottom: 1px solid #A3ADBB;
    padding-bottom: 30px;
  }
}
/* Rótulos do formulário de contato (Contact Form 7) */
.page_contato_contato .wpcf7 label {
    display: block;
    margin: 0 0 6px;
    color: #1D242D;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}