.tabs-2-accordion .nav-tabs { display: none; }

@media(min-width:768px) {
    .tabs-2-accordion .nav-tabs { display: flex; }
    .tabs-2-accordion .card { border: none; }
    .tabs-2-accordion .card .card-header { display: none; }  
    .tabs-2-accordion .card .collapse { display: block; }
}

@media(max-width:767px){
    .tabs-2-accordion .tab-content > .tab-pane { display: block !important; opacity: 1; }
    .tabs-2-accordion .tab-content.accordion { border-top: 1px solid #dee2e6 !important; }
}

.tabs-2-accordion a[data-toggle='collapse'] { position: relative; display: block; transition: background ease 0.3s; cursor: pointer; user-select: none; text-decoration: none; }
.tabs-2-accordion a[data-toggle='collapse']:before { position: absolute; right: 0; top: 50%; -moz-transform: translate(0, -50%); transform: translate(0, -50%); font-family: Fontawesome; font-size: 1.2rem; }

.tabs-2-accordion a[data-toggle='collapse'].left-icon { padding-left: 1.5rem !important; }
.tabs-2-accordion a[data-toggle='collapse'].left-icon:before,
.tabs-2-accordion a[data-toggle='collapse'].left-icon.collapsed:before { left: 0; }

.tabs-2-accordion a[data-toggle='collapse'].angle-icon:before { content: "\f106"; }
.tabs-2-accordion a[data-toggle='collapse'].angle-icon.collapsed:before { content: "\f107"; }

.tabs-2-accordion a[data-toggle='collapse'].plus-icon:before { content: "\f068"; font-size: 0.8rem; }
.tabs-2-accordion a[data-toggle='collapse'].plus-icon.collapsed:before { content: "\f067"; font-size: 0.8rem; }

.tabs-2-accordion a[data-toggle='collapse']:hover { opacity: 0.8; }
.tabs-2-accordion a[data-toggle='collapse'].collapsed { margin-bottom: -1px; }