.form-card {
  @extend  .card, .p-5, .pt-3, .mb-3, .bg-white;
  border: none;
  max-width: 500px;
  padding: 0px !important;

  .title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.03em;
  }
  .button-group {
    @extend .my-3, .d-flex, .justify-content-between;
    a {
      @extend  .text-theme, .font-weight-bold, .pt-3, .pr-1;
      font-size: 13px !important;
    }
    //button, .btn {
    //  min-width: 100%;
    //}
  }
  .divider {
    @extend .border-dark, .border-top, .my-4;
    border: 1px solid  rgba(30, 30, 30, 0.4) !important;
    position: relative;
    span {
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 27px;
      /* or 135% */
      letter-spacing: 0.03em;
      color: rgba(30, 30, 30, 0.8);

      position: absolute;
      top: -23px;
      right: 46%;
      background: #fff !important;
      color: $default-text-color !important;
      padding: 10px;
      min-width: 50px;
    }
  }
  input[type="checkbox"] {
    float: left;
  }
}

@include media-breakpoint-down(sm) {
  .form-card {
    .button-group {
      display: block !important;
      .btn.medium {
        width: 100% !important;
      }
      a {
        padding-top: 20px !important;
        display: block !important;
        text-align: center !important;
        font-size: 13px !important;
      }
    }
  }
}