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

/* =========================
   TAB MENU
========================= */
.subject-tabs{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:20px;

	padding:0;
	margin:0;

	list-style:none;
}

.subject-tabs li{
	padding:17px 55px;
	color:#333;
	cursor:pointer;

	transition:all .3s ease;

	border-radius:50px;
	background:#f5f5f5;

	font-weight:300;
}

.subject-tabs li.active{
	background:#2f56a6;
	color:#fff;
	font-weight:700;
}


/* =========================
   SWIPER
========================= */
.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;
}


/* =========================
   TABLET
========================= */
@media (max-width:1600px){

	.subject-tabs{
		display:flex;
		flex-wrap:wrap;

		width:100%;
		padding:0;

		justify-content:center;
		gap:15px;

		transform:none;
	}

	.subject-tabs li{
		flex:0 0 auto;

		width:auto;

		padding:18px 30px;

		font-size:15px;
		text-align:center;

		margin:0;
		border-radius:50px;
	}
}


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

	.subject-section{
		margin-top:40px;
	}

	.subject-tabs{
		display:flex;

		width:100%;

		padding:0;
		margin:5px;

		gap:10px;

		justify-content:flex-start;
		align-items:center;

		transform:none;
	}

	.subject-tabs li{
		width:30%;

		padding:14px 10px;

		font-size:14px;
		font-weight:500;

		text-align:center;

		background:#f5f5f5;
		color:#666;

		border:none;
		border-radius:50px;

		margin:0;

		transition:all .3s ease;
	}

	.subject-tabs li.active{
		background:#2f56a6;
		color:#fff;

		font-weight:700;

		border:none;
		box-shadow:none;
	}
}