
.image-tabs-sec {
	padding: 40px 0;
}

@media (max-width: 576px) {
	.image-tabs-sec {
		padding: 20px 0;
	}
}

.image-tabs-sec .sp-title {
	margin-bottom: 50px;
}

@media screen and (max-width: 575px) {
	.image-tabs-sec .sp-title {
		margin-bottom: 29px;
	}
}

.image-tabs-sec .sp-wrap {
	display: flex;
}

@media screen and (max-width: 1252px) {
	.image-tabs-sec .sp-wrap {
		padding: 0;
	}
}

@media screen and (max-width: 575px) {
	.image-tabs-sec .sp-wrap {
		margin-bottom: 41px;
	}
}

.image-tabs-sec .sp-left-col {
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 25px;
	flex-basis: calc(56% - 25px);
}

.image-tabs-sec .sp-left-col img {
	height: 100%;
	max-width: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@media screen and (max-width: 991px) {
	.image-tabs-sec .sp-left-col {
		display: none;
	}
}

.image-tabs-sec .sp-right-col {
	flex-basis: 44%;
}

@media screen and (max-width: 991px) {
	.image-tabs-sec .sp-right-col {
		flex-basis: auto;
		width: 100%;
	}
}

.image-tabs-sec .sp-tabs {
	padding-left: 13px;
}

@media screen and (max-width: 575px) {
	.image-tabs-sec .sp-tabs {
		padding-left: 0;
	}
}

.image-tabs-sec .sp-tab {
	border: 1px solid #e2e3e5;
	margin-bottom: 10px;
	padding: 10px 17px 10px 74px;
	position: relative;
	transition: background .3s, box-shadow .3s, border .3s, padding .3s;
}

@media screen and (max-width: 575px) {
	.image-tabs-sec .sp-tab {
		margin-left: 10px;
	}
}

.image-tabs-sec .sp-tab:last-child {
	margin-bottom: 0;
}

.image-tabs-sec .sp-tab:before {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuODEyNSAwLjE4MTg4NUwxMi43Nzg0IDEuMjA0NjFMNS42OTg4NiA4LjI4NDE0TDMuMDg1MjIgNi4xOTMyM0wxLjk0ODg2IDUuMjg0MTRMMC4xMzA2NzYgNy41NTY4NkwxLjI2NzA0IDguNDY1OTVMNC45MDM0IDExLjM3NUw1LjkxNDc3IDEyLjE4MTlMNi44NDY1OCAxMS4yNjE0TDE0Ljg0NjYgMy4yNjE0MUwxNS44NjkzIDIuMjM4NjhMMTMuODEyNSAwLjE4MTg4NVoiIGZpbGw9IiMzMDQ2NkQiLz48L3N2Zz4=") center center no-repeat;
	content: "";
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 16px;
	top: 9px;
	transition: all .3s;
}

.image-tabs-sec .sp-tab:after {
	content: "";
	background: #e5e5e5;
	width: 1px;
	height: 100%;
	position: absolute;
	left: -14px;
	top: 0;
	transition: all .3s;
}

@media screen and (max-width: 575px) {
	.image-tabs-sec .sp-tab:after {
		left: -11px;
	}
}

.image-tabs-sec .sp-tab.sp-active {
	background: #fff;
	box-shadow: 0px 10px 50px -5px rgba(48, 70, 109, .15);
	border: 1px solid #fff;
	padding: 20px 16px 7px 73px;
}

.image-tabs-sec .sp-tab.sp-active:before {
	top: 19px;
}

.image-tabs-sec .sp-tab.sp-active:after {
	background: #30466d;
	width: 3px;
}

.image-tabs-sec .sp-tab.sp-active .sp-tab-content {
	display: block;
}

.image-tabs-sec .sp-tab-title {
	align-items: center;
	display: flex;
	cursor: pointer;
	font-weight: 600;
	font-size: 17px;
	line-height: 176%;
	min-height: 39px;
}

.image-tabs-sec .sp-tab-content {
	font-size: 15px;
	line-height: 176%;
	color: #5e5e5e;
	display: none;
	padding: 10px 0 13px;
	transition: all .3s;
}
