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

/* =========================
   TAB MENU - TEXT STYLE
========================= */
.subject-tabs{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:40px;

	width:100%;
	padding:0 60px;
	margin:0;

	list-style:none;
	white-space:nowrap;
}

.subject-tabs li{
	position:relative;

	padding:0 0 14px 0;
	margin:0;

	color:#c9c9c9;
	cursor:pointer;

	background:none;
	border:none;
	border-radius:0;

	font-size:24px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-0.04em;

	transition:all .3s ease;
}

.subject-tabs li:hover{
	color:#e2a45d;
}

.subject-tabs li.active{
	color:#e2a45d;
	background:none;
	font-weight:800;
}

.subject-tabs li.active:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;

	width:100%;
	height:3px;

	background:#e2a45d;
	border-radius:10px;
}


/* =========================
   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{
		gap:32px;
		padding:0 40px;
		justify-content:space-between;
	}

	.subject-tabs li{
		font-size:21px;
		padding-bottom:13px;
	}
}


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

	.subject-tabs{
		justify-content:flex-start;
		overflow-x:auto;
		overflow-y:hidden;

		gap:34px;
		padding:0 24px 5px 24px;

		-webkit-overflow-scrolling:touch;
	}

	.subject-tabs::-webkit-scrollbar{
		display:none;
	}

	.subject-tabs{
		-ms-overflow-style:none;
		scrollbar-width:none;
	}

	.subject-tabs li{
		flex:0 0 auto;
		font-size:20px;
	}
}


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

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

	.subject-tabs{
		justify-content:flex-start;
		gap:26px;

		width:100%;
		padding:0 18px 6px 18px;
		margin:0;

		overflow-x:auto;
		overflow-y:hidden;
		white-space:nowrap;
	}

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

		width:auto;
		padding:0 0 10px 0;

		font-size:17px;
		font-weight:700;

		text-align:center;

		background:none;
		color:#c9c9c9;

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

	.subject-tabs li.active{
		background:none;
		color:#e2a45d;
		font-weight:800;
		border:none;
		box-shadow:none;
	}

	.subject-tabs li.active:after{
		height:2px;
	}
}