.card-collapse{

.card{
    margin-bottom: 0px;
    background: $transparent-bg;
    box-shadow: none;

    .card-header{
        position: relative;
        padding: 1rem 0.75rem;

        a[data-toggle="collapse"]{
            display: block;
            color: rgba($white,0.6);

            i{
                float: right;
                position: relative;
                color: $primary;
                top: 1px;
                @extend .animation-transition-general;
            }
        }

        &:after{
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: rgba($white,0.1);

        }

    }

    .card-body{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        color: rgba($white,0.5);
    }

    &:last-child{
      .card-header:after{
        content: none;
      }
    }
}

}