/*=================
  FORM INFO
=================*/

.form-info {
  padding: var(--space-7) 0px;
}

.form-info > .container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-content: space-between;
  gap: var(--space-3);
}


.form-info .info {
  grid-column: 8 / -1;
}
.form-info .info h3 {
  padding-left: var(--space-1);
  border-left: 4px solid var(--color-p);
  margin-bottom: var(--space-5);
}

.form-info .info h3 {
  padding-left: var(--space-1);
  border-left: 4px solid var(--color-p);
  margin-bottom: var(--space-5);
}
.form-info .info .contact-info {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}
.form-info .info .contact-info span {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}
.form-info .info .contact-info strong {
  display: block;
}
.form-info .info .contact-info strong:not(:last-of-type),
.form-info .info .contact-info span:not(:last-of-type) {
  margin-bottom: var(--space-3);
}

.form-info .info .bottom-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-4);
}

.form-info .info .socials span {
  display: block;
  text-transform: uppercase;
  margin-bottom: var(--space-3);
}
.form-info .info .socials .icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}
.form-info .info .socials .icons img {
  width: 28px;
  height: 28px;
  transition: .15s;
}
.form-info .info .socials .icons img:hover {
  scale: 1.1;
}
.form-info .info .sidebox {
  max-width: 260px;
  background: var(--color-p-10);
  padding: var(--space-3) var(--space-4);
}
.form-info .info .sidebox h5 {
  max-width: fit-content;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  margin: 0px auto var(--space-1);
}
.form-info .info .sidebox strong {
  display: block;
  max-width: fit-content;
  margin: 0px auto;
  text-align: center;
}




.form-info .form {
  grid-column: span 6;
}
.form-info .form label {
  display: none !important;
}
.form-info .form input,
.form-info .form select,
.form-info .form textarea {
  font-family: var(--font-copy-family) !important;
  font-size: var(--font-copy-size) !important;
  font-weight: var(--font-copy-weight) !important;
  font-style: var(--font-copy-style) !important;
  text-transform: var(--font-copy-transform) !important;
  line-height: var(--font-copy-height) !important;
  letter-spacing: var(--font-copy-letter) !important;
  word-spacing: var(--font-copy-word) !important;
  padding: var(--space-3) var(--space-4) !important;
  border: 2px solid var(--color-p) !important;
}
.form-info .form textarea {
  height: 162px !important;
}
.form-info .form select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A") 98% 25px no-repeat !important;
}
.form-info .form input::placeholder,
.form-info .form select::placeholder,
.form-info .form textarea::placeholder {
  color: var(--color-t-20) !important;
}
.form-info .form input[type="submit"] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: fit-content !important;
  font-family: 'Assistant', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  text-wrap: nowrap !important;
  line-height: 133% !important;
  letter-spacing: 0px !important;
  word-spacing: 0px !important;
  color: var(--color-s) !important;
  background: var(--color-p) !important;
  padding: 22px 34px !important;
  margin: 0px auto 0px 0px !important;
  transition: .15s !important;
}
.form-info .form input[type="submit"]:hover {
  background: var(--color-p-80) !important;
}


@media (prefers-color-scheme: dark) {
  .form-info .info .sidebox {
    background: var(--color-s);
  }
  .form-info .form select {
    background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") 98% 25px no-repeat !important;
  }
}

@media only screen and (max-width: 992px) {
  .form-info {
    padding: var(--space-6) 0px;
  }
}

@media only screen and (max-width: 768px) {
  .form-info > .container {
    row-gap: var(--space-6);
  }
  .form-info .form {
    order: 2;
  }
  .form-info .info, .form-info .form {
    grid-column: span 12;
  }
  .form-info .form input[type="submit"] {
    font-size: 16px !important;
  }
  .form-info .form input,
  .form-info .form select,
  .form-info .form textarea {
    border: 1px solid var(--color-p) !important;
  }
  .form-info .form select {
    background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='black' stroke-width='1'/%3E%3C/svg%3E%0A") 98% 20px no-repeat !important;
  }
  @media (prefers-color-scheme: dark) {
    .form-info .form select {
      background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='white' stroke-width='1'/%3E%3C/svg%3E%0A") 98% 20px no-repeat !important;
    }
  }
}