.service-package-sidebar {
  padding: 24px;
  ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
  .package-top {
    @include d-flex();
    @include flex-column();
    @include align-items-center();
    background: rgba(255, 215, 94, 0.3);
    margin: -24px -24px 0 -24px;
    padding: 24px;
    border-radius: 16px 16px 0 0;
    span {
      font-size: 18px;
      font-weight: 500;
    }
    .price {
      font-size: 46px;
      font-weight: 600;
      color: $accent_color;
    }
  }
  .content {
    padding-top: 24px;
    li {
      @include d-flex();
      @include align-items-center();
      font-weight: 500;
      span:last-child {
        margin-left: auto;
        font-weight: 600;
        color: $primary_color;
      }
      + li {
        margin-top: 16px;
      }
    }
    svg {
      margin-right: 8px;
    }
  }
  .service-location {
    span + span:before {
      content: ', ';
    }
  }
  .package-bottom{
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid $border-color;
    h4{
      font-size: 16px;
      margin-bottom: 20px;
    }
  }
  .package-total{
    padding-top: 24px;
    margin-top: 18px;
    border-top: 1px solid $border-color;
    @include d-flex();
    @include justify-content-between();
    span{
      font-size: 18px;
      font-weight: 500;
    }
    .price{
      color: $primary_color;
      font-weight: 600;
    }
  }
  .package-addons {
    max-height: 175px;
    overflow: auto;
    li {
      @include d-flex();
      .input-control {
        min-width: 15px;
        margin-right: 8px !important;
      }
      + li{
        margin-top: 16px;
      }
      label {
        @include d-flex();
        @include justify-content-between();
        width: 100%;
        margin-top: -5px;
      }
    }
    .addons-left{
      line-height: 1.5;
    }
    .title{
      font-weight: 500;
      color: $primary_color;
      display: block;
    }
    .price{
      font-weight: 600;
      color: $primary_color;
      margin-left: 15px;
    }
    .content{
      font-size: 14px;
      color: #999;
    }
  }
  #btn-submit-addons{
    .btn-loading {
      display: none;
    }
  }
  .civi-button{
    margin-top: 24px;
  }
  .service_fee{
    font-size: 14px;
    font-weight: 500;
    color: #3AB446;
    margin-top: 16px;
  }
}