.accordion .card > div.collapsing, .accordion .card > div.collapse.show {
    border-top : 1px solid #EAEAEA;
}

button.btn-link:active, button.btn-link:focus {
    outline    : none;
    box-shadow : none;
}

.accordion .card .btn-link {
    font-family     : "BrandonText-Regular", "Helvetica", sans-serif;
    text-decoration : none;
    text-transform  : none;
    border          : none;
}

.accordion .card .card-header.active .btn-link {
    font-family     : "BrandonText-Bold", "Helvetica", sans-serif;
    text-decoration : none;
    text-transform  : none;
}

.accordion .card .card-header {
    padding : 13px 20px;
}

.accordion .card {
    border : 1px solid #E5E5E5!important;
}

.accordion .card .btn-link.collapsed i {
    transition : all 0.25s ease-in-out;
    right      : 0;
    top        : 50%;
    transform  : translateY(-50%) rotate(0);
}

.accordion .card .btn-link i {
    transition : all 0.25s ease-in-out;
    right      : 0;
    top        : 50%;
    transform  : translateY(-50%) rotate(180deg);
}

.accordion .card-body {
    color : #1E1E1E;
}

.card-header.active i {
    transition : all 0.25s ease-in-out;
    right      : 0;
    top        : 50%;
    transform  : translateY(-50%) rotate(180deg) !important;
}

.accordion > .card {
    overflow      : hidden;
    border-radius : 0.25rem !important;
}

.accordion > .card > .card-header {
    border-radius : 0;
    margin-bottom : -1px;
}

.accordion > .card > .card-header.active {
    border-radius : 0;
    margin-bottom : auto;
}

@media (max-width : 767px) {
    .accordion .card .btn-link i {
        right : 0;
    }

    .accordion .card .btn-link.collapsed i {
        right : 0;
    }

    .accordion .card .card-header {
        padding : 13px 8px 13px 10px;
    }
}