.vertical-tabs{
	top: 250px;
}

.vertical-tabs .nav-item {
	width: 100%;
}

.nav-tabs .nav-link {
	text-align: left;
	padding: 15px 15px 15px 30px;
	margin: 3px 0px;
	border-right: 1px solid var(--color-blue-500);
	border-bottom: 1px solid var(--color-blue-500);
	border-radius: 0px var(--bs-border-radius-md) var(--bs-border-radius-md) 0px;
}

.nav-tabs .nav-link{
	color: var(--body--color);
}

.nav-tabs .nav-link i{
	color: var(--color-blue-600);
}
.nav-tabs .nav-link.active i{
	color: var(--color-white);
}

.nav-tabs .nav-link:hover i{
	color: var(--color-white);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: var(--color-white);
	background-color: var(--color-blue-500);
	border-radius: 0px var(--bs-border-radius-md) var(--bs-border-radius-md) 0px;
	border: 1px solid var(--color-blue-500);

}

.nav-tabs .nav-link:hover{
	color: var(--color-white);
	background-color: var(--color-blue-500);
	border-right: 1px solid var(--color-blue-200);
	border-bottom: 1px solid var(--color-blue-200);

}

.tab-content__img{
	margin: 20px 0px;
	max-width: 130px;
}

.tab-content {
	padding-left: 75px;
}

.tab-pane ul{
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 5px;
	border: none!important;
}

h6 p {
	font-size: 24px;!important
	font-weight: 600;
}

@media (max-width: 768px) {

	.horizontal-tabs {
		background-color: var(--bs-body-bg);
		padding: 0.5rem;
		position: sticky;
		top: 117px;
	}

	.nav.nav-tabs {
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
	}

	.nav-item-mobile {
		/*width: 85%;*/
	}

	.nav-text {
		width: 150px;
	}

	p img {
		width: 100%
	}



}

@media (min-width: 768px) {
	.vertical-tabs .nav-tabs {
		flex-direction: column;
	}
	.vertical-tabs .nav-item {
		width: auto;

	}
	.tab-content__item{
		border-bottom: 1px solid #B0B7DD!important;
		border-right: 1px solid #B0B7DD!important;
		border-radius: 0px 8px 8px 0px!important;
	}

	.tab-content__img{
		margin: 0px 0px 20px 0px;
	}
}