/* === ABOUT SECTION - WHITE THEME === */
.about-clean-section {
	background: #ffffff;
	padding-top: 80px;
	padding-bottom: 80px;
}

/* Sol Görseller */
.about-image-wrapper {
	position: relative;
}

.about-main-img {
	border-radius: 14px;
	width: 100%;
	box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.about-sub-img {
	position: absolute;
	bottom: -25px;
	left: 20px;
	width: 45%;
	border-radius: 14px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* Tecrübe Rozeti */
.about-exp-badge {
	position: absolute;
	top: -20px;
	right: -10px;
	background: #0d6efd;
	color: #fff;
	padding: 14px 24px;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	box-shadow: 0 6px 20px rgba(255,102,0,0.35);
}

	.about-exp-badge span {
		font-size: 26px;
	}

/* Sağ Taraf */
.about-badge {
	display: inline-block;
	background: #eaf3ff;
	color: #045bcd;
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 12px;
}

.about-title {
	font-size: 32px;
	font-weight: 700;
	color: #002d5b;
	line-height: 1.3;
}

	.about-title span {
		color: #0093ff;
	}

.about-text {
	font-size: 16px;
	color: #4a5b70;
	line-height: 1.7;
	margin-top: 15px;
}

/* ================================
   ÖZELLİK KUTULARI — DÜZELTİLMİŞ
   ================================ */
.about-feature-box {
	display: flex;
	gap: 14px;
	background: #f6faff;
	padding: 16px;
	border-radius: 12px;
	border: 1px solid #e4eef8;
	transition: .3s;
}

	/* Standart başlık boyutu */
	.about-feature-box h6 {
		font-size: 16px;
		font-weight: 600;
		color: #003366;
		margin-bottom: 6px;
	}

	/* Standart açıklama boyutu */
	.about-feature-box p {
		font-size: 14px;
		line-height: 1.5;
		color: #5a6d80;
		margin: 0;
	}

	/* Yumuşak hover */
	.about-feature-box:hover {
		transform: translateY(-3px);
		box-shadow: 0 4px 12px rgba(0,95,204,0.12);
	}

.icon-circle {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #ff6600;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.icon-circle img {
		width: 28px;
	}

/* Responsive */
@media(max-width:768px) {
	.about-sub-img {
		display: none;
	}

	.about-title {
		font-size: 26px;
	}
}


/* ===========================================
   SİEMENS SECTION (AKAN GRADIENT + ANİMASYON)
   =========================================== */

.siemens-section {
	width: 100% !important;
	margin: 0 !important;
	padding: 60px 0;
	background: linear-gradient(145deg, #001F3F, #003B6F, #005A9C);
	background-size: 200% 200%;
	animation: bgShift 12s ease infinite;
	border-radius: 0 !important;
}

@keyframes bgShift {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

/* Logo kutusu */
.logo-wrapper {
	background: #ffffff;
	border-radius: 12px;
	display: inline-block;
}

/* Turuncu quote */
.highlight-quote {
	color: #ff7a00;
	font-weight: 700;
	font-size: 1.3rem;
	display: inline-block;
	animation: glow 2.5s ease-in-out infinite;
}

/* Parlama efekti */
@keyframes glow {
	0% {
		text-shadow: 0 0 0 rgba(255,122,0,.4);
	}

	50% {
		text-shadow: 0 0 12px rgba(255,122,0,.85);
	}

	100% {
		text-shadow: 0 0 0 rgba(255,122,0,.4);
	}
}

/* Başlık animasyonu */
.custom-title {
	opacity: 0;
	transform: translateY(-20px);
	animation: titleFade 1s ease-out 0.4s forwards;
}

@keyframes titleFade {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Yazı alanı animasyonu */
.custom-sub-text {
	opacity: 0;
	transform: translateX(-25px);
	animation: textSlide 1s ease-out 0.8s forwards;
}

@keyframes textSlide {
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Logo fade */
.siemens-logo {
	opacity: 0;
	transform: scale(0.8);
	animation: logoFade 1.3s ease-out forwards;
}

@keyframes logoFade {
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Responsive başlık */
@media(max-width:768px) {
	.custom-title {
		font-size: 1.8rem;
	}

	.custom-sub-text {
		font-size: 1rem;
	}
}