/* ==================== SLIDER ==================== */
	.custom-slider {
		position: relative;
		width: 100%;
		height: 40vh;
		overflow: hidden;
		margin-top: 0;
		background-color: transparent;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index:-1;
	}

	.custom-slider img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		opacity: 0;
		position: absolute;
		transition: opacity 1s ease;
	}

	.custom-slider img.active {
		opacity: 1;
		z-index: 2;
	}

	.custom-slider .slider-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background-color: rgba(0, 0, 0, 0.4);
		color: #fff;
		border: none;
		font-size: 32px;
		padding: 10px 20px;
		cursor: pointer;
		z-index: 3;
	}

	.custom-slider .prev {
		left: 20px;
	}

	.custom-slider .next {
		right: 20px;
	}

	@media (max-width: 768px) {
		.custom-slider {
			height: 60vh;
		}
		.custom-slider img {
			max-width: 90%;
			max-height: 70%;
		}
	}

	/* ==================== BANNER ==================== */
	.banner-area {
		position: relative;
		background: url('/img/chp-miting.webp') no-repeat center center;
		background-size: cover;
		height: 100vh;
		z-index: 1;
	}

	.banner-area::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		z-index: 2;
	}

	.banner-area > * {
		position: relative;
		z-index: 3;
	}

	/* ==================== RENK AYARLARI VE LIGHTBOX ==================== */
	.nav-menu a,
	.beyaz,
	.mfp-close-btn-in .mfp-close {
		color: #fff !important;
	}

	.mfp-container {
		height: 0px !important;
	}

	.mfp-preloader {
		display: none;
	}

	img.mfp-img {
		height: 750px !important;
	}