.main-content-wrapper {
  padding: 90px var(--padding-page) 50px var(--padding-page);
  display: flex;
  flex-direction: row;
  gap: 140px;
}
.contact-form {
  width: 50vw;
  display: flex;
  flex-direction: column;
}

.form-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 35px;
}

label {
  font-size: 24px;
  line-height: 24px;
}

.contact-form input {
width: 100%;
background-color: transparent;
font-size: 24px;
line-height: 24px;
padding: 12px 20px;
border-radius: 10px;
color: var(--color-text-main);
border: 1px solid var(--color-borders);
}

.contact-form textarea {
  width: 100%;
  background-color: transparent;
  border-radius: 10px;
  color: var(--color-text-main);
  font-size: 24px;
  line-height: 24px;
  padding: 12px 20px;
  border: 1px solid var(--color-borders);
}

.js-form-type-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  color: var(--color-text-main);
}

.form-checkbox {
  width: fit-content!important;
}

.option {
  font-size: 16px;
  line-height: 16px;
}

#edit-preview {
  display: none;
}

#edit-actions {
  align-self: flex-end;
}

#edit-submit {
  width: fit-content;
  background: transparent;
  font-size: 18px;
  line-height: 18px;
  border: 1px solid var(--color-borders);
  color: var(--color-text-main);
  border-radius: 45px;
  padding: 20px 30px;
}

.contact-socials-heading {
  margin-bottom: 35px;
  color: var(--color-text-highlight--1);
}

.contact-social-list-items{
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-social-links-list-item {
   display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}

.contact-social-link-text {
  color: var(--color-text-main);
  font-size: 20px;
  line-height: 20px;
}

.contact-social-link-icon-wrapper {
  width: 28px;
  height: 28px;
}

.social-icon {
  width: 100%;
  filter: var(--filter-contact-social-icon);
}

@media only screen and (max-width: 769px) {
  .main-content-wrapper {
      padding: 40px var(--padding-page) 30px var(--padding-page);
      flex-direction: column;
      gap: 30px;
  }
  .contact-form {
      width: 100%;
      order: 1;
  }
  .form-item {
    gap: 8px;
    margin-bottom: 20px;
  }

  label, .contact-form input, .contact-form textarea {
    font-size: 18px;
    line-height: 22px;
  }

  #edit-submit {
      font-size: 16px;
      line-height: 16px;
  }
  .contact-social-list-items {
      flex-direction: row;
      flex-wrap: wrap;
  }
}