@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 


    
	body {
		/**
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        **/
		padding: 0px 0px 0px 0px !important;
		overflow-x: hidden !important;
		text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
		overflow: overlay;
		background-color: #fff !important;
		font-family: "Outfit", sans-serif !important;
		outline: none !important;
		color: #000 !important;
		-webkit-transition: all 0.2s ease-in-out;
		text-decoration: none;
		margin: 0px !important;
		direction: ltr;
		position: relative;
		text-rendering: optimizeLegibility;
		font-feature-settings: "liga" 0;
		-webkit-font-smoothing: antialiased;
		font-optical-sizing: auto !important;
	}

	.banner {
		width: 100%;
		margin: auto;
		position: relative;
		z-index: 90;
	}


	.banner-slider {
		width: 100%;
		height: 90vh;
		position: relative;
		overflow: hidden;
	}

	.slides {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.slide {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		transition: opacity 0.8s ease;
		z-index: 0;
	}

	.slide.active {
		opacity: 1;
		z-index: 1;
	}

	/* VIDEO arka plan (cover) */
	.slide-video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* GÖRSELLER tam görünür (contain) */
	.slide-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	/* Overlay */
	.slide-overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
		z-index: 2;
	}

	/* İçerik */
	.slide-content {
		position: relative;
		z-index: 3;
		color: #fff;
	}

	/* Navigasyon butonları */
	.nav-buttons {
		position: absolute;
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		flex-direction: column;
		gap: 15px;
		z-index: 10;
	}

	.nav-button {
		width: 60px;
		height: 60px;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
		overflow: hidden;
		cursor: pointer;
		outline: 1px solid #fff;
		opacity: 0.5;
		padding: 3px 0px 3px 3px;
		transition: 0.2s;
	}

	.nav-button.active {
		opacity: 1;
		transform: scale(1.05);
		outline: 4px solid #fff;
	}

	.nav-button-bg {
		width: 100%;
		height: 100%;
		background-size: cover;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}


	.nav-button img {
		width: 100%;
		height: 100%;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
		object-fit: cover;
	}

	.nav-button:hover {
		opacity: 1;
		transition: 0.1s ease-in-out;
		transform: scale(1);
		outline: 2px solid #fff;
	}

	.nav-button.active {
		opacity: 1;
		transition: 0.1s ease-in-out;
		transform: scale(1.05);
		outline: 4px solid #fff;
	}

	.header-scroll {
		width: 100%;
		height: auto;
		padding: 10px;
		background-color: rgba(255, 255, 255, 0.5);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		position: fixed;
		left: 0px;
		right: 0px;
		top: -200px;
		margin: auto;
		z-index: 99998;
		transition: 0.3s ease-in-out;
	}

	.header-scroll.active {
		top: 0px;
		transition: 0.3s ease-in-out;
	}

	.scroll-quick {
		width: auto;
		height: auto;
		padding: 10px 20px;
		display: flex;
		gap: 10px;
		font-weight: 600;
		font-size: 14px;
		border-radius: 15px;
		color: #1e184e;
		border: 1px solid #1e184e;
		align-items: center;
		cursor: pointer;
		transition: 0.1s ease-in-out;
	}

	.scroll-quick:hover {
		background-color: #1e184e;
		border: 1px solid #1e184e;
		color: #fff;
		transition: 0.1s ease-in-out;
	}

	.scroll-quick:hover .scroll-quick-ico {
		transition: 0.1s ease-in-out;
		color: #fff;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.scroll-quick-ico {
		transition: 0.1s ease-in-out;
		font-size: 15px;
		color: #1e184e;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.scroll-logo {
		width: 90px;
		height: 90px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		position: absolute;
		right: 0px;
		left: 0px;
		margin: auto;
		top: 0px;
		z-index: 9998;
		background-image: url(../images/catalca-bel-logo.svg);
	}


	.header {
		height: 120px;
		position: relative;
		z-index: 2;
		position: absolute;
		left: 0px;
		right: 0px;
		width: 90%;
		margin: auto;
		top: 20px;
		z-index: 99998;
	}

	.header-shadow {
		width: 100%;
		height: 250px;
		background: #000000;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.71) 0%, rgba(5, 5, 5, 0) 100%);
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		z-index: 91;
	}


	.menu-left,
	.menu-right {
		display: flex;
		gap: 20px;
		position: absolute;
		top: 50%;
		transform: translateY(60%);
	}

	.menu-left {
		left: 0px;
	}

	.menu-right {
		right: 0px;
	}

	.menu-item {
		background-image: url(../images/menu-under.svg);
		background-repeat: no-repeat;
		background-position: center bottom 0px;
		background-size: 0px 2px;
		color: #fff;
		padding-bottom: 10px;
		font-size: 14px;
		font-weight: 800;
		cursor: pointer;
		position: relative;
		transition: 0.3s ease-in-out;
		opacity: 1;
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.menu-item:hover {
		color: #fff;
		transition: 0.3s ease-in-out;
		background-size: 100% 2px;
		opacity: 1;
	}

	.mainmenu-ico {
		transition: 0.3s ease-in-out;
		font-size: 20px;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.menu-item:hover .mainmenu-ico {
		transform: scale(1.2);
		transition: 0.3s ease-in-out;
		font-variation-settings:
			'FILL' 1,
			'wght' 900,
			'GRAD' -25,
			'opsz' 48;
	}

	.logo {
		width: 120px;
		height: 120px;
		transition: 0.2s ease-in-out;
		z-index: 9998;
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: -10px;
		cursor: pointer;
	}

	.logo:active {
		transform: scale(0.96);
		transition: 0.1s ease-in-out;
	}

	.logo-content {
		background-image: url(../images/catalca-bel-logo.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		width: 150px;
		height: 150px;
	}

	.logo-bg {
		width: 250px;
		height: 250px;
		position: absolute;
		z-index: -1;
		transform: translateX(-50px) !important;
		top: 0px;
		bottom: 0px;
		margin: auto;
		background-image: url(../images/logo-bg.svg);
		background-repeat: no-repeat;
		background-position: center center;
		animation: logos 5s ease infinite;
	}


	@keyframes logos {
		0% {
			opacity: 1;
			transform: scale(1.2);
		}

		50% {
			opacity: 0;
			transform: scale(0.8);
		}

		100% {
			opacity: 1;
			transform: scale(1.2);
		}
	}

	.mega-container {
		background-color: rgb(30, 24, 78, 0.76);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		position: absolute;
		top: 0px;
		width: 98%;
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
		padding-top: 200px;
		margin: auto;
		left: 0px;
		right: 0px;
		z-index: 9998;

		/* --- ANİMASYONLAR --- */
		opacity: 0;
		transform: translateY(-40px);
		/* yukarıdan gelsin */
		transition: opacity 0.35s ease, transform 0.45s cubic-bezier(.15, .75, .25, 1);

		display: none;
		/* js açınca block yapıyor */
	}

	.mega-content {
		display: none;
		padding: 20px 20px 50px 20px;
		min-height: auto;
		border-radius: 4px;
		font-size: 28px;
		width: 94%;
		margin: auto;
	}

	.mega-content.active {
		display: block;
	}


	.slide-content {
		z-index: 99;
		width: auto;
		max-width: 40%;
		height: 300px;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 50px;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	h1 {
		font-size: 18px !important;
		font-weight: 900 !important;
		letter-spacing: 10px !important;
		color: #fff !important;
		display: block !important;
		line-height: 22px !important;
	}

	.top-phone {
		width: auto;
		height: auto;
		padding: 10px 20px;
		display: flex;
		gap: 10px;
		font-weight: 600;
		font-size: 14px;
		border-radius: 15px;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		align-items: center;
		cursor: pointer;
		transition: 0.1s ease-in-out;
	}

	.top-phone:hover {
		background-color: #fff;
		border: 1px solid #fff;
		color: #1e184e;
		transition: 0.1s ease-in-out;
	}

	.top-phone:hover .top-phone-ico {
		transition: 0.1s ease-in-out;
		color: #1e184e;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.top-phone-ico {
		transition: 0.1s ease-in-out;
		font-size: 15px;
		color: #fff;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}


	.nobetci {
		width: auto;
		height: auto;
		padding: 10px 20px;
		display: flex;
		gap: 10px;
		font-weight: 600;
		font-size: 14px;
		border-radius: 15px;
		color: #fff;
		background-color: #ff0000;
		border: 1px solid #ff0000;
		align-items: center;
		cursor: pointer;
		transition: 0.1s ease-in-out;
	}

	.nobetci:hover {
		background-color: #fff;
		border: 1px solid #fff;
		color: #1e184e;
		transition: 0.1s ease-in-out;
	}

	.nobetci:hover .nobetci-ico {
		transition: 0.1s ease-in-out;
		color: #1e184e;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.nobetci-ico {
		transition: 0.1s ease-in-out;
		font-size: 22px;
		color: #fff;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}


	h2 {
		font-size: 16px !important;
		font-weight: 800 !important;
		color: #fff !important;
		display: block !important;
		line-height: 27px !important;
		margin-bottom: 30px !important;
	}


	.dewcontainer-menu {
		width: 95%;
		height: auto;
		margin: auto;
	}

	.menu-btn {
		width: 100%;
		height: auto;
		padding: 13px 15px;
		border-radius: 15px;
		background-color: rgba(255, 255, 255, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.2);
		margin-bottom: 10px;
		color: #fff;
		font-weight: 400 !important;
		font-size: 13px;
		display: inline-block;
		cursor: pointer;
		letter-spacing: 0px;
		transition: 0.1s ease-in-out;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.menu-btn:hover {
		background-color: #fff;
		border: 1px solid #fff;
		color: #1e184e;
		transition: 0.1s ease-in-out;
	}

	.menu-btn-ico {
		color: #fff;
		font-size: 15px;
		font-variation-settings:
			'FILL' 0,
			'wght' 700,
			'GRAD' -25,
			'opsz' 48;
	}

	.menu-btn:hover .menu-btn-ico {
		color: #ff0000;
	}


	.ebelediye-btn {
		width: 100%;
		height: auto;
		padding: 10px;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 15px;
		text-align: center;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		transition: 0.1s ease-in-out;
	}


	.ebelediye-btn:hover {
		background-color: #fff;
		border: 1px solid #fff;
		transition: 0.1s ease-in-out;
	}

	.ebelediye-btn:hover .ebelediye-text {
		color: #1e184e;
		transition: 0.1s ease-in-out;
	}

	.ebelediye-btn:hover .ebelediye-btn-ico {
		color: #9e1b4f;
		transition: 0.3s ease-in-out;
		font-variation-settings:
			'FILL' 1,
			'wght' 300,
			'GRAD' -25,
			'opsz' 48;
	}

	.ebelediye-btn:hover .ebelediye-subtext {
		color: #1e184e;
		transition: 0.1s ease-in-out;
	}

	.ebelediye-text {
		transition: 0.1s ease-in-out;
		font-size: 12px;
		font-weight: 800;
		line-height: 16px;
		color: #fff;
		display: block;
	}

	.ebelediye-subtext {
		transition: 0.1s ease-in-out;
		margin-top: 12px;
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		color: #fff;
		display: block;
		opacity: 0.6;
	}

	.ebelediye-btn-ico {
		transition: 0.3s ease-in-out;
		display: block;
		color: #fff;
		font-size: 30px;
		margin-bottom: 10px;
		font-variation-settings:
			'FILL' 0,
			'wght' 300,
			'GRAD' -25,
			'opsz' 48;
	}


	.social-btn {
		display: flex;
		width: 44px;
		height: 44px;
		gap: 10px;
		font-weight: 600;
		font-size: 14px;
		border-radius: 15px;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: 0.1s ease-in-out;
	}

	.social-btn:hover {
		background-color: #fff;
		border: 1px solid #fff;
		transition: 0.1s ease-in-out;
	}

	.social-btn img {
		transition: 0.1s ease-in-out;
		width: 50%;
		margin: auto;
	}

	.social-btn:hover img {
		transition: 0.1s ease-in-out;
		filter: brightness(0);
	}


	.service-box {
		cursor: pointer;
		width: 100%;
		height: 205px;
		border-radius: 15px;
		background-color: rgba(255, 255, 255, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.2);
		padding: 10px;
		transition: 0.1s ease-in-out;
	}

	.service-box:hover {
		background-color: rgba(255, 255, 255, 0.2);
		border: 1px solid #fff;
		transition: 0.1s ease-in-out;
	}

	.service-box-img {
		box-shadow: 0px 15px 15px rgba(0, 0, 0, .3);
		width: 100%;
		height: 60px;
		border-radius: 12px;
		position: relative;
		top: 0px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		transition: 0.1s ease-in-out;
	}


	.service-box-content {
		transition: 0.1s ease-in-out;
		width: 100%;
		margin-top: 20px;
		height: auto;
		text-align: center;
	}

	.service-box-content img {
		transition: 0.1s ease-in-out;
		height: 30px;
		position: relative;
		top: 0px;
	}


	.service-box-cta {
		transition: 0.1s ease-in-out;
		width: 100%;
		height: auto;
		border-radius: 12px;
		text-align: center;
		border: 1px solid rgba(255, 255, 255, 0.3);
		font-size: 10px;
		font-weight: 800;
		color: #fff;
		padding: 4px;
		margin-top: 35px;
		display: flex;
		align-items: center;
		gap: 5px;
		justify-content: center;
	}

	.service-box-cta:hover {
		background-color: #fff;
		color: #9e1b4f !important;
		border: 1px solid #9e1b4f !important;
	}

	.service-box-cta:hover .service-box-cta-ico {
		color: #fff !important;
	}

	.service-box:hover .service-box-cta {
		background-color: #fff;
		color: #9e1b4f !important;
		border: 1px solid #9e1b4f !important;
	}

	.service-box-cta-ico {
		transition: 0.1s ease-in-out;
		color: #fff;
		font-size: 12px;
		font-variation-settings:
			'FILL' 0,
			'wght' 900,
			'GRAD' -25,
			'opsz' 48;
	}

	.service-box:hover .service-box-cta-ico {
		color: #1e184e;
	}


	.president-img {
		width: 100%;
		height: 100%;
		margin-top: 0px;
		position: relative;
		right: 0px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-image: url(../images/erhan-guzel.jpg);
		position: relative;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
	}

	.president-sign {
		width: 40%;
		height: auto;
		margin: auto;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 100px;
	}


	.tab-buttons {
		transition: 0.1s ease-in-out;
		width: 84%;
		max-width: auto;
		display: inline-flex;
		z-index: 9998;
		height: auto;
		background-color: transparent;
		border-radius: 0px;
		position: absolute;
		top: 20px;
		margin: auto;
		gap: 10px;
		transform: translateX(-50%);
		left: 49%;
	}

	.tab-header-bg {
		width: 99%;
		height: 100px;
		backdrop-filter: blur(15px);
		-webkit-backdrop-filter: blur(15px);
		background-color: rgba(255, 255, 255, 0.6);
		z-index: 9995;
		position: relative;
	}

	.tab-buttons button {
		background-color: #ececec;
		transition: 0.1s ease-in-out;
		width: 25% !important;
		border-radius: 20px;
		padding: 10px 0px 10px 0px;
		border: none;
		display: inline-block;
		align-items: center;
		justify-content: center;
	}

	.tab-buttons button:hover {
		background-color: #d2d2d2;
		color: #fff !important;
	}

	.tab-btn1 {
		transition: 0.1s ease-in-out;
		display: block !important;
		font-size: 15px;
		font-weight: 900;
		line-height: 22px;
		color: #9e1b4f;
	}

	.tab-btn2 {
		transition: 0.1s ease-in-out;
		display: block !important;
		font-size: 12px;
		font-weight: 500;
		line-height: 22px;
		color: #1e184e;
	}


	.tab-buttons button.active .tab-btn1 {
		color: #fff;
		transition: 0.1s ease-in-out;
	}

	.tab-buttons button.active .tab-btn2 {
		color: #fff;
		transition: 0.1s ease-in-out;
	}


	.tab-buttons button.active {
		background: #1e184e;
		color: #fff;
		transition: 0.1s ease-in-out;
	}

	.tab-content {
		display: none;
		height: 100%;
		padding-bottom: 80px;
	}

	.tab-content.active {
		position: relative;
		display: block;
		width: 86%;
		height: 90%;
		overflow-y: scroll;
		margin: auto;
	}

	.tab-content::-webkit-scrollbar {
		width: 6px;
	}

	.tab-content::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, 0);
		border-radius: 10px;
	}


	.tab-content::-webkit-scrollbar-thumb {
		background: #9e1b4f;
		border-radius: 10px;
	}


	.tab-content::-webkit-scrollbar-thumb:hover {
		background: #1e184e;
	}


	.tab-contents {
		z-index: 99;
		height: 100%;
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 120px;
	}


	.modal-close {
		opacity: 1 !important;
		background-color: #fff;
		overflow: hidden;
		width: 50px;
		height: 50px;
		border: 1px solid rgba(0, 0, 0, .3) !important;
		position: absolute !important;
		right: 15px;
		top: 20px;
		transition: 0s;
		z-index: 9999231328 !important;
		cursor: pointer;
		transform: scale(1);
		border-radius: 15px;
		background-image: url(../images/close-01.svg);
		background-size: auto 55%;
		background-repeat: no-repeat;
		background-position: center center;
		transition: 0.1s ease-in-out;
	}


	.modal {
		z-index: 99999998989 !important;
	}

	.modal-close:hover {
		transform: scale(1.1);
		transition: 0.1s ease-in-out;
	}

	.modal-close:active {
		transform: scale(1);
		transition: 0.1s ease-in-out;
	}


	.modal-president {
		margin: auto;
		left: 0px;
		right: 0px;
		height: auto;
		max-width: 100% !important;
		width: 100% !important;
	}


	.modal-dialog {
		margin: auto !important;
		width: 100% !important;
	}


	.modal-content {
		outline: 1px solid rgba(255, 255, 255, 0) !important;
		position: relative;
		border: none !important;
		overflow: hidden;
		margin: 0px 0px !important;
		padding: 0px !important;
		height: 80vh !important;
		background-color: #fff !important;
		width: 100% !important;
		pointer-events: auto;
		border-radius: 40px !important;
		z-index: 9898989 !important;
	}

	.modal-content-president {
		outline: 1px solid rgba(255, 255, 255, 0) !important;
		position: relative;
		border: none !important;
		margin: 0px 0px !important;
		padding: 0px !important;
		height: 100vh !important;
		background-color: #fff !important;
		width: 100% !important;
		pointer-events: auto;
		border-radius: 0px !important;
		overflow: hidden;
		z-index: 9898989 !important;
	}

	.modal-quick {
		margin: auto;
		left: 0px;
		right: 0px;
		height: auto;
		max-width: 100% !important;
		width: 90% !important;
	}

	.modal-content-quick {
		outline: 1px solid rgba(255, 255, 255, 0) !important;
		position: relative;
		border: none !important;
		margin: 30px 0px !important;
		padding: 30px !important;
		height: auto !important;
		background-color: rgb(30, 24, 78, 1) !important;
		width: 100% !important;
		pointer-events: auto;
		border-radius: 30px !important;
		z-index: 9898989 !important;
	}

	.modal-close-quick {
		opacity: 1 !important;
		background-color: #9e1b4f;
		overflow: hidden;
		width: 50px;
		height: 50px;
		position: absolute !important;
		color: #fff !important;
		border-radius: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		font-weight: 600;
		font-size: 20px !important;
		top: 10px;
		right: 10px;
		transition: 0s;
		z-index: 9999231328 !important;
		cursor: pointer;
		transform: scale(1);
		transition: 0.1s ease-in-out;
	}

	.modal-close-quick:hover {
		background-color: #ba4b8d;
		color: #fff !important;
	}


	.modal-eczane {
		margin: auto;
		left: 0px;
		right: 0px;
		height: auto;
		max-width: 100% !important;
		width: 40% !important;
	}

	.modal-content-eczane {
		outline: 1px solid rgba(255, 255, 255, 0) !important;
		position: relative;
		border: none !important;
		margin: 30px 0px !important;
		padding: 30px !important;
		height: auto !important;
		background-color: #ff0000;
		width: 100% !important;
		pointer-events: auto;
		border-radius: 30px !important;
		z-index: 9898989 !important;
	}

	.modal-close-eczane {
		opacity: 1 !important;
		background-color: #fff;
		overflow: hidden;
		width: 50px;
		height: 50px;
		position: absolute !important;
		color: #1e184e !important;
		border-radius: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		font-weight: 600;
		font-size: 20px !important;
		top: -40px;
		right: -40px;
		transition: 0s;
		z-index: 9999231328 !important;
		cursor: pointer;
		transform: scale(1);
		transition: 0.1s ease-in-out;
	}

	.modal-close-eczane:hover {
		background-color: #1e184e;
		color: #fff !important;
		transition: 0.1s ease-in-out;
	}


	.show {
		height: auto !important;
		margin: 0px !important;
		background-color: rgba(0, 0, 0, .5);
		width: auto !important;
		backdrop-filter: blur(15px);
		-webkit-backdrop-filter: blur(15px);
		z-index: 999888 !important;
	}

	.modal-backdrop {
		display: none !important;
	}

	body.modal-open {
		overflow: hidden;
		z-index: 9998 !important;
	}

	.modal-backdrop.show {
		z-index: 998 !important;
		opacity: 0 !important;
	}

	.modal-close-president {
		opacity: 1 !important;
		background-color: #1e184e;
		overflow: hidden;
		width: auto;
		padding: 20px 40px;
		height: auto;
		position: absolute !important;
		color: #fff !important;
		border-radius: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		font-weight: 600;
		font-size: 16px !important;
		top: 30px;
		right: 30px;
		transition: 0s;
		z-index: 9999231328 !important;
		cursor: pointer;
		transform: scale(1);
		transition: 0.1s ease-in-out;
	}

	.modal-close-president:hover {
		background-color: #9e1b4f;
		color: #fff !important;
	}


	.modal-close-president-ico {
		font-size: 18px;
		font-variation-settings:
			'FILL' 0,
			'wght' 300,
			'GRAD' 0,
			'opsz' 12;
	}

	.modal-title {
		font-size: 30px;
		color: #000;
		display: block;
		line-height: 35px;
		font-weight: 800;
	}

	.modal-subtitle {
		font-size: 14px;
		color: #9e1b4f;
		display: block;
		line-height: 19px;
		font-weight: 700;
	}

	.modal-subtext {
		font-size: 13px;
		color: #666;
		letter-spacing: 2px;
		display: block;
		line-height: 25px;
		font-weight: 700;
	}

	p {
		font-size: 15px !important;
		font-weight: 400 !important;
		color: #444 !important;
		display: block !important;
		line-height: 24px !important;
		-webkit-font-smoothing: antialiased !important;
  		-moz-osx-font-smoothing: grayscale !important;
	}

	.p-highlight {
		font-size: 20px;
		font-weight: 600;
		color: #333;
		font-style: italic;
		display: block;
		line-height: 28px;
	}

	.modal-line {
		width: 120px;
		height: 4px;
		background-color: #9e1b4f;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.dewspace {
		width: 100%;
		height: 50px;
	}

	.lightimg {
		opacity: 1;
		transition: 0.1s ease-in-out;
	}

	.lightimg:hover {
		opacity: 0.6;
		transition: 0.1s ease-in-out;
	}


	.president-field {
		width: 100%;
		height: auto;
		padding: 18px 25px 18px 60px;
		border-radius: 19px;
		background-color: #f7f7f7;
		border: 2px solid transparent;
		font-size: 15px;
		font-weight: 400;
		color: #1e184e;
		background-repeat: no-repeat;
		background-position: center left 20px;
		background-size: 22px 22px;
		transition: 0.1s ease-in-out;
	}

	.president-field:Hover {
		background-color: #f5f5f5;
		transition: 0.1s ease-in-out;
	}

	.president-field:focus {
		border: 2px solid #ba4b8d;
		transition: 0.1s ease-in-out;
		outline: none;
	}

	.president-textarea {
		transition: 0.1s ease-in-out;
		width: 100%;
		height: auto;
		padding: 18px 25px 18px 60px;
		border-radius: 19px;
		background-color: #f9f9f9;
		border: 2px solid transparent;
		font-size: 15px;
		font-weight: 400;
		color: #1e184e;
		background-repeat: no-repeat;
		background-position: top 18px left 20px;
		background-size: 22px 22px;
	}

	.president-textarea:focus {
		transition: 0.1s ease-in-out;
		border: 2px solid #ba4b8d;
		outline: none;
	}

	.president-textarea:Hover {
		transition: 0.1s ease-in-out;
		background-color: #f5f5f5;
	}

	.form-cta {
		width: auto;
		height: auto;
		padding: 20px 50px;
		font-size: 15px;
		font-weight: 500;
		color: #fff;
		border-radius: 17px;
		display: inline-flex;
		cursor: pointer;
		background-color: #9e1b4f;
		transition: 0.1s ease-in-out;
		align-items: center;
		gap: 10px;
	}

	.form-cta:hover {
		background-color: #1e184e;
	}


	.newtab {
		width: 100%;
		position: relative;
	}

	/* Butonları tutan alan */
	.newtab-buttons {
		display: flex;
		gap: 10px;
	}

	.newtab-header {
		width: 100%;
		height: 40px;
	}

	/* Tab butonları */
	.newtab-buttons button {
		opacity: 0.3;
		background: transparent;
		padding: 15px 20px;
		font-size: 18px;
		font-weight: 700;
		border-radius: 15px;
		border: none;
		width: 33.3%;
		color: #fff;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		transition: 0.1s ease-in-out;
	}

	.newtab-buttons button.newtab-active {
		opacity: 1;
		background: transparent;
		color: #fff;
		background-color: rgba(255, 255, 255, 0.07);
		border: none;
		transition: 0.1s ease-in-out;
	}

	.newtab-buttons button.newtab-active .newtab-icos {
		transition: 0.1s ease-in-out;
		color: #fff;
		font-size: 25px;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.newtab-icos {
		transition: 0.1s ease-in-out;
		color: #fff;
		font-size: 20px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}


	/* İçerik alanı */
	.newtab-content {
		display: none;
		padding: 20px;
		background: transparent;
		margin-top: 10px;
	}

	/* Aktif içerik */
	.newtab-content.newtab-active {
		display: block;
	}


	.social-service {
		width: 100%;
		height: auto;
		border-radius: 17px;
		border: 1px solid rgba(255, 255, 255, 0.3);
		padding: 20px 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		transition: 0.1s ease-in-out;
		cursor: pointer;
	}

	.social-service:hover {
		background-color: #fff;
		border: 1px solid #fff;
		transition: 0.1s ease-in-out;
	}

	.social-service:hover img {
		filter: brightness(1);
		transition: 0.1s ease-in-out;
	}

	.social-service:hover .social-service-text {
		color: #9e1b4f;
		transition: 0.1s ease-in-out;
	}

	.social-service:hover .social-service-text2 {
		color: rgb(30, 24, 78, 0.6);
		transition: 0.1s ease-in-out;
	}


	.social-service img {
		filter: brightness(100);
		transition: 0.1s ease-in-out;
	}

	.social-service-text {
		font-size: 15px;
		font-weight: 800;
		color: #fff;
		display: block;
		line-height: 23px;
		transition: 0.1s ease-in-out;
	}

	.social-service-text2 {
		font-size: 14px;
		font-weight: 300;
		color: rgba(255, 255, 255, 0.6);
		display: block;
		line-height: 19px;
		margin-top: 7px;
		transition: 0.1s ease-in-out;
	}

	.easy-menu-frame {
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		cursor: pointer;
		margin-bottom: 30px;
		transition: 0.1s ease-in-out;
	}

	.easy-menu-frame:Hover {
		border-left: 1px solid rgba(255, 255, 255, 1);
		transition: 0.1s ease-in-out;
	}

	.easy-menu-frame:Hover .easy-menu {
		opacity: 1;
		transition: 0.1s ease-in-out;
	}

	.easy-menu-frame:Hover .easy-submenu {
		opacity: 1;
		transition: 0.1s ease-in-out;
	}

	.easy-menu {
		font-size: 20px;
		font-weight: 300;
		color: #fff;
		transition: 0.1s ease-in-out;
		opacity: 0.6;
		line-height: 33px;
		display: block;
	}

	.easy-submenu {
		opacity: 0.6;
		font-size: 14px;
		font-weight: 300;
		transition: 0.1s ease-in-out;
		color: rgba(255, 255, 255, 0.5);
		display: block;
	}

	.nobetci-date-big {
		font-size: 50px;
		font-weight: 300;
		margin-top: 10px;
		color: #fff;
		display: block;
		line-height: 30px;
	}

	.nobetci-date {
		font-size: 16px;
		font-weight: 700;
		color: #fff;
		margin-top: 10px;
		display: block;
		line-height: 21px;
	}

	.nobetci-date2 {
		font-size: 13px;
		font-weight: 700;
		color: #fff;
		display: block;
		line-height: 21px;
	}

	.nobetci-line {
		width: 50px;
		height: 2px;
		background-color: #fff;
		border-radius: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.nobetci-modal-ico {
		width: 50px;
		height: 50px;
		border-radius: 15px;
		background-color: #fff;
		position: absolute;
		right: 0px;
		top: 0px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 90%;
		background-image: url(../images/icon/nobetci-eczane-ico.svg);
	}

	.nobetci-title {
		font-size: 30px;
		font-weight: 700;
		color: #fff;
		display: block;
		line-height: 35px;
	}

	.nobetci-text {
		font-size: 15px;
		font-weight: 400;
		color: #fff;
		display: block;
		line-height: 20px;
		margin-top: 15px;
	}

	.nobetci-cta {
		border-radius: 15px;
		font-weight: 600;
		font-size: 15px;
		color: #1e184e;
		padding: 15px 20px;
		text-align: center;
		background-color: #fff;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: center;
	}

	.nobetci-cta:hover {
		background-color: #1e184e;
		color: #fff;
	}


	.dewcontainer {
		width: 95%;
		height: auto;
		margin: auto;
	}

	.haber-wrapper {
		display: flex;
		gap: 20px;
		width: 100%;
	}

	/* ---------- SOL BÜYÜK HABER ALANI ---------- */
	.haber-main {
		position: relative;
		width: 60%;
		overflow: hidden;
		border-radius: 25px;
	}

	.haber-inner {
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0;
		transition: transform 0.45s ease;
	}

	.slide-active {
		transform: translateX(0%);
	}

	.slide-in {
		transform: translateX(100%);
	}

	.slide-out {
		transform: translateX(-100%);
	}

	/* Haber görseli */
	.haber-image {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
	}

	/* Haber bilgisi (absolute) */
	.haber-info {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 30px 50px;
		color: #fff;
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		background-color: rgba(0, 0, 0, .5);
		z-index: 10;
	}

	.haber-info span {
		display: block;
		font-size: 14px;
		opacity: 0.9;
	}

	.haber-info h2 {
		margin: 5px 0 0;
		font-size: 22px;
		max-width: 70%;
	}

	/* ---------- SAĞDA 2 SÜTUN HABER LİSTESİ ---------- */

	.haber-list-wrapper {
		width: 40%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}

	.haber-list {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	/* Küçük haber kutuları */
	.haber-item {
		padding: 20px;
		background: rgba(0, 0, 0, .04);
		border-radius: 25px;
		cursor: pointer;
		transition: 0.2s ease;
height: clamp(140px, 18vw, 180px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	}

	.haber-item:active {
		transform: scale(.95);
		transition: 0.05s ease-in-out;
	}

	.haber-item:hover {
		background: #1e184e
	}

	.haber-item:Hover .haber-item-date {
		color: #fff;
	}

	.haber-item:Hover .haber-item-title {
		color: #fff !important;
	}

	.haber-item:Hover .haber-cat {
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.3);
		background-color: rgba(255, 255, 255, 0.1);
	}


	.haber-item-date {
		font-size: 12px;
		display: block;
		font-weight: 400;
		opacity: 0.7;
	}

	.haber-item-title {
		font-size: 12px;
		line-height: 15px;
		margin-top: 4px;
		font-weight: 600;
	}

	/* --- Ok butonları --- */
	.haber-prev-btn,
	.haber-next-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 45px;
		/* değiştirebilirsin */
		height: 45px;
		cursor: pointer;
		z-index: 20;
		opacity: 1;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		transition: 0.2s;
	}

	.haber-prev-btn:hover,
	.haber-next-btn:hover {
		opacity: 0.7;
	}

	.haber-prev-btn {
		left: 20px;
	}

	.haber-next-btn {
		right: 20px;
	}

	/* --- Pagination (dotlar) --- */
	.haber-pagination {
		position: absolute;
		bottom: 10px;
		right: 20px;
		display: flex;
		gap: 8px;
		z-index: 30;
	}

	.haber-dot {
		width: 10px;
		height: 10px;
		background: rgba(255, 255, 255, 0.4);
		border-radius: 20px;
		cursor: pointer;
		transition: 0.3s;
	}

	.haber-dot.active {
		background: rgba(255, 255, 255, 1);
		width: 90px;
		height: 10px;
	}

	.haber-cat {
		width: auto;
		height: auto;
		border-radius: 8px;
		padding: 3px 10px;
		margin-bottom: 10px;
		font-size: 9px;
		color: #9e1b4f;
		font-weight: 500;
		border: 1px solid rgb(158, 27, 79, 0.3);
		background-color: rgb(158, 27, 79, 0.1);
		display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: max-content;
	}

	.inner-title {
		font-size: 20px !important;
		font-weight: 700 !important;
		color: #fff !important;
		display: block !important;
		line-height: 25px !important;
	}

	.inner-date {
		display: inline-block !important;
		border-radius: 18px;
		font-size: 11px !important;
		font-weight: 500 !important;
		color: #1e184e !important;
		margin-bottom: 15px;
		padding: 4px 15px;
		line-height: 25px !important;
		background-color: #fff;
	}

	.content-subtitle {
		font-size: 14px;
		font-weight: 400;
		color: #9e1b4f;
		display: block;
		line-height: 20px;
	}

	.content-title {
		font-size: 30px;
		font-weight: 800;
		color: #1e184e;
		display: block;
		line-height: 35px;
	}


	.content-title2 {
		font-size: 20px;
		font-weight: 700;
		color: #1e184e;
		display: block;
		line-height: 25px;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.content-title2-icon {
		background-color: #9e1b4f;
		border-radius: 100px;
		color: #fff;
		font-size: 18px;
		padding: 7px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}


	.all-view-cta {
		cursor: pointer;
		border-radius: 15px;
		padding: 10px 20px 10px 15px;
		font-size: 12px;
		font-weight: 700;
		color: #1e184e;
		border: 2px solid #9e1b4f;
		display: inline-flex;
		align-items: center;
		gap: 0px;
		transition: 0.1s ease-in-out;
	}

	.all-view-cta:hover {
		background-color: #1e184e;
		border: 2px solid #1e184e;
		color: #fff;
		transition: 0.1s ease-in-out;
	}

	.all-view-cta:hover .all-view-cta-icon {
		color: #fff;
		transition: 0.1s ease-in-out;
	}

	.all-view-cta-icon {
		transition: 0.1s ease-in-out;
		color: #1e184e;
		font-size: 20px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.duyuru-box {
		width: 100%;
		height: auto;
		margin-top: 15px;
		padding: 15px 25px;
		cursor: pointer;
		border-radius: 15px;
		background: rgba(0, 0, 0, .04);
		transition: 0.1s ease-in-out;
	}

	.duyuru-box:hover {
		background-color: #1e184e;
		transition: 0.1s ease-in-out;
	}

	.duyuru-box:hover .duyuru-ico {
		color: #fff;
		transition: 0.1s ease-in-out;
	}


	.duyuru-box:hover .duyuru-date {
		color: #fff;
		transition: 0.1s ease-in-out;
	}


	.duyuru-box:hover .duyuru-title {
		color: #fff;
		transition: 0.1s ease-in-out;
	}


	.duyuru-ico {
		color: #9e1b4f;
		transition: 0.1s ease-in-out;
		font-size: 30px;
		margin-bottom: 10px;
		display: block;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.duyuru-date {
		font-size: 11px;
		transition: 0.1s ease-in-out;
		font-weight: 500;
		color: #9e1b4f;
		display: block;
		margin-bottom: 0px;
	}

	.duyuru-title {
		font-size: 15px;
		transition: 0.1s ease-in-out;
		font-weight: 600;
		color: #1e184e;
		display: block;
		line-height: 20px;
	}

	.hizli-erisim-box {
		transition: 0.1s ease-in-out;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: rgba(0, 0, 0, .04);
		padding: 15px 20px;
		border-radius: 15px;
	}

	.hizli-erisim-box:hover {
		transition: 0.1s ease-in-out;
		background-color: #1e184e;
	}

	.hizli-erisim-box:hover .hizli-erisim-ico {
		transition: 0.1s ease-in-out;
		color: #fff;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.hizli-erisim-box:hover .hizli-erisim-text {
		transition: 0.1s ease-in-out;
		color: #fff;
	}


	.hizli-erisim-ico {
		transition: 0.1s ease-in-out;
		margin-bottom: 15px;
		font-size: 30px;
		color: #1e184e;
		display: block;
		text-align: center;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.hizli-erisim-text {
		transition: 0.1s ease-in-out;
		font-size: 13px;
		font-weight: 500;
		line-height: 18px;
		color: #9e1b4f;
		display: block;
		text-align: center;
	}

	.baskana-mesaj-content {
		width: 100%;
		height: 90%;
		background-image: url(../images/baskana-mesaj-content.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto 100%;
		position: relative;
	}

	.baskana-mesaj-frame {
		width: 90%;
		height: auto;
		padding: 20px 20px 40px 20px;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: rgba(255, 255, 255, 0.8);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	.baskana-mesaj-title {
		font-size: 15px;
		font-weight: 800;
		color: #1e184e;
		display: block;
		line-height: 19px;
	}

	.baskan-content-ico {
		margin-left: 2px;
		margin-right: 2px;
		width: 40px;
		height: 40px;
		border: 1px solid #1e184e;
		padding: 10px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-top: 10px;
		cursor: pointer;
		border-radius: 12px;
	}

	.baskan-content-ico:hover {
		background-color: #1e184e;
	}

	.baskan-content-ico:hover img {
		filter: brightness(100);
	}

	.baskan-content-ico img {
		width: 95%;
	}

	.proje-card-frame {
		width: 100%;
		height: auto;
		background-color: rgba(255, 255, 255, 0.1);
		border-radius: 50px;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		border: 1px solid rgb(30, 24, 78, 0.3);
		outline: 3px solid rgb(158, 27, 79, 0.3);
	}

	.proje-left {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		border-top-right-radius: 40px;
		border-bottom-right-radius: 40px;
	}

	.proje-title {
		font-size: 30px;
		font-weight: 700;
		color: #9e1b4f;
		display: block;
		line-height: 35px;
	}

	.proje-text {
		font-size: 14px;
		font-weight: 400;
		color: #444;
		display: block;
		line-height: 21px;
		margin-bottom: 10px;
	}

	.other-web-frame {
		width: 100%;
		height: auto;
		padding: 30px 15px;
		text-align: center;
		border: 2px solid rgba(0, 0, 0, .05);
		border-radius: 15px;
		cursor: pointer;
	}

	.other-web-frame:hover {
		border: 2px solid rgba(0, 0, 0, .1);
	}

	.other-web-frame-text {
		font-size: 17px;
		font-weight: 500;
		color: #1e184e;
		text-align: center;
		display: block;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid rgba(0, 0, 0, .1);
	}

	.footer {
		margin-top: 100px;
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 80px;
		padding-bottom: 70px;
		background-color: #1e184e;
	}

	.footer-logo {
		width: 150px;
		height: 150px;
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: -75px;
		background-image: url(../images/catalca-bel-logo.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
	}

	.footer-ataturk {
		width: 300px;
		height: 62px;
		z-index: 998;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		background-image: url(../images/ataturk-imza.svg);
	}

	.footer-title {
		font-size: 14px;
		font-weight: 800;
		letter-spacing: 1.5px;
		color: #fff;
		display: block;
		margin-bottom: 20px;
	}

	.footer-link {
		cursor: pointer;
		font-size: 13px;
		font-weight: 400;
		color: rgba(255, 255, 255, 0.7);
		display: block;
		margin-bottom: 10px;
	}

	.footer-link:hover {
		color: #fff;
	}

	.stack-cards__item {
		position: relative;
		position: -webkit-sticky;
		position: sticky;
		top: 100px;
		height: 0;
		padding-bottom: 45%;
		-webkit-transform-origin: center top;
		transform-origin: center top;
		overflow: hidden;
	}

	.talep-frame{
		width: 100%;
		height: auto;
		border-radius: 25px;
		height: 100%;
		background-color: #fff;
		border: 2px solid rgba(0, 0, 0, .05);
		margin-top: 0px;
		background-image: url(../images/taleponeri-bg.eps.svg);
		background-repeat: no-repeat;
		background-position: bottom -70px right -50px;
		background-size: auto 120%;
		padding: 0px 15px;
	}

	.talep-cta1{
		background-color: #1e184e;
		color: #fff;
		border-radius: 18px;
		padding: 10px 15px;
		font-size: 13px;
		font-weight: 500;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		margin-right: 10px;
		transition: 0.1s ease-in-out;
	}

  .talep-cta1-ico{
		font-size: 15px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.talep-cta2-ico{
		font-size: 15px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.talep-cta1:hover{
		background-color: #1d1d1d;
		transition: 0.1s ease-in-out;
	}

	.talep-cta2{
		background-color: #9e1b4f;
		color: #fff;
		border-radius: 18px;
		padding: 10px 15px;
		font-size: 13px;
		font-weight: 500;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		transition: 0.1s ease-in-out;
	}

	.talep-cta2:hover{
		background-color: #1d1d1d;
		transition: 0.1s ease-in-out;
	}


	.footer-contact-frame{
		margin-bottom: 20px;
		width: 100%;
		display: block;
		height: auto;
		transition: 0.1s ease-in-out;
	}

	.footer-contact{
		width: auto;
		height: auto;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		gap: 15px;
		transition: 0.1s ease-in-out;
	}

	.footer-contact:hover .footer-contact-ico{
		background-color: #fff;
		transition: 0.1s ease-in-out;
	}

	.footer-contact:hover .footer-contact-icos{
		color: #1e184e;
		transition: 0.1s ease-in-out;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}


	.footer-contact-ico{
		transition: 0.1s ease-in-out;
		width: 45px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 45px;
		border-radius: 15px;
		background-color: #3b2e7b;
	}

	.footer-contact-icos{
		transition: 0.1s ease-in-out;
		color: #fff;
		font-size: 20px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.footer-contact-text{
		border-bottom: 1px solid rgba(255,255,255,0);
		transition: 0.1s ease-in-out;
		font-size: 20px;
		display: inline-block;
		color: #fff;
		font-weight: 300;
	}

	.footer-contact-text2{
		border-bottom: 1px solid rgba(255,255,255,0);
		transition: 0.1s ease-in-out;
		font-size: 13px;
		display: inline-block;
		color: #fff;
		font-weight: 300;
	}



	.footer-kvkk-cta{
		width: auto;
		height: auto;
		padding: 15px 35px;
		font-size: 12px;
		font-weight: 500;
		color: #fff;
		border-radius: 15px;
		border: 1px solid rgba(255,255,255,0.5);
		display: flex;
		align-items: center;
		gap: 10px;
		cursor: pointer;
	}

	.footer-kvkk-cta:hover{
		background-color: rgba(255,255,255,0.1);
	}

	.footer-kvkk-cta-ico{
		color: #fff;
		font-size: 23px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.footer-copy{
		font-size: 14px;
		font-weight: 400;
		color: rgba(255,255,255,0.6);
		text-align: center;
		margin-top: 100px;
	}

  .talep-space{
		display: none;
	}

	.owl-dots {
		text-align: center;
		margin-top: 5px;
		padding-bottom: 0px;
	}

	.owl-dot {
		width: 10px;
		height: 12px;
		background: transparent !important;
		outline: 1px solid #9e1b4f;
		display: inline-block;
		border-radius: 100px;
		border: none;
		margin: 10px 5px;
		transition: all 0.53s ease;
	}

	.owl-dot.active {
		background: #9e1b4f !important;
		/* senin ana rengin neyse onunla değiştir */
		transform: scale(1);
	}

	.owl-carousel-price {
		overflow: hidden;
	}

	.owl-carousel-service {
		overflow: hidden;
	}

	.owl-carousel4 {
		touch-action: pan-y !important;
	}
    
	.dew-nav{
		display: none;
	}

	.modelBox {
        width:35%;
        height: auto;
        margin:0px auto;
        background-color:transparent;
        left: 0px;
        right: 0px;
        border-radius: 25px;
        top: 60px;
        margin: auto;
        position:relative;
        opacity:1;
      }

	  .modelBox img{
		border-radius: 20px;
	  }

	  .overlay {
        backdrop-filter: blur(20px);
        background-color: rgb(59, 46, 123,0.8);
		-webkit-backdrop-filter: blur(20px);
        width: 100%;
        height: 100%;
        top:0px;
        bottom:0px;
        left:0px;
        margin: auto;
        right:0px;
        z-index: 999998;
        display:none;
        position: fixed;
      }

      .popup-close{
        width: 35px !important;
		height: 35px !important;
        position: absolute;
        top: 0px;
		background-image: url(../images/icon/popup-close.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 40%;
		right: -40px;
        font-size: 15px;
        opacity: 1 !important;
        text-shadow: none;
        color: #1e184e;
        font-weight: 700;
        border-radius: 10px;
        background-color: #fff;
        text-align: center;
		transition: 0.1s ease-in-out;
      }

	  .popup-close:hover{
		transform: scale(1.1);
		transition: 0.1s ease-in-out;
	  }

      .popup-close:active{
        transform: scale(0.9);
		transition: 0.01s ease-in-out;
      }

	  
	/**PART2**/

	.content-banner {
		width: 100%;
		height: 180px;
		background-color: #1e184e;
		border-radius: 0px 0px 50px 50px;
	}

	.content-banner-title-area {
		width: 100%;
		height: auto;
		padding: 30px 0px;
		background-color: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}

	.content-banner-title {
		font-size: 22px;
		font-weight: 800;
		color: #1e184e;
		display: block;
		line-height: 22px;
	}

	.content-map-text {
		cursor: pointer;
		font-size: 14px;
		font-weight: 500;
		color: #1e184e;
		display: inline-block;
	}

	.content-map-text:hover {
		text-decoration: underline;
	}

	.content-map-line {
		position: relative;
		top: 2px;
		font-size: 14px;
		color: #1e184e;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.content-map-text-icon {
		position: relative;
		top: 2px;
		cursor: pointer;
		font-size: 14px;
		color: #9e1b4f;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.content-nav-btn {
		width: auto;
		height: auto;
		padding: 10px 25px;
		border-radius: 15px;
		border: 1px solid rgba(0, 0, 0, .2);
		cursor: pointer;
		font-size: 13px;
		font-weight: 400;
		display: flex;
		gap: 10px;
		align-items: center;
	}

	.content-nav-btn:hover {
		background-color: #1e184e;
		color: #fff;
	}

	.content-nav-btn:active {
		transform: scale(0.96);
	}

	.content-nav-btn:hover .content-nav-btn-ico {
		color: #fff;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.content-nav-btn-ico {
		font-size: 15px;
		color: #9e1b4f;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}


	.content-left-menu {
		width: 100%;
	}

	.content-left-item {
		margin-bottom: 10px;
	}

	.content-left-btn {
		background-image: url(../images/icon/content-left-ico.svg);
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: auto 70%;
		width: 100%;
		text-align: left;
		background-color: transparent;
		border: none;
		cursor: pointer;
		font-size: 20px;
		font-weight: 700;
		padding-left: 15px;
		color: #1e184e;
		margin-bottom: 10px;
	}

	/* Submenu default (desktop) */
	.content-left-submenu {

	}

	.content-left-link {
		transition: 0.1s ease-in-out;
		background-color: rgba(0,0,0,.0);
		border-radius: 12px;
		padding: 15px 20px 15px 45px;
		font-size: 13px;
		font-weight: 500;
		display: block;
		color: #1e184e;
		margin-top: 8px;
		text-decoration: none;
		background-image: url(../images/icon/mob-link.svg);
		background-repeat: no-repeat;
		background-position: left 15px center;
		background-size: 20px auto;
	}

	.content-left-link:Hover{
		transition: 0.1s ease-in-out;
		background-color: rgba(0,0,0,.05);
		color: #1e184e;
	}

	.content-left-link:active{
		transition: 0.0s ease-in-out;
		background-color: rgba(0,0,0,.1);
		transform: scale(0.96);
		color: #1e184e;
	}


	.content-left-frame {
		background-color: #fff;
		border-radius: 15px;
		border: 1px solid rgba(0, 0, 0, .1);
		padding: 20px;
		position: sticky;
		top: 70px;
	}

	.content-left-link-act {
		transition: 0.1s ease-in-out;
		background-color: #1e184e;
		border-radius: 12px;
		padding: 15px 20px 15px 45px;
		font-size: 13px;
		font-weight: 500;
		display: block;
		color: #fff;
		margin-top: 8px;
		text-decoration: none;
		background-image: url(../images/icon/mob-link-white.svg), url(../images/icon/left-bar-arrow.svg);
		background-repeat: no-repeat, no-repeat;
		background-position: left 15px center , right 15px center;
		background-size: 20px auto, 15px auto;
	}

	.content-left-link-act:Hover{
		transition: 0.1s ease-in-out;
		background-color: #1e184e;
		color: #fff;
	}

	.content-box{
		width: 100%;
		height: auto;
		padding: 25px;
		background-color: #fff;
		box-shadow: 0px 20px 50px rgba(0,0,0,.1);
		border-radius: 15px;
		margin-bottom: 25px;
	}

	.person-img{
		border: 1px solid rgba(0,0,0,.1);
		width: 100%;
		height: auto;
		padding-top: 100%;
		border-radius: 12px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.person-name{
		font-size: 22px;
		line-height: 28px;
		font-weight: 700;
		color: #1e184e;
		display: block;
	}

	.person-subname{
		font-size: 18px;
		margin-top: 0px;
		font-weight: 400;
		color: #9e1b4f;
		display: block;
		line-height: 21px;
	}

	.person-contact{
		font-size: 13px;
		font-weight: 500;
		color: #1e184e;
		display: flex;
		align-items: center;
		gap: 10px;
		margin-top: 10px;
	}

	.person-contact-icon{
		font-size: 14px;
		color: #9e1b4f;
		font-variation-settings:
			'FILL' 0,
			'wght' 800,
			'GRAD' -25,
			'opsz' 48;
	}

	.person-contact-text{
		font-size: 25px;
		line-height: 30px;
		margin-top: 0px;
		font-weight: 300;
		color: #9e1b4f;
		display: block;
	}

	.person-cta{
		cursor: pointer;
		width: auto;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		border-radius: 10px;
		font-size: 12px;
		font-weight: 600;
		color: #1e184e;
		background-color: rgba(0,0,0,.07);
		padding: 10px 20px;
		margin-top: 30px;
		transition: 0.1s ease-in-out;
	}

	.person-cta:hover{
		transition: 0.1s ease-in-out;
		background-color: #9e1b4f;
		color: #fff;
	}

	.person-cta:hover .person-cta-icon{
		transition: 0.1s ease-in-out;
		color: #fff;
		font-variation-settings:
			'FILL' 1,
			'wght' 800,
			'GRAD' -25,
			'opsz' 48;
	}

	.person-cta-icon{
		transition: 0.1s ease-in-out;
		font-size: 15px;
		color: #9e1b4f;
		font-variation-settings:
			'FILL' 0,
			'wght' 800,
			'GRAD' -25,
			'opsz' 48;
	}

	.person-subtitle{
		margin-bottom: 5px;
		font-size: 15px;
		font-weight: 700;
		color: #1e184e;
	}

	.person-mudurluk{
		font-size: 12px;
		font-weight: 400;
		color: #1e184e;
		display: block;
		background-image: url(../images/icon/next.png);
		background-repeat: no-repeat;
		background-position: left 10px center;
		background-size: auto 20px;
		border-radius: 10px;
		padding: 10px 10px 10px 35px;
		cursor: pointer;
	}

	.person-mudurluk:hover{
		background-color: rgba(0,0,0,.06);
	}

	.mudurluk-box{
		margin-bottom: 25px;
		width: 100%;
		height: auto;
		padding: 15px;
		border-radius: 15px;
		background-color: rgba(0,0,0,.05);
		background-repeat: no-repeat;
		background-position: right 10px top 10px;
		background-size: 25px;
		cursor: pointer;
		transition: 0.1s ease-in-out;
	}

	.mudurluk-box:hover{
		background-color: rgba(0,0,0,.1);
		transition: 0.1s ease-in-out;
	}

	.mudurluk-img{
		width: 100%;
		height: auto;
		padding-top: 100%;
		border-radius: 12px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 130%;
	}

	.mudurluk-title{
		font-size: 19px;
		font-weight: 700;
		color: #1d1543;
		display: block;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.mudurluk-name{
		font-size: 17px;
		font-weight: 500;
		color: #9e1b4f;
		display: block;
		line-height: 22px;
	}

	/**PART3**/

	.mudurluk-content-title{
		font-size: 24px;
		font-weight: 600;
		color: #1d1543;
		display: block;
		line-height: 35px;
	}

	.mudurluk-content-subtitle{
		font-size: 17px;
		font-weight: 400;
		color: #1d1543;
		opacity: 0.6;
		display: block;
		line-height: 25px;
	}

	.content-person-img{
		margin-bottom: 20px;
		width: 100%;
		height: auto;
		padding-top: 100%;
		border-radius: 15px;
		border: 1px solid rgba(0,0,0,.1);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.mudurluk-content-contact{
		background-color: rgba(0,0,0,.0);
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 10px;
		padding: 10px 20px;
		margin-bottom: 10px;
		justify-content: center;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		font-size: 15px;
		font-weight: 300;
		color: #1d1543;
	}

	.mudurluk-content-contact:hover{
		background-color: #1d1543;
		color: #fff;
	}

	.mudurluk-content-contact:hover .mudurluk-content-contact-ico{
		color: #fff;
	}


	.mudurluk-content-contact-ico{
		color: #9e1b4f;
		font-size: 14px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.mudurluk-dokuman-frame{
		width: 100%;
		height: auto;
		padding: 15px 20px;
		display: flex;
		align-items: center;
		gap: 20px;
		background-color: rgb(29, 21, 67,0.05);
		margin-bottom: 30px;
		border-radius: 15px;
	}

	.mudurluk-dokuman-btn{
		width: auto;
		height: auto;
		border-radius: 12px;
		cursor: pointer;
		background-color: #1d1543;
		color: #fff;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		font-size: 14px;
		font-weight: 500;
		padding: 15px 25px;
	}

	.mudurluk-dokuman-btn-ico{
		color: rgba(255,255,255,0.5);
		font-size: 20px;
		font-variation-settings:
			'FILL' 0,
			'wght' 800,
			'GRAD' -25,
			'opsz' 48;
	}

	.mudurluk-dokuman-btn:hover{
		background-color: #9e1b4f;
	}

	.kurumsal-kimlik-box{
		cursor: pointer;
		border-radius: 15px;
		padding: 12px 12px 0px 12px;
		border: 1px solid rgba(0,0,0,.1);
		width: 100%;
		height: auto;
	}

	.kurumsal-kimlik-box:hover{
		border: 1px solid rgba(0,0,0,.3);
	}

	.kurumsal-kimlik-img-area{
		width: 100%;
		height: 50px;
		text-align: center;
	}

	.kurumsal-kimlik-text-area{
		width: 100%;
		height: 50px;
		text-align: center;
		border-top: 1px solid rgba(0,0,0,.1);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		font-weight: 500;
		color: #1d1543;
	}

	
	.simple-accordion {
		width: 90%;
		margin: auto auto 12px auto;
		}

		.simple-accordion-btn {
			background-image: url(../images/icon/org-dropdown.svg);
			background-repeat: no-repeat;
			background-position: right 40px center;
			background-size: 30px;
		background-color: rgba(0,0,0,.05);
		position: relative;
		z-index:9999;
		width: 100%;
		padding: 1.5rem 1.5rem 1.5rem 1rem;
		border-radius: 12px;
		border: none;
		color: #1e184e;
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		cursor: pointer;
		transition: 0s ease-in-out;
		}

		.simple-accordion-btn:hover{
			background-image: url(../images/icon/org-dropdown2.svg);
			transition: 0s ease-in-out;
			outline: 2px solid rgb(29, 21, 67,1);
		}

		.simple-accordion-content {
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transition:
			max-height 0.45s ease,
			opacity 0.3s ease,
			padding 0.3s ease;
		padding-top: 10px;
		}

		.simple-accordion-content.active {
		opacity: 1;
		padding-top: 10px;
	}

	.org-chart-level1{
		width: 100%;
		height: auto;
		padding-top: 130%;
		position: relative;
		border-radius: 15px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		overflow: hidden;
		background-image: url(../images/erhan-guzel.jpg);
	}

	.org-chart-level1-title{
		width: 100%;
		height: auto;
		padding: 10px 15px 15px 15px;
		background-color: rgba(255, 255, 255, 0.8);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}

	.org-border-left{
		border-left: 1px solid rgb(29, 21, 67,0.6);
	}

	.org-border-right{
		border-right: 1px solid rgb(29, 21, 67,0.6);
	}

	.org-border-top{
		border-top: 1px solid rgb(29, 21, 67,0.6);
	}

	.org-border-bottom{
		border-bottom: 1px solid rgb(29, 21, 67,0.6);
	}

	.org-chart-level2{
		display: flex;
		align-items: center;
		width: 90%;
		margin: auto auto 20px auto;
		height: auto;
		padding: 1rem 1rem 1rem 1rem;
		border-radius: 15px;
		background-color: rgba(0,0,0,.05);
	}

	.org-icon{
		width: 60px;
		height: 60px;
		display: inline-block;
		border-radius: 12px;
		background-color: #5b0d72;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 45%;
	}

	.org-text-area{
		width: auto;
		height: auto;
		display: inline-block;
		font-size: 20px;
		font-weight: 400;
		color: #1d1543;
		padding-left: 30px;
	}

	.org-text-area-sub{
		font-size: 14px;
		font-weight: 500;
		color: #5b0d72;
		display: block;
		margin-top: 0px;
	}

	.org-border-main{
		background-image: url(../images/icon/org-border.svg);
		background-repeat: no-repeat;
		background-position: left top 5rem;
		background-size: 6% 1px;
	}

	.org-space{
		width: 100%;
		height: 30px;
	}

	.org-space2{
		width: 100%;
		height: 10px;
	}

	.org-drop-title{
		font-size: 25px;
		font-weight: 400;
		color: #1d1543;
	}

	.org-drop-person-area{
		width: auto;
		height: auto;
	}

	.org-drop-subtitle{
		font-size: 17px;
		font-weight: 400;
		color: #5b0d72;
	}

	.org-drop-person-img{
		width: 100px;
		height: 100px;
		display: inline-block;
		border-radius: 12px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		cursor: pointer;
	}

	.org-mudurluk-frame{
		width: 100%;
		height: auto;
		padding: 10px;
		background-color: #fff;
		border: 1px solid rgba(0,0,0,.1);
		background-repeat: no-repeat;
		background-position: center right 30px;
		background-size: 30px;
		border-radius: 13px;
	}

	.org-mudurluk-frame:hover{
		border: 1px solid rgba(0,0,0,.76);
	}

	.org-mudurluk-img{
		border: 1px solid rgba(0,0,0,.1);
		width: 90px;
		height: 90px;
		border-radius: 10px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.org-mudurluk-content{
		width: 100%;
		height: auto;
	}

	.org-mudurluk-title{
		font-size: 19px;
		font-weight: 500;
		color: #1d1543;
		display: block;
	}

	.org-mudurluk-subtitle{
		font-size: 17px;
		font-weight: 400;
		color: #5b0d72;
		display: block;
	}

	.news-box{
		cursor: pointer;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(0,0,0,.1);
		outline: 2px solid transparent;
		padding: 10px;
		border-radius: 15px;
		position: relative;
		transition: 0.1s ease-in-out;
	}

	.news-box:hover{
		border: 1px solid rgba(0,0,0,0);
		transition: 0.1s ease-in-out;
		outline: 2px solid rgb(53, 101, 226,0.4);
	}

	.news-box:active{
		transform: scale(0.99);
		transition: 0s ease-in-out;
	}

	.news-box-img{
		width: 100%;
		height: auto;
		padding-top: 50%;
		border-radius: 12px;
		position: relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.news-box-img-small{
		width: 100%;
		height: auto;
		padding-top: calc(100% + 28px);
		border-radius: 12px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		position: relative;
	}

	.news-box-img-middle{
		width: 100%;
		height: auto;
		padding-top: calc(60% + 28px);
		border-radius: 12px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		position: relative;
	}

	.news-box-content{
		width: 100%;
		height: 170px;
		padding: 15px;
	}

	.news-box-title{
		font-size: 16px;
		font-weight: 600;
		color: #1d1543;
		display: block;
		line-height: 24px;
	}

	.news-box-description{
		font-size: 14px;
		font-weight: 400;
		color: #1d1543;
		display: block;
		line-height: 19px;
		margin-top: 10px;
	}

	.news-cat-haber{
		width: auto;
		height: auto;
		position: absolute;
		right: 10px;
		top: 10px;
		border-radius: 10px;
		font-size: 12px;
		font-weight: 500;
		background-color: rgb(91, 13, 114,0.6);
		color: #fff;
		padding: 5px 10px;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	.news-cat-duyuru{
		width: auto;
		height: auto;
		position: absolute;
		right: 10px;
		top: 10px;
		border-radius: 10px;
		font-size: 12px;
		font-weight: 500;
		background-color: rgb(53, 101, 226,0.6);
		color: #fff;
		padding: 5px 10px;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	.news-cat-meclis{
		width: auto;
		height: auto;
		position: absolute;
		right: 10px;
		top: 10px;
		border-radius: 10px;
		font-size: 12px;
		font-weight: 500;
		background-color: rgb(158, 27, 79,0.6);
		color: #fff;
		padding: 5px 10px;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	.news-date-frame{
		display: flex;
		align-items: center;
		gap: 5px;
		margin-bottom: 10px;
	}

	.news-date{
		font-size: 13px;
		font-weight: 400;
		color: rgb(29, 21, 67,0.6);
	}

	.news-date-ico{
		color: rgb(29, 21, 67,0.6);
		font-size: 12px;
		font-variation-settings:
			'FILL' 0,
			'wght' 900,
			'GRAD' -25,
			'opsz' 48;
	}

	.news-loader{
		width: auto;
		height: auto;
		padding: 15px 45px;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		margin: auto;
		font-size: 16px;
		font-weight: 600;
		color: #1d1543;
		background-color: rgba(0,0,0,.06);
		border-radius: 15px;
		cursor: pointer;
		transition: 0.1s ease-in-out;
	}

	.news-loader:hover{
		background-color:#9e1b4f;
		color: #fff;
		transition: 0.1s ease-in-out;
	}

	

	.news-tabs {
		width: 100%;
		}

		.news-tab-buttons {
		display: flex;
		gap: 10px;
		margin-bottom: 20px;
		}

		.news-tab-btn {
		padding: 12px 25px;
		border: none;
		cursor: pointer;
		font-weight: 500;
		border-radius: 12px;
		font-size: 14px;
		opacity: 1;
		transition: all 0.1s ease;
		}

		.news-tab-btn.news-active {
		transition: all 0.1s ease;
		}

		.news-tab-btn.news-cat-1.news-active {
		transition: all 0.1s ease;
		background-color: #1d1543;
		color: #fff;
		}

		.news-tab-btn.news-cat-2.news-active {
		transition: all 0.1s ease;
		background-color: #1d1543;
		color: #fff;
		}

		.news-tab-btn.news-cat-3.news-active {
		transition: all 0.1s ease;
		background-color: #9e1b4f;
		color: #fff;
		}

		.news-tab-btn.news-cat-4.news-active {
		transition: all 0.1s ease;
		background-color: #3565e2;
		color: #fff;
		}

	
		.news-cat-1 {
			background: #fff;
			border: 1px solid rgba(0,0,0,0.5);
			color: #1d1543;
		}

		.news-cat-2 {
			background: rgb(29, 21, 67,0.089);
			border: 1px solid rgb(29, 21, 67,0.05);
			color: #1d1543;
		}

		.news-cat-3 {
			background: rgb(158, 27, 79,0.089);
			border: 1px solid rgb(158, 27, 79,0.1);
			color: #9e1b4f;
		}

		.news-cat-4 {
			background: rgb(53, 101, 226,0.089);
			border: 1px solid rgb(53, 101, 226,0.1);
			color: #3565e2;
		}


		/* İçerik alanı */
		.news-tab-content {
		display: none;
		animation: newsFade 0.4s ease;
		}

		.news-tab-content.news-active {
		display: block;
		}

		@keyframes newsFade {
		from { opacity: 0; transform: translateY(5px); }
		to { opacity: 1; transform: translateY(0); }
		}


		.similar-news-box{
			border: 1px solid rgba(0,0,0,.1);
			cursor: pointer;
			border-radius: 15px;
			padding: 5px;
		}

		.similar-news-box:hover{
			background-color: rgba(0,0,0,.03);
			border: 1px solid rgba(0,0,0,0);
		}

		.similar-news-img{
			width: 100%;
			height: 100px;
			border-radius: 10px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		.similar-cat{
			font-size: 10px;
			font-weight: 400;
			color: #1d1543;
			background-color: rgb(29, 21, 67,0.1);
			display: inline-block;
			border-radius: 5px;
			padding: 3px 8px;
		}

		.similar-title{
			font-size: 13px;
			margin-top: 5px;
			font-weight: 500;
			color: #1d1543;
			display: block;
			line-height: 17px;
		}

		.similar-date{
			font-size: 10px;
			font-weight: 300;
			color: rgba(0,0,0,.5);
			display: block;
			margin-top: 5px;
		}

		.news-content-title{
			font-size: 40px;
			font-weight: 600;
			color: #1d1543;
			display: block;
			line-height: 45px;
			padding-left: 20px;
			letter-spacing: -1px;
			padding-top: 10px;
			padding-bottom: 10px;
			border-left: 3px solid rgb(158, 27, 79,1);
		}

		.news-content-subtitle{
			font-size: 22px;
			font-weight: 300;
			color: rgb(29, 21, 67,0.8);
			display:block;
			line-height: 30px;
			letter-spacing: -0.2px;
			margin-top: 10px;
		}

		.news-content-img{
			width: 100%;
			height: auto;
			position: relative;
			padding-top: 50%;
			border-radius: 15px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			margin-top: 0px;
			margin-bottom: 20px;
		}

		.news-content-frame{
			margin-top: 30px;
			width: 100%;
			height: auto;
			padding-left: 15px;
			padding-top: 10px;
			padding-bottom: 10px;
			border-left: 1px solid rgba(0, 0, 0, 0.3);
		}

		.news-content-date{
			padding: 5px 10px;
			border: 1px solid rgba(0,0,0,.2);
			border-radius: 10px;
			margin-bottom: 15px;
			font-size: 14px;
			font-weight: 400;
			color: #1d1543;
			display: inline-flex;
			align-items: center;
			gap: 10px;
		}

		.news-content-date-icon{
			font-size: 13px;
			color: #5b0d72;
			font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
		}

		.news-content-cat{
			padding: 5px 10px;
			border: 1px solid rgba(0,0,0,.2);
			border-radius: 10px;
			margin-bottom: 15px;
			background-color: #1d1543;
			font-size: 14px;
			font-weight: 400;
			color: #fff;
			display: inline-flex;
			align-items: center;
			gap: 10px;
		}

		.prev-news{
			width: 100%;
			height: auto;
			padding: 10px !important;
			border: 1px solid rgba(0,0,0,0);
			cursor: pointer;
			border-radius: 15px;
			background-color: rgba(0,0,0,.06);
			transition: 0.1s ease-in-out;
		}

		.prev-news:hover{
			background-color: rgba(0,0,0,.1);
			transform: translateY(-5px);
			transition: 0.1s ease-in-out;
		}

		.prev-news-img{
			width: 100%;
			height: auto;
			padding-top: 100%;
			border-radius: 12px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		.prev-news-nav{
			width: auto;
			height: auto;
			font-size: 13px;
			font-weight: 500;
			color: rgba(0,0,0,.6);
			display: inline-flex;
			align-items: center;
			gap: 10px;
		}

		.prev-news-nav span{
			font-size: 15px;
			font-variation-settings:
			'FILL' 1,
			'wght' 900,
			'GRAD' -25,
			'opsz' 48;
		}

		.prev-news-nav-title{
			font-size: 16px;
			font-weight: 500;
			color: #1d1543;
			line-height: 22px;
			display: block;
			margin-top: 0px;
		}	

		.project-frame{
			width: 100%;
			height: auto;
			border-radius: 40px;
			padding: 10px;
			border: 1px solid rgba(0,0,0,0.2);
			transition: 0.1s ease-in-out;
			outline: 3px solid rgba(0,0,0,0.0);
		}

		.project-frame:hover{
			outline: 3px solid #1d1543;
			transition: 0.1s ease-in-out;
			border: 1px solid rgba(0,0,0,0.0);
		}

		.project-frame-img{
			width: 100%;
			height: auto;
			padding-top: 90%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			border-radius: 30px;
		}

		.project-frame-content{
			width: 100%;
			height: 125px;
			padding: 30px 10px 10px 10px;
			text-align: center;
		}

		.project-frame-title{
			font-size: 22px;
			font-weight: 700;
			color: #1d1543;
			display: block;
			line-height: 20px;
		}

		.project-frame-subtitle{
			margin-top: 15px;
			font-size: 13px;
			font-weight: 400;
			color: #1d1543;
			display: block;
			line-height: 19px;
		}

		.project-frame-cta{
			width: 95%;
			margin: auto auto 10px auto;
			height: auto;
			padding: 10px;
			font-size: 13px;
			font-weight: 600;
			color: #fff;
			background-color: #1d1543;
			border-radius: 40px;
			cursor: pointer;
			border: 1px solid #1d1543;
			transition: 0.1s ease-in-out;
		}

		.project-frame-cta:hover{
			background-color: #fff;
			color: #1d1543;
			border: 1px solid #1d1543;
			transition: 0.1s ease-in-out;
		}

		.project-frame-cta:active{
			background-color: #fff;
			color: #1d1543;
			border: 1px solid #1d1543;
			transition: 0s ease-in-out;
		}


		.project-first-greeting{
			font-size: 22px;
			font-weight: 600;
			font-style: italic;
			color: #1d1543;
			line-height: 30px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.project-signature{
			margin-top: 20px;
			width: 200px;
		}

		.project-content-box{
			cursor: pointer;
			width: 100%;
			height: 100%;
			border-radius: 15px;
			padding: 10px 10px 0px 10px;
			border: 1px solid rgba(0,0,0,.1);
			transition: 0.1s ease-in-out;
		}

		.project-content-box-img{
			position: relative;
			width: 100%;
			height: auto;
			padding-top: 60%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			border-radius: 12px;
		}


		.project-content-box-img-icon{
			z-index: 90;
			width: 0px;
			height: 0px;
			border-radius: 100px;
			transition: 0.1s ease-in-out;
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			position: absolute;
			right: 0px;
			left: 0px;
			top: 0px;
			bottom: 0px;
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 0;
			border: 1px solid rgba(255,255,255,0.2);
		}

		.project-content-box-img-icon span{
			color: #fff;
			font-size: 25px;
			font-variation-settings:
			'FILL' 1,
			'wght' 900,
			'GRAD' -25,
			'opsz' 48;
		}

		.project-content-box:hover .project-content-box-img-icon{
			width: 65px;
			transition: 0.1s ease-in-out;
			height: 65px;
			opacity: 1;
		}

		.project-content-box:hover{
			border: 1px solid rgb(29, 21, 67,0.5);
			transition: 0.1s ease-in-out;
		}

		.project-content-box-text{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: auto;
			min-height: 50px;
			padding: 15px;
			font-size: 15px;
			font-weight: 400;
			color: #1d1543;
			text-align: center;
		}

		.project-content-cover{
			width: 100%;
			height: auto;
			padding-top: 50%;
			border-radius: 15px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		.project-content-title{
			font-size: 40px;
			font-weight: 600;
			color: #1d1543;
			display: block;
			line-height: 45px;
			letter-spacing: -1px;
			padding-top: 25px;
			padding-bottom: 25px;
			text-align: center;
		}

		.project-nav-prev{
			cursor: pointer;
			position: sticky;
			top: 100px;
			width: 100%;
			height: auto;
			padding: 25px;
			border-radius: 15px;
			background-color: rgba(0,0,0,.05);
			transition: 0.1s ease-in-out;
		}

		.project-nav-prev:hover{
			background-color: #1d1543;
			transition: 0.1s ease-in-out;
		}

		.project-nav-prev:hover .project-nav-prev-text{
			color: #fff;
			border-bottom: 1px solid rgba(255,255,255,.15);
			transition: 0.1s ease-in-out;
		}

		.project-nav-prev:hover .project-nav-prev-title{
			color: #fff;
			transition: 0.1s ease-in-out;
		}

		.project-nav-prev-text{
			border-bottom: 1px solid rgba(0,0,0,.15);
			padding-bottom: 10px;
			font-size: 13px;
			font-weight: 400;
			color: rgba(0,0,0,.8);
			display: flex;
			align-items: center;
			justify-content:center;
			gap: 10px;
			transition: 0.1s ease-in-out;
		}

		.project-nav-prev-text span{
			font-size: 15px;
			transition: 0.1s ease-in-out;
			font-variation-settings:
			'FILL' 1,
			'wght' 900,
			'GRAD' -25,
			'opsz' 48;
		}

		.project-nav-prev-img{
			transition: 0.1s ease-in-out;
			width: 100%;
			height: auto;
			padding-top: 60%;
			border-radius: 12px;
			margin-top: 20px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		.project-nav-prev-title{
			transition: 0.1s ease-in-out;
			font-size: 16px;
			font-weight: 600;
			color: #1d1543;
			display: block;
			line-height: 19px;
			margin-top: 15px;
			text-align: center;
		}

		
	.content-acc-item {
		margin-bottom: 10px;
	}

	/* Header */
	.content-acc-header {
		position: relative;
		width: 100%;
		padding: 25px 34px;
		background: #ffffff;
		border: none;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 22px;
		font-weight: 500;
		color: #1f2937;
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 16px;
		cursor: pointer;
		transition: background 0.25s ease, color 0.25s ease;
	}

	.content-acc-header:hover {
		background: #fff;
		border: 1px solid rgba(0,0,0,.2);
	}

	.content-acc-header.active {
		background-color: #1d1543;
		color: #fff;
	}

	/* Arrow */
	.content-acc-arrow {
		width: 34px;
		flex-shrink: 0;
		transition: transform 0.35s cubic-bezier(.4, 0, .2, 1);
	}

	.content-acc-header.active .content-acc-arrow {
		transform: rotate(180deg);
		filter: brightness(100) grayscale(1) invert(1);
	}

	/* Body */
	.content-acc-body {
		height: 0;
		overflow: hidden;
		opacity: 0;
		transform: translateY(-6px);
		transition:
			height 0.45s cubic-bezier(.4, 0, .2, 1),
			opacity 0.25s ease,
			transform 0.35s ease;
	}

	.content-acc-body.active {
		opacity: 1;
		transform: translateY(0);
	}

	/* Inner */
	.content-acc-body-inner {
		padding: 18px 24px;
	}

	/* ==================================================
   LEVEL 2 ACCORDION
   ================================================== */

	.content-acc-sub-item {
		background: transparent;
	}

	/* Header */
	.content-acc-sub-header {
		position: relative;
		margin-bottom: 10px;
		width: 100%;
		padding: 16px 28px;
		border-radius: 16px;
		background: #fff;
		border: 1px solid rgba(0,0,0,0.1);
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 15px;
		font-weight: 500;
		color: #374151;
		cursor: pointer;

		transition: background 0.25s ease, color 0.25s ease;
	}

	.content-acc-sub-header:hover {
		background: #f0f1f3;
	}

	.content-acc-sub-header.active {
		background-color: #3b2e7b;
		color: #fff;
	}

	/* Arrow */
	.content-acc-sub-arrow {
		width: 20px;
		flex-shrink: 0;
		transition: transform 0.35s cubic-bezier(.4, 0, .2, 1);
	}

	.content-acc-sub-header.active .content-acc-sub-arrow {
		transform: rotate(180deg);
		filter: brightness(100) grayscale(1) invert(1);
	}

	/* Body */
	.content-acc-sub-body {
		height: 0;
		overflow: hidden;
		opacity: 0;
		transform: translateY(-6px);

		transition:
			height 0.45s cubic-bezier(.4, 0, .2, 1),
			opacity 0.25s ease,
			transform 0.35s ease;
	}

	.content-acc-sub-body.active {
		opacity: 1;
		transform: translateY(0);
	}

	/* Inner */
	.content-acc-sub-body-inner {
		padding: 14px 28px;
	}

	.aski-content-frame{
		background-image: url(../images/icon/acc-ico.svg);
		background-repeat: no-repeat;
		background-position: right 20px center;
		background-size: 30px;
		width: 100%;
		height: auto;
		padding: 20px 60px 20px 20px;
		border-radius: 15px;
		border: 1px solid rgba(0,0,0,.1);
		margin-bottom: 5px;
		cursor: pointer;
	}

	.aski-content-frame:Hover{
		background-color: rgba(0,0,0,.03);
		border: 1px solid rgba(0,0,0,.0);
	}

	.aski-date{
		width: 100%;
		height: auto;
		font-size: 12px;
		font-weight: 400;
		color: #1d1543;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.aski-date span{
		font-size: 13px;
		color: #9e1b4f;
		font-variation-settings:
			'FILL' 1,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.aski-date-content{
		font-size: 17px;
		line-height: 23px;
		font-weight: 400;
		color: #1d1543;
		display: block;
		margin-top: 10px;
	}

	.contact-btn{
		position: relative;
		width: 100%;
		height: auto;
		padding: 25px 25px 25px 25px;
		border-radius: 20px;
		background-color: rgba(0,0,0,.05);
		cursor: pointer;
		color: #1d1543;
		transition: 0.1s ease-in-out;
		margin-bottom: 10px;
	}

	.contact-btn:hover span{
		color: #fff;
		transition: 0.1s ease-in-out;
	}

	.contact-btn span{
		position: absolute;
		right: -10px;
		top: -10px;
		transition: 0.1s ease-in-out;
		color: #1d1543;
		font-size: 30px;
		font-variation-settings:
			'FILL' 0,
			'wght' 500,
			'GRAD' -25,
			'opsz' 48;
	}

	.contact-btn:hover{
		transition: 0.1s ease-in-out;
		background-color: #1d1543;
		color: #fff;
	}

	.contact-btn h1 {
		transition: 0.1s ease-in-out;
		font-size: 20px !important;
		color: #1d1543 !important; 
		font-weight: 400 !important;
		display: block !important;
		line-height: 25px !important;
		letter-spacing: 0px !important;
		background-color: transparent !important;
	}

	.contact-btn h2 {
		transition: 0.1s ease-in-out;
		font-size: 13px !important;
		color: #1d1543 !important; 
		font-weight: 400 !important;
		margin-bottom: 0px !important;
		margin-top: 0px !important;
		display: block !important;
		line-height: 20px !important;
		letter-spacing: 0px !important;
		background-color: transparent !important;
	}


	.contact-btn:hover h1 {
		transition: 0.1s ease-in-out;
		color: #fff !important; 
		letter-spacing: 0px !important;
	}

	.contact-btn:hover h2 {
		transition: 0.1s ease-in-out;
		color: #fff !important; 
	}

	.map-view{
		width: 100%;
		height: 100%;
		overflow: hidden;
		border-radius: 20px;
	}

.project-status-continue{
	width:auto;
height:auto;
padding:10px 20px;
font-size:14px;
font-weight:500;
color:#fff;
background-color:#f1c910;
border-radius:20px;
display:inline-block;
margin-top:10px;

}

.project-status-ok{
	width:auto;
height:auto;
padding:10px 20px;
font-size:14px;
font-weight:500;
color:#fff;
background-color:#68bd1d;
border-radius:20px;
display:inline-block;
margin-top:10px;

}

}