/*--------------------------------------------------------------
# Template Styles
--------------------------------------------------------------*/

.class {
	
}



.tabs-block .h3-tabs {
	text-transform: capitalize; 
	font-size: 1.7rem; 
	font-weight: 400;
}

.tabs-block .nav.nav-tabs#myTab {
	flex-wrap: nowrap
}

.tabs-block button.nav-link {
	min-width: 0px;
}



@media (min-width: 768px) {
	.tabs-block .h3-tabs {
	text-transform: capitalize; 
	font-size: 2rem; 
	font-weight: 400;
}

.tabs-block .nav.nav-tabs#myTab {
	flex-wrap: nowrap
}

.tabs-block button.nav-link {
	min-width: 175px;
}

}



.tabs-block  .nav-tabs .nav-item.show .nav-link, .tabs-block .nav-tabs .nav-link.active {
    color: var(--bh-color-1);
    background-color: var(--bh-color-9);
    border-color: var(--bh-color-4) var(--bh-color-4) var(--bh-color-9);
	
}


.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	 background-color: var(--bh-color-4);
    color: var(--bh-color-9);
    border: solid 1px var(--bh-color-3) !important;
	border-color: var(--bh-color-4) var(--bh-color-4) var(--bh-color-9) !important;
	border-right: 3px solid var(--bh-color-4) !important;
    
}


.tabs-block .a.button:hover, .bkg-white button:hover {
    background-color: var(--bh-color-9);
	border: 1px solid transparent !important;
    border-color: var(--bh-color-3) var(--bh-color-3) var(--bh-color-9) !important;
}



 .tabs-block .nav-tabs .nav-item.show .nav-link, .tabs-block .nav-tabs .nav-link.active {
    color: var(--bh-color-1);
    background-color: var(--bh-color-9);
    border-color: var(--bh-color-4) var(--bh-color-4) var(--bh-color-9) !important;
    border-right: 3px solid var(--bh-color-4) !important;
}


 .gap-50px {
        gap: 50px;
    }