.subject-section						{ margin-top: 60px; padding: 0px 0 0px 0; position: relative; }


.subject-tabs							{ display: inline-flex; list-style: none; padding: 15px 0px; margin: 0; }
.subject-tabs li						{ margin:0 10px; padding: 17px 35px; color: #333333; cursor: pointer; transition: all 0.3s ease; }
.subject-tabs li.active					{ color: #0188cc; font-weight:bold;   position: relative; display: inline-block; border-bottom:3px solid #0188cc; }


.subjectSwiper						{ width: 100%; overflow: hidden; }
.subjectSwiper .swiper-slide				{ width: 100% !important; display: flex; justify-content: center; }
.subjectSwiper .swiper-slide img			{ max-width: 100%; height: auto; border-radius: 20px; }

@media (max-width: 1600px) {
	.subject-tabs					{ display: flex; flex-wrap: wrap; border-radius: 0px; width: 100%; padding: 0; justify-content: space-between; transform: translateY(-50%); }
	.subject-tabs li				{ flex: 0 0 auto; padding: 20px 15px; border-radius: 0; font-size: 14px; margin:0 !important; width:33.3%;text-align:center; }
}


@media (max-width: 768px) {
	.subject-tabs					{ display: flex; flex-wrap: wrap; border-radius: 0px; width: 100%; padding: 0; justify-content: space-between; transform: translateY(-50%); }
	.subject-tabs li				{ flex: 0 0 auto; padding: 10px 15px; border-radius: 0; font-size: 14px; margin:0 !important; width:33.3%;text-align:center; background-color:#0188cc; color:#fff; }
.subject-tabs li.active					{ color: #fff; font-weight:bold;   position: relative; display: inline-block; border:2px solid #fff; }
}