.contact-form {
  &__row {
    margin-bottom: 20px;
    display: flex;
  }

  &__input-control {
    position: relative;
    flex: 2 1 0;

    &:not(:last-child) {
      margin-right: 20px;
    }

    &:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 20%;
      background: var(--color-4);
      transition: all 0.2s;
    }

    &:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      height: 1px;
      width: 80%;
      background: var(--color-4);
      transition: all 0.2s;
    }

    label {
      position: absolute;
      top: 10px;
      left: 15px;
      font-size: 16px;
      font-weight: 500;
      line-height: 150%;
      color: var(--color-4);
      z-index: -1;
      transition: all 0.2s;
    }

    input,
    textarea {
      padding: 10px 15px;
      border: 1px solid var(--color-4);
      border-top: none;
      font-size: 16px;
      font-weight: 500;
      line-height: 150%;
      color: var(--color-4);
      background: transparent;
      z-index: 1;
      position: relative;
      transition: all 0.2s;
      width: 100%;

      &:focus-visible {
        outline: none;
      }

      &:-webkit-autofill,
      &:-webkit-autofill:hover,
      &:-webkit-autofill:focus,
      &:-webkit-autofill:active {
        -webkit-transition-delay: 9999s;
      }
    }

    textarea {
      height: 160px;
    }

    &--activated {
      &:before {
        width: 10px;
        background: var(--color-6);
        transition: all 0.2s;
      }

      &:after {
        width: 50%;
        background: var(--color-6);
        transition: all 0.2s;
      }

      label {
        top: -7px;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        color: var(--color-6);
        z-index: 1;
        transition: all 0.2s;
      }

      input,
      textarea {
        border-color: var(--color-6);
        transition: all 0.2s;
      }
    }
  }

  &__input-error {
    position: absolute;
    bottom: -20px;
    height: 20px;
    color: var(--color-error);
  }
}

//CF7 fixes start

.wpcf7-form {
  label {
    z-index: 1;
  }

  br {
    display: none;
  }
}

//CF7 fixes end