.ff-message-success,
.ff-errors-in-stack {
  max-width: 460px;
  margin: 0 auto;
  text-align: center;
  margin-top: 2rem;
}

form .form-box {
  margin: 1.2em;
}
form .form-box button {
  width: 100%;
}
form .ff-el-input--content {
  position: relative;
  padding: 1px;
  border-radius: 2em;
}
form .ff-el-input--content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-conic-gradient(from 120deg, #333333, #333333, #44f797, #333333, #333333, #44f797, #333333);
  border-radius: 24px;
}
form .ff-el-input--content .error {
  position: absolute;
  bottom: -1rem;
  left: 1rem;
}
form label {
  display: block;
  margin-bottom: 0.5em;
  font-family: var(--font-medium);
  color: rgba(var(--color-white), 0.8);
  font-size: 0.9em;
}
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=url],
form input[type=search],
form input[type=number],
form textarea,
form select {
  display: flex;
  position: relative;
  z-index: 1;
  background: rgb(20, 20, 20);
  box-shadow: 0px 0px 16px 0px rgba(var(--color-white), 0.1) inset;
  font-family: var(--font-regular);
  font-size: 1em;
  line-height: 1.5;
  color: rgba(var(--color-white), 0.9);
  padding: 1em 1.5em;
  border-radius: 24px;
  width: 100%;
  border: 1px solid rgba(var(--color-white), 0.2);
  box-sizing: border-box;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=url]:focus,
form input[type=search]:focus,
form input[type=number]:focus,
form textarea:focus,
form select:focus {
  outline: none;
  border-color: rgba(var(--color-primary), 1);
  box-shadow: 0 0 0 2px rgba(var(--color-primary), 0.3);
}
form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form input[type=url]::-moz-placeholder, form input[type=search]::-moz-placeholder, form input[type=number]::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder {
  color: rgba(var(--color-white), 0.8);
  font-size: 14px;
  opacity: 1;
}
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form input[type=password]::placeholder,
form input[type=tel]::placeholder,
form input[type=url]::placeholder,
form input[type=search]::placeholder,
form input[type=number]::placeholder,
form textarea::placeholder,
form select::placeholder {
  color: rgba(var(--color-white), 0.8);
  font-size: 14px;
  opacity: 1;
}
form input[type=text]:disabled,
form input[type=email]:disabled,
form input[type=password]:disabled,
form input[type=tel]:disabled,
form input[type=url]:disabled,
form input[type=search]:disabled,
form input[type=number]:disabled,
form textarea:disabled,
form select:disabled {
  background-color: rgba(var(--color-white), 0.02);
  color: rgba(var(--color-grey), 0.5);
  cursor: not-allowed;
  border-color: rgba(var(--color-white), 0.1);
}
form textarea {
  min-height: 120px;
  resize: vertical;
}
form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255,255,255,0.7)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 0.8em;
  padding-right: 2.5em;
}
form select::-ms-expand {
  display: none;
}
form [type=checkbox],
form [type=radio] {
  margin-right: 0.5em;
  vertical-align: middle;
}
form button,
form input[type=submit],
form input[type=button],
form input[type=reset] {
  padding: 0.75em 1.5em;
  font-family: var(--font-bold);
  font-size: 1em;
  color: rgba(var(--color-black), 0.9);
  background-color: rgba(var(--color-primary), 1);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, transform 0.1s ease;
  width: 100%;
}
form button:hover, form button:focus,
form input[type=submit]:hover,
form input[type=submit]:focus,
form input[type=button]:hover,
form input[type=button]:focus,
form input[type=reset]:hover,
form input[type=reset]:focus {
  filter: brightness(90%);
  outline: none;
}
form button:active,
form input[type=submit]:active,
form input[type=button]:active,
form input[type=reset]:active {
  transform: translateY(1px);
}
form button:disabled,
form input[type=submit]:disabled,
form input[type=button]:disabled,
form input[type=reset]:disabled {
  background-color: rgba(var(--color-grey), 0.3);
  color: rgba(var(--color-black), 0.5);
  cursor: not-allowed;
}

@media (min-width: 768px) {
  form .field-group {
    display: flex;
    gap: 20px;
    margin: 1.2em;
  }
  form .field-group .form-field {
    margin: 0;
  }
}
.contacts-hero {
  padding-top: 100px;
}
.contacts-hero .color-grey {
  color: rgb(var(--color-grey));
}
.contacts-hero .contacts-hero-info {
  position: relative;
}
.contacts-hero .contacts-hero-info form {
  margin: 2rem 0 3rem;
}
.contacts-hero .contacts-hero-info h2 {
  position: relative;
  padding-top: 4rem;
}
.contacts-hero .contacts-hero-info h2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #111215;
  background: linear-gradient(90deg, rgba(17, 18, 21, 0) 0%, rgba(76, 255, 169, 0.8) 30%, rgb(76, 255, 169) 50%, rgba(76, 255, 169, 0.8) 70%, rgba(17, 18, 21, 0) 100%);
}
.contacts-hero .contacts-hero-info > p {
  margin-top: 2rem;
}
.contacts-hero .contacts-hero-info .ico-email {
  display: flex;
  align-items: center;
  font-size: 2rem;
  margin-top: 2rem;
  color: rgb(var(--color-white));
}
.contacts-hero .contacts-hero-info .ico-email::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M3 10.5L15.2474 19.0732C16.2391 19.7674 16.735 20.1145 17.2744 20.249C17.7508 20.3677 18.2492 20.3677 18.7256 20.249C19.265 20.1145 19.7609 19.7674 20.7526 19.0732L33 10.5M10.2 30H25.8C28.3202 30 29.5804 30 30.543 29.5095C31.3897 29.0781 32.0781 28.3897 32.5095 27.543C33 26.5804 33 25.3202 33 22.8V13.2C33 10.6798 33 9.41965 32.5095 8.45704C32.0781 7.61031 31.3897 6.9219 30.543 6.49047C29.5804 6 28.3202 6 25.8 6H10.2C7.67976 6 6.41965 6 5.45704 6.49047C4.61031 6.9219 3.9219 7.61031 3.49047 8.45704C3 9.41965 3 10.6798 3 13.2V22.8C3 25.3202 3 26.5804 3.49047 27.543C3.9219 28.3897 4.61031 29.0781 5.45704 29.5095C6.41965 30 7.67976 30 10.2 30Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-right: 0.5rem;
  padding-top: 5px;
}
.contacts-hero .contacts-hero-info .soc-box {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
.contacts-hero .contacts-hero-info .footer-box {
  color: rgb(var(--color-grey));
  margin-top: 3rem;
  padding: 1rem;
  text-align: center;
}
.contacts-hero .contacts-hero-info .footer-box .button {
  margin-top: 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .contacts-hero {
    padding-top: 200px;
  }
  .contacts-hero .contacts-hero-inner {
    display: flex;
    justify-content: space-between;
  }
  .contacts-hero .contacts-hero-info .footer-box {
    text-align: left;
    width: 60%;
  }
  .contacts-hero .contacts-hero-info .footer-box .button {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 2rem;
  }
}/*# sourceMappingURL=contacts.css.map */