.form__wrapper {
  padding: 28px 20px;
  background: #f2f4f4;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 90px;
  margin-bottom: 40px
}

.form__image {
  top: -60px;
  left: 20px;
  position: absolute;
  transform: rotate(-12deg);
  display: block;
  background: #ffffff;
  padding: 12px 24px;
  border-radius: 20px;
  height: 78px;
  box-shadow: 1px -2px 0 4px #dc2f2f
}

.form__content {
  padding-top: 14px;
  padding-bottom: 10px
}

.form__title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 12px;
  color: #dc2f2f
}

.form__text {
  line-height: 1.4
}

.form__wrapper .form,.form__wrapper .form form {
  display: contents
}

.form__inputs,.form__agreement {
  width: 100%
}

.form__agreement {
  color: #999;
  font-size: .8em;
  line-height: calc(1em + 7px);
  margin-top: 16px
}

.form__wrapper form .fill-animate input {
  background: #fff
}

@media (min-width: 992px) {
  .form__content {
    padding-right:12px;
    padding-bottom: 0
  }

  .form__wrapper {
    padding: 28px 40px
  }

  .form__wrapper img {
    left: 30px
  }
}

@media (min-width: 1200px) {
  .form__wrapper .form form {
    display:flex;
    width: 50%;
    align-items: flex-end;
    column-gap: 20px
  }

  .form__wrapper .form__inputs .form-group {
    margin: 0;
  }

  .form__wrapper {
    padding: 28px 60px 40px
  }

  .form__wrapper img {
    left: 48px
  }

  .form__content {
    width: 50%
  }
}

@media (min-width: 768px) {
  .form__wrapper.input-number-2 .form__inputs {
    display: flex;
    flex-wrap: wrap;
  }

  .form__wrapper.input-number-2 .form__inputs>.row {
    width: 100%;
    margin-right: 0
  }
  .form__wrapper.input-number-2.-accept .from__submit-wrapper,
  .form__wrapper.input-number-3.-accept .from__submit-wrapper{
    align-self: flex-start;
    margin-top: 28px;
  }

  .form__wrapper.input-number-2.-accept .form__inputs,
  .form__wrapper.input-number-3.-accept .form__inputs {
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) {
  .form__wrapper.input-number-2 .form__content,.form__wrapper.input-number-2 .form form {
    width:100%
  }

  .form__wrapper.input-number-2 .form form {
    margin-top: 12px
  }
}

.form__wrapper.input-number-3 {
}

@media (min-width: 768px) {
  .form__wrapper.input-number-3 .form__inputs {
    display: flex
  }

  .form__wrapper.input-number-3 .form__inputs>.row {
    width: 100%;
    margin-right: 0
  }
  .form__wrapper.input-number-3.-accept .form__inputs>.row {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .form__wrapper.input-number-3 .form__content, .form__wrapper.input-number-3 .form form {
    width:100%;
  }

  .form__wrapper.input-number-3 .form form {
    margin-top: 12px;
  }
}

.form__wrapper.input-number-4, .form__wrapper.input-number-5 {
}
@media (min-width: 768px) {
  .form__wrapper.input-number-4 .form__inputs,
  .form__wrapper.input-number-5 .form__inputs{
    display: flex;
    flex-wrap: wrap;
  }

  .form__wrapper.input-number-4 .form__inputs>.row,
  .form__wrapper.input-number-5 .form__inputs>.row{
    width: calc(33.3% + 16px - (16px/3));
    margin-right: 0
  }
  .form__wrapper.input-number-4 .form__inputs>.row[data-sid="MESSAGE"],
  .form__wrapper.input-number-5 .form__inputs>.row[data-sid="MESSAGE"]{
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .form__wrapper.input-number-4 .form__content,
  .form__wrapper.input-number-4 .form form,
  .form__wrapper.input-number-5 .form__content,
  .form__wrapper.input-number-5 .form form {
    width:100%;
  }

  .form__wrapper.input-number-4 .form form,
  .form__wrapper.input-number-5 .form form{
    margin-top: 12px;
    flex-wrap: wrap;
  }
  .form__wrapper.input-number-4 .form__inputs .form-group,
  .form__wrapper.input-number-5 .form__inputs .form-group{
    margin-bottom:12px
  }
}

[data-sid="ACCEPT_PC"]{
  width:100% !important;
}