@import '../helpers/helpers';

.trade-pro-acc {

  @include media-breakpoint-down(sm) {
    padding-left: 0;
    padding-right: 0;
  }

  h1 {
    padding-right: 15px;
    padding-left: 15px;
    text-transform: none;
  }

  .page-header {
    margin-bottom: 40px;

    @include media-breakpoint-down(sm) {
      margin-bottom: 30px;
    }
  }
}

.tradepro-act-wrapper {
  @include make-container;
  @include make-container-max-widths;
  background-color: $gray-bg;
}

.tradepro-act {
  @include make-row;
  justify-content: center;

  &__info + .form-row__action {
    padding-left: 15px;
    margin-bottom: 0;
  }
}

.tradepro-act__content {
  @include make-col-ready;

  @include media-breakpoint-up(md) {
    @include make-col(10);
  }

  @include media-breakpoint-up(lg) {
    @include make-col(6);
  }

  .form-row {
    &__action {
      &_act-btn-wrap {
        margin-top: 0;
        padding-top: 0;

        &::before {
          content: none;
        }
      }
    }

    .form-row__col-btn {
      @include media-breakpoint-only(md) {
        @include make-col(5);
      }
    }
  }
}