#tab {
	background: #136BFB;
}

.webstep-tabs {

}

.webstep-tabs-nav {
	text-align: center;
	background-color: #f4f7f8;
}

.webstep-tabs-nav ul {
	margin: 0;
	padding: 0;
}

.webstep-tabs-nav li {
	display: inline-block;
	margin-right: 30px;
}

.webstep-tabs-nav a {
	display: block;
	padding: 10px 15px;
	font-weight: bold;
	padding-bottom: 0;
	text-decoration: none;
}

/* Active tab */

.webstep-tabs-nav li.active {

}

.webstep-tabs-nav li.active img {
	filter: invert(40%) sepia(86%) saturate(5554%) hue-rotate(212deg) brightness(101%) contrast(97%);
}

.webstep-tabs-nav li.active .tab-name {
	color: #136BFB;
	margin-top: 6px;
	border-bottom: 6px solid #136BFB;
	padding-bottom: 25px;
}

.webstep-tabs-nav li.active a {
	color: inherit;
}
/* Tab content */

.webstep-tabs-content {
	overflow: hidden;
	background: #136BFB;
	color: #fff;
	margin: 0 auto;
}

.webstep-tabs-content img {
	margin-right: 10px;
}

.webstep-tabs-content-container-blue-content {
	max-width: 1610px;
	margin: 0 auto;
	display: block;
	margin-top: 100px;
}

.webstep-tabs-content-heading {
	display: block;
}

.webstep-tabs-content-heading h2 {
	font-weight: 400;
	margin-bottom: 0;
}

.webstep-tabs-content-heading h2:before {
	display: block;
	content: "";
	height: 1px;
	width: 3.33em;
	background-color: #ffffff;
	margin-bottom: 1em;
}

.webstep-tabs-content-content {
	display: block;
	float: right;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 100px;
}

.webstep-tabs-nav li .tab-name {
	color: #2D3333;
	margin-top: 6px;
	border-bottom: 6px solid transparent;
	padding-bottom: 25px;
}


/* *** MOBILE *** */
@media screen and (max-width: 768px) {

	/* Hide desktop navigation tabs */
	.webstep-tabs-nav {
		display: none;
	}

	.webstep-tabs-content {
		margin: 0 auto;
	}

	/* Show mobile navigation */
	.webstep-tabs-content .mobile-tab-name {
		display: flex;
		align-items: center;
		cursor: pointer;
		font-size: 16px;
		font-weight: 600;
		padding: 10px 20px;
		border-bottom: 1px solid #FFF;
	}

	.webstep-tabs-content .mobile-tab-name img {
		width: 100px;
		max-height: 50px;
		filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(50deg) brightness(300%) contrast(101%);
	}

	/* Hide all content for mobile */
	.webstep-tabs-content .webstep-tabs-content-container {
		padding: 20px 10px;
		display: none;
		background: #F4F7F8;
		color: #000000;
	}

	.webstep-tabs-content-content {
		float: unset;
		margin-bottom: unset;
	}

	.webstep-tabs-content-heading h2:before {
		display: none;
	}

	.tab-minus {
		display: none;
	}

}

/* Hide mobile stuff for Desktop */
@media screen and (min-width: 769px) {

	.webstep-tabs-content-content {
		max-width: 65%;
	}

	/* Hide mobile navigation tabs */
	.webstep-tabs-content .mobile-tab-name {
		display: none;
	}

	.webstep-tabs-content .webstep-tabs-content-container-blue-content {
		padding: 10px 107px;
	}

	.webstep-tabs-content .webstep-tabs-content-content-under {
		padding: 10px 107px;
	}

	/* Show the first content div open and child hidden */
	.webstep-tabs-content .child {
		display: none;
	}

	.open-tab-mobile {
		display: none;
	}
}

.webstep-tabs-content-container-white-content {
	background: #f4f7f8;
	display: block;
	clear: both;
	padding-top: 100px;
}

.webstep-tabs-content-content-under {
	display: block;
	clear: both;
	overflow: hidden;
	background: #f4f7f8;
	color: #000000;
	margin: 0 auto;
	max-width: 1610px;
}

.webstep-tabs-content-content-under-container {
	display: flex;
	align-items: flex-start;
	margin: 0 auto;
}

.tabs-col-2:first-child {
	margin-right: 50px;
	width: 34%;
}

.tabs-col-1 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}

.tabs-col-2 {
	width: 50%;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}

.tabs-col-3 {
	width: 33%;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	margin-right: 50px;
}

.tabs-col-3 a {
	color: #000000;
}

.tabs-col-4 {
	width: 25%;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	margin-right: 50px;
}

.tabs-col-4 a {
	color: #000000;
}


@media screen and (max-width: 768px) {
	.webstep-tabs-content-content-under-container {
		flex-wrap: wrap;
	}

	.webstep-tabs-content-container-blue-content {
		margin-top: unset;
	}

	.webstep-tabs-content-container-white-content {
		padding-top: unset;
	}

	.tabs-col-2 {
		width: 100% !important;
		margin-right: unset !important;
	}

	.tabs-col-3 {
		width: 100%;
		margin-right: unset;
	}
}