.c-contact-form__grid {
  gap: 32px 0;
}
.c-contact-form__aside {
  max-width: 228px;
}
.c-contact-form__logo {
  width: 85px;
}
.c-form {
  padding: 20px;
  border-radius: 20px;
  background: rgba(242, 238, 233, 0.19);
}
.c-form .grid-flex {
  gap: 24px 0;
}
.c-form__input {
  position: relative;
}
.c-form__input input,
.c-form__input select,
.c-form__input textarea {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: var(--font-regular);
  color: #d9d9d9;
  border-bottom: 1px solid;
}
.c-form__input textarea {
  height: 140px;
  padding-top: 16px;
}
.c-form__input select {
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjRjJFRUU5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtMTIgNi00IDQtNC00Ii8+PC9zdmc+);
  background-position: right center;
  background-size: 16px;
}
.c-form__input label {
  line-height: 48px;
  user-select: none;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s transform;
  cursor: text;
}
.c-form__input textarea.active + label,
.c-form__input textarea:focus + label {
  transform: translateY(-24px);
}
.c-form__input input.active + label,
.c-form__input input:focus + label {
  transform: translateY(-24px);
}
.c-form__input input[type="file"] {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.c-form__input input[type="file"] + label {
  cursor: pointer;
  display: block;
  width: 100%;
  position: static;
  border-bottom: 1px solid;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlPSIjRjJFRUU5Ij48Y2lyY2xlIGN4PSI4IiBjeT0iOC41IiByPSI3LjUiLz48cGF0aCBkPSJNOC4wNTEgMy4zNDJ2MTBNMTMgOC4zODhIMyIvPjwvZz48L3N2Zz4=);
  background-position: right center;
  background-size: 16px;
}
.c-form__input input[type="file"].active + label,
.c-form__input input[type="file"]:focus + label {
  transform: none;
}
.c-form__input input[type="file"].active + label {
  text-indent: -999999px;
  background-image: none;
  position: relative;
}
.c-form__input input[type="file"].active + label::after {
  content: attr(data-filename);
  position: absolute;
  inset: -48px 0 0;
  text-indent: 999999px;
}
.c-form-checkbox {
  font-size: 12px;
  line-height: 150%;
}
.c-form-checkbox > div {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.c-form-checkbox label {
  cursor: pointer;
  flex: 0 0 auto;
  border: 1px solid var(--x-beige2);
  background-color: var(--x-white);
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}
.c-form-checkbox input {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
}
.c-form-checkbox input:checked + div label {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJtMiA3LjUgNCA0TDEzLjUgNCIvPjwvc3ZnPg==);
  background-position: center;
  background-size: 14px;
}
.hide_in_mobile {
  @media screen and (max-width: 768px) {
    display: none;
  }
}
.input-error {
  font-size: 12px;
  line-height: 150%;
  color: var(--x-red);
}