.responsive-tabs .responsive-tabs__panel,
.responsive-tabs__list
{
    background: var(--blue-light) !important;
}

.responsive-tabs .responsive-tabs__panel {
    padding: 1rem !important;
}

.responsive-tabs__list {
    display: flex;
    justify-content: center;
    padding: 2rem !important;
}

.responsive-tabs ul.responsive-tabs__list {
    margin-left: 0 !important;
}

.responsive-tabs .responsive-tabs__heading:focus,
.responsive-tabs .responsive-tabs__list__item:focus {
	outline: none !important;
}

.responsive-tabs .responsive-tabs__list__item {
    color: var(--purple-dark) !important;
    border: none !important;
    border-bottom: 2px solid var(--purple-dark) !important;
    margin-right: 1.25rem !important;
}

.responsive-tabs .responsive-tabs__list__item:hover {
    color: var(--orange) !important;
	border-bottom: 2px solid var(--orange) !important;
}

.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
	border-bottom: 2px solid var(--orange) !important;
    background: none !important;
    color: var(--orange) !important;
}

.responsive-tabs__list__item.responsive-tabs__list__item--active {
    font-weight: bold;
}

.tabtitle.responsive-tabs__heading {
    font-weight: bold;
    color: var(--purple-dark);
}

.responsive-tabs .responsive-tabs__panel {
    border: none !important;
}

@media screen and (max-width: 767px) {
    .tabtitle.responsive-tabs__heading {
        color: var(--purple-dark) !important;
        font-weight: bold !important;
    }

    .responsive-tabs .responsive-tabs__heading--active, 
    .responsive-tabs .responsive-tabs__heading--active:hover {
        color: var(--orange) !important;
        font-weight: bold !important;
        background: var(--purple-dark) !important;
    }
    .responsive-tabs .responsive-tabs__heading--active {
        color: var(--orange) !important;
        font-weight: bold !important;
        background: var(--purple-dark) !important;
    }
}