.tab-box {
	padding-bottom:30px;
	transition: opacity 0.5s;
}
.tab-box .left-section {width:100%;}
.tab-box .left-section a {
	display: flex;
	border-radius: 50px;
	padding: 13px 20px;
	transition: background-color 0.5s ease-out;
}
.tab-box .left-section a h4,
.tab-box .left-section a div {
	color: #04242F;
	transition: color 0.5s;
}
.tab-box .left-section a h4 {
	margin-bottom: 5px;
	padding-bottom: 0px;
}
.tab-box .left-section a div {
	font-size: 14px;
}

.tab-box .left-section a img {
	max-height: 50px;
	max-width: 50px;
	margin: auto;
	margin-right: 20px;
}


@media (min-width: 981px) {
	.tab-box {
		display: flex;
	}
	.tab-box.active .left-section a {
	background-color: #0060e0;
}
.tab-box.active .left-section a h4,
.tab-box.active .left-section a div{
	color: #ffffff;
}
	.tab-box .left-section {width:49%;}
	.tab-box .left-section a {
		padding: 13px 35px;
	}
	.tab-box .left-section a img {
		margin-right: 30px;
	}
	.tab-box .right-section {
		width:49%;
		position: absolute;
		right: 0;
		top: 18%;
		opacity: 0;
	}
	.tab-box .right-section img {
	    transform: scale(1.2) translateX(55px);
	}
	.tab-box.active .right-section {
		opacity: 1;
	}
}