@import '../helpers/helpers';
@import '../components/download-buttons';

.page_tradePro-thankyou-act {
  main {
    .container {
      &:not(:last-of-type) {
        padding-bottom: 0;
      }

      &:nth-of-type(2) {
        padding-top: 0;
      }

      .top-part {
        border-top: 1px solid $gray;
        padding: 30px 0;
        text-align: center;

        @include media-breakpoint-up(xl) {
          display: none;
        }

        .button-open {
          padding-top: 15px;
        }
      }

      .bottom-part {
        border-top: 1px solid $gray;
        padding-top: 30px;
        text-align: center;
      }

      @include media-breakpoint-down(sm) {
        &:not(:first-of-type) {
          padding-top: 20px;
        }
      }

      @include media-breakpoint-up(md) {
        width: 50%;
        margin: 0 auto;

        &:last-of-type {
          padding: 0;
          text-align: center;
        }

        .top-part {
          padding: 30px 0;

          .button-open {
            padding-top: 15px;
          }
        }

        .bottom-part {
          padding: 30px 0;
        }
      }

      .btn {
        width: 160px;
      }

      @include media-breakpoint-only(md) {
        width: 75%;
        margin: 0 auto;
      }
    }

    .page-header {
      &__title,
      &__info {
        text-transform: none;
        text-align: center;
      }

      &__info {
        margin: 15px 0;
      }
    }
  }
}