.advance-tabs-wrapper {
	position: relative;
	border: 0;
	padding: 29px 20px 29px 20px;
	scroll-margin-top: 550px;
}



.content-tabs__dropdown {
	font-family: var(--primary-font-family-regular);
    color: var(--primary-palette-blue-300);
    padding: 12px 30px;
    border: 3px solid var(--primary-palette-blue) !important;
    box-shadow: 5px 4px 0px 0px rgb(0, 0, 0, 0.16);
    width: 100%;
}

@media only screen and (min-width: 992px) {
	.content-tabs {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 0px 230px;
		border-bottom: 2px solid var(--secondary-palette-cool-grey);
/*		height: 54px;*/
		border-bottom-width: 2px;
		z-index: 9;
	}

	.content-tabs li {
		position: relative;
		background-color: var(--secondary-palette-cool-grey);
		border-bottom: 2px solid var(--secondary-palette-cool-grey);
		height: 54px;
		margin-top: 10px;
	}

	.content-tabs li .nav-link {
		color: var(--secondary-palette-dark-grey);
		font-family: var(--primary-font-family-semi-bold);
		padding: 17px 18px 17px 18px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		background: var(--secondary-palette-cool-grey-100);
		position: relative;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 2px solid var(--secondary-palette-cool-grey);
		border-top: 0;
		border-right: 0;
		border-bottom: 0;
		border-left: none;
		height: 54px;
		transition: none;
	/*	margin: 0;*/
		font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
		line-height: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
	}

	.content-tabs li .nav-link.active {
		color: var(--primary-palette-blue-300);
		background: var(--secondary-palette-white);
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		border-top: 2px solid var(--secondary-palette-cool-grey);
		border-left: 2px solid var(--secondary-palette-cool-grey);
		border-right: 2px solid var(--secondary-palette-cool-grey);
	}

	.content-tabs .nav-item:last-child {
		border-top-right-radius: 16px;
	}

	.content-tabs .nav-item:last-child .nav-link {
		border-top-right-radius: 16px;
	}

	.content-tabs .nav-item:last-child:after {
		display: none;
	}

	.content-tabs .nav-item:first-child {
		border-top-left-radius: 16px;
	}

	.content-tabs .nav-item:first-child:before {
		display: none;
	}

	.content-tabs .nav-item:first-child .nav-link {
		border-top-left-radius: 16px;
		border-left: none;
		left: 0px;
		z-index: 9;
	}

	.content-tabs .nav-item:first-child .nav-link.active {
		border-left: 2px solid var(--secondary-palette-cool-grey);
		border-top-right-radius: 16px;
		border-bottom-left-radius: 0px;
	}

	.content-tabs .prevActive .nav-link {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.content-tabs .item-active {
		background-color: var(--secondary-palette-cool-grey-100);
		border-bottom: none;
	}

	.content-tabs .item-active:before {
		content: "";
		width: 30px;
		height: 54px;
		background: url("../png/inner-tabshape-inverse.png") no-repeat;
		background-size: contain;
		background-position: center;
		display: block;
		position: absolute;
		left: -14px;
		z-index: 99;
		top: 0px;
		background-color: var(--secondary-palette-cool-grey-100);
	}

	.content-tabs .item-active:after {
		content: "";
		width: 30px;
		height: 54px;
		background: url("../png/inner-tabshape.png") no-repeat;
		background-size: contain;
		background-position: center;
		display: block;
		position: absolute;
		right: -16px;
		z-index: 99;
		top: 0px;
		background-color: var(--secondary-palette-cool-grey-100);
	}

	.content-tabs .item-active .nav-link {
		border-top-left-radius: 16px;
		z-index: 9;
		border-bottom-left-radius: 0px;
		left: 0px;
	}

	.content-tabs .nextActive {
		background-color: transparent;
	}

	.content-tabs .nav-item:last-child.item-active:after {
		background-color: transparent;
	}

	.content-tabs.nav-tabs {
		border-bottom: 2px solid var(--secondary-palette-cool-grey);
	}

	.content-tabs.nav-tabs .nav-item {
		background: var(--secondary-palette-cool-grey-100);
	}

	.content-tabs.nav-tabs .nav-link {
		background: var(--secondary-palette-cool-grey-100);
		color: var(--secondary-palette-dark-grey);
	/*	border: 2px solid transparent;*/
	    border-top-left-radius: 15px;
	    border-top-right-radius: 15px;
	    margin-bottom: calc(var(--bs-nav-tabs-border-width)* -1);
	    padding: 10px 20px;
	    font-family: var(--primary-font-family-semi-bold);
	    transition: none;
	    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
	}

	.content-tabs.nav-tabs .nav-item.show .nav-link,
	.content-tabs.nav-tabs .nav-link.active{
		border-color: var(--secondary-palette-cool-grey);
		border-bottom: 2px solid white;
		color: var(--primary-palette-blue-300);
		background: white;
	}
}
@media only screen and (max-width: 991px) {
	.content-tabs.nav-tabs {
		border: 2px solid var(--secondary-palette-cool-grey);
		margin-top: -15px;
		border-color: var(--secondary-palette-warm-grey-200);
		box-shadow: 0px 8.48px 13.48px 0px #93A5C08F;
		overflow: hidden;
		width: 100%;
	}

	.content-tabs.nav-tabs .nav-item {
		padding:0;
		width: 100%;
	    text-align: start;
		color: var(--secondary-palette-dark-grey);
	}

	.content-tabs.nav-tabs .nav-item.active,
	.content-tabs.nav-tabs .nav-item:hover{
		background-color: var(--secondary-palette-cool-grey-100);
		color: var(--primary-palette-blue-300);
	}

	.content-tabs.nav-tabs .nav-link {
		color: var(--secondary-palette-dark-grey);
		padding:10px 30px;
		width: 100%;
		text-align: start;
	}

	.content-tabs.nav-tabs .nav-link.active {
		border: none;
		background: none;
		color: var(--primary-palette-blue-300);
	}

	.content-tabs .nav-item:has(.nav-link.active) {
		background-color: var(--secondary-palette-cool-grey-100);
		color: var(--primary-palette-blue-300);
	}

	.content-tabs__dropdown--arrow-icon{
		width: 12px;
		margin-left:10px;
	}
}

.content-tabs__dropdown--items{
	border: 2px solid var(--secondary-palette-cool-grey);
	margin-top: -15px;
	border-color: var(--secondary-palette-warm-grey-200);
	box-shadow: 0px 8.48px 13.48px 0px #93A5C08F;
	overflow: hidden;
	width: 100%;
}

.content-tabs__dropdown--items button{
	padding:10px 30px;
	width: 100%;
    text-align: start;
	color: var(--secondary-palette-dark-grey);
}

.content-tabs__dropdown--items button.active, .content-tabs__dropdown--items button:hover{
	background-color: var(--secondary-palette-cool-grey-100);
	color: var(--primary-palette-blue-300);
}

.content-tabs__dropdown--arrow-icon{
	width: 12px;
	margin-left:10px;
}