/* Kurumsal / Hakkımızda detay alanı */
.hakkimizda-sub .tab-menu-out .tab-content .tab-pane .osb-about {
	color: #16233a;
	padding: 0 0 20px 15px;
}

.osb-about * { box-sizing: border-box; }

.osb-about-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	min-height: 340px;
	margin-bottom: 28px;
	background: linear-gradient(135deg, #087b35 0%, #0f973e 64%, #16a64d 100%);
	overflow: hidden;
	position: relative;
}

.osb-about-hero::before {
	content: "";
	position: absolute;
	width: 240px;
	height: 240px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 50%;
	left: -90px;
	bottom: -135px;
}

.osb-about-hero-copy { padding: 42px 38px; position: relative; z-index: 1; }

.osb-about-kicker {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid rgba(255, 255, 255, .65);
}

.osb-about-hero h2 {
	color: #fff;
	font-size: 32px;
	line-height: 1.18;
	font-weight: 800;
	letter-spacing: .2px;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.osb-about-lead {
	color: rgba(255, 255, 255, .94);
	font-size: 14px;
	line-height: 1.85;
	font-weight: 500;
	text-align: left;
}

.osb-about-lead p { margin: 0; }
.osb-about-hero-image { min-height: 340px; position: relative; overflow: hidden; }

.osb-about-hero-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(15, 151, 62, .72), rgba(15, 151, 62, 0) 45%);
}

.osb-about-hero-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.osb-about h3 { color: #16233a; font-size: 21px; line-height: 1.35; font-weight: 800; margin: 0 0 15px; }
.osb-about-copy { color: #495568; font-size: 14px; line-height: 1.85; text-align: left; }
.osb-about-copy p { margin: 0 0 12px; }
.osb-about-copy p:last-child { margin-bottom: 0; }

.osb-about-feature {
	display: grid;
	grid-template-columns: 68px 1fr;
	gap: 22px;
	background: #f4f8f5;
	border-left: 4px solid #0f973e;
	padding: 30px 32px;
	margin-bottom: 28px;
}

.osb-about-section-no { font-size: 38px; line-height: 1; font-weight: 800; color: rgba(15, 151, 62, .20); padding-top: 2px; }
.osb-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }

.osb-about-card,
.osb-about-table-section {
	position: relative;
	border: 1px solid #e2e8e4;
	background: #fff;
	padding: 30px;
	box-shadow: 0 12px 32px rgba(22, 35, 58, .06);
}

.osb-about-card-label,
.osb-about-heading-row span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	background: #0f973e;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}

.osb-about-card-label { margin-bottom: 18px; }
.osb-about-list { list-style: none !important; padding: 0 !important; margin: 22px 0 0 !important; display: grid; gap: 9px; }

.osb-about-list li {
	position: relative;
	padding: 10px 12px 10px 31px !important;
	margin: 0 !important;
	background: #f7f9f8;
	color: #283548;
	font-size: 13px;
	line-height: 1.5;
	border: none !important;
}

.osb-about-list li::before {
	content: "";
	position: absolute;
	left: 13px;
	top: 16px;
	width: 7px;
	height: 7px;
	background: #0f973e;
	transform: rotate(45deg);
}

.osb-about-list--compact { grid-template-columns: 1fr 1fr; gap: 7px; }
.osb-about-list--compact li { padding-top: 8px !important; padding-bottom: 8px !important; }
.osb-about-list--compact li::before { top: 14px; }
.osb-about-table-section { padding: 0; margin-bottom: 24px; overflow: hidden; }

.osb-about-heading-row {
	display: grid;
	grid-template-columns: minmax(220px, .8fr) 1.2fr;
	gap: 25px;
	align-items: center;
	padding: 28px 30px;
	background: #101d39;
	color: #fff;
}

.osb-about-heading-row > div:first-child { display: flex; align-items: center; gap: 16px; }
.osb-about-heading-row span { flex: 0 0 38px; }
.osb-about-heading-row h3 { color: #fff; margin: 0; }
.osb-about-table-note { font-size: 12px; line-height: 1.6; color: rgba(255, 255, 255, .76); }
.osb-about-table-note p { margin: 0; }
.osb-about-table-wrap { width: 100%; overflow-x: auto; }
.osb-about-table { width: 100%; border-collapse: collapse; margin: 0; }
.osb-about-table th { background: #f1f5f2; color: #344153; font-size: 12px; font-weight: 800; text-align: left; padding: 15px 18px; border-bottom: 1px solid #dce5df; }
.osb-about-table td { color: #445064; font-size: 13px; padding: 14px 18px; border-bottom: 1px solid #edf0ee; }
.osb-about-table th:nth-child(n+2),
.osb-about-table td:nth-child(n+2) { text-align: center; width: 21%; }
.osb-about-table tbody tr:last-child td { font-weight: 800; color: #16233a; background: #fbfcfb; border-bottom: 0; }
.osb-about-card--wide { margin-bottom: 24px; padding: 32px; }
.osb-about-list--columns { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }

.osb-about-note {
	margin-top: 24px;
	padding: 22px 24px;
	border-left: 3px solid #0f973e;
	background: #f4f8f5;
	color: #495568;
	font-size: 13px;
	line-height: 1.75;
}

.osb-about-note p { margin: 0 0 11px; }
.osb-about-note p:last-child { margin-bottom: 0; }
.osb-about-card--vehicles { border-top: 4px solid #101d39; }

@media (max-width: 991px) {
	.hakkimizda-sub .tab-menu-out .tab-content .tab-pane .osb-about { padding-left: 0; }
	.osb-about-hero { grid-template-columns: minmax(0, 1fr) 280px; }
	.osb-about-hero-copy { padding: 34px 30px; }
	.osb-about-hero h2 { font-size: 27px; }
	.osb-about-list--columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.osb-about-hero { display: flex; flex-direction: column-reverse; }
	.osb-about-hero-image { height: 220px; min-height: 220px; }
	.osb-about-hero-image::after { background: linear-gradient(0deg, rgba(15, 151, 62, .88), rgba(15, 151, 62, 0) 55%); }
	.osb-about-hero-copy { padding: 30px 24px; }
	.osb-about-hero h2 { font-size: 25px; }
	.osb-about-grid { grid-template-columns: 1fr; }
	.osb-about-feature { grid-template-columns: 48px 1fr; padding: 25px 22px; gap: 14px; }
	.osb-about-section-no { font-size: 30px; }
	.osb-about-heading-row { grid-template-columns: 1fr; padding: 24px; gap: 15px; }
	.osb-about-card,
	.osb-about-card--wide { padding: 24px; }
}

@media (max-width: 500px) {
	.osb-about-hero-image { height: 185px; min-height: 185px; }
	.osb-about-hero-copy { padding: 26px 20px; }
	.osb-about-hero h2 { font-size: 22px; }
	.osb-about-lead,
	.osb-about-copy { font-size: 13px; line-height: 1.75; }
	.osb-about h3 { font-size: 18px; }
	.osb-about-grid { gap: 16px; margin-bottom: 16px; }
	.osb-about-card,
	.osb-about-card--wide { padding: 21px; margin-bottom: 16px; }
	.osb-about-feature,
	.osb-about-table-section { margin-bottom: 16px; }
	.osb-about-list--compact,
	.osb-about-list--columns { grid-template-columns: 1fr; }
	.osb-about-table { min-width: 560px; }
}