@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

@font-face {
	font-family: "Helvetica Now";
	src: url("../webfonts/helveticanowtext-bold-demo.ttf") format("ttf"),
	url("../webfonts/helveticanowtext-bold-demo.ttf") format("ttf");
	font-weight: 400;
	font-style: normal;
	font-display: block;
}

.gt-about-wrapper-3 .gt-about-left-item .gt-about-image .gt-image img {
	width: 100%;
	height: 100%;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.icon-historys {
	position: absolute;
	width: 100px;
	right: 10px;
	top: 10px;
}

.gt-brand-section .gt-brand-slider {
	height: 86px !important;
	overflow: hidden;
}

.gt-services-item {
	margin-top: 30px;
	display: grid;
}

/* Urunler kartlari: sol ust + sag alt radiusli, sag ust + sol alt koseli
   (kurumsal .gt-image ile ayni capraz kose stili). */
.gt-service-section .gt-services-item {
	overflow: hidden;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}

/*------------------- HOME BLOG -------------------*/
.oa-home-blog-section {
	overflow: visible;
}

.oa-home-blog-section .gt-section-title {
	margin-bottom: 34px;
}

.oa-home-blog-grid {
	row-gap: 30px;
}

.oa-home-blog-col {
	display: flex;
}

.oa-home-blog-card {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 0;
	padding: 12px;
	border: 1px solid rgba(17, 24, 39, 0.08);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 48px rgba(17, 24, 39, 0.08);
	transition:
		transform 240ms ease,
		box-shadow 240ms ease,
		border-color 240ms ease;
}

.oa-home-blog-card:hover {
	transform: translateY(-6px);
	border-color: rgba(224, 27, 47, 0.2);
	box-shadow: 0 24px 58px rgba(17, 24, 39, 0.14);
}

.oa-home-blog-card .gt-news-image {
	aspect-ratio: 16 / 11;
	border-radius: 6px;
	background: #eef1f5;
}

.oa-home-blog-card .gt-news-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.oa-home-blog-card .gt-news-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 22px 10px 10px;
}

.oa-home-blog-card .gt-news-content .gt-date-list {
	margin-bottom: 12px;
	color: #6b7280;
	font-size: 14px;
}

.oa-home-blog-card .gt-news-content h3 {
	margin-bottom: 18px;
	font-size: 24px;
	line-height: 1.25;
}

.oa-home-blog-card .gt-news-content h3 a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.oa-home-blog-card .gt-news-content .gt-link-btn {
	align-self: flex-start;
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	letter-spacing: 0;
}

.oa-home-blog-card .gt-news-content .gt-link-btn i {
	flex: 0 0 44px;
	margin-right: 0;
}

@media (max-width: 767.98px) {
	.oa-home-blog-section .gt-section-title {
		margin-bottom: 24px;
	}

	.oa-home-blog-card .gt-news-image {
		aspect-ratio: 4 / 3;
	}

	.oa-home-blog-card .gt-news-content h3 {
		font-size: 21px;
	}
}

/*------------------- E-CATALOG -------------------*/
.oa-catalog-page {
	background: #f5f6f8;
}

.oa-catalog-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 32px;
	align-items: center;
	margin-bottom: 28px;
	padding: 34px;
	border: 1px solid #e4e8ee;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 18px 46px rgba(18, 24, 33, 0.08);
}

.oa-catalog-kicker {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	margin-bottom: 12px;
	padding: 8px 12px;
	border-radius: 4px;
	background: #e11c25;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.oa-catalog-copy h2 {
	max-width: 760px;
	margin-bottom: 12px;
	color: #121821;
	font-size: 36px;
	line-height: 1.16;
}

.oa-catalog-copy p {
	max-width: 820px;
	margin-bottom: 0;
	color: #4b5563;
	font-size: 17px;
	line-height: 1.72;
}

.oa-catalog-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 238px;
}

.oa-catalog-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 15px 20px;
	border-radius: 6px;
	font-weight: 800;
	line-height: 1;
}

.oa-catalog-btn-primary {
	background: #e11c25;
	color: #fff;
}

.oa-catalog-btn-primary:hover {
	background: #121821;
	color: #fff;
}

.oa-catalog-btn-secondary {
	background: #121821;
	color: #fff;
}

.oa-catalog-btn-secondary:hover {
	background: #303846;
	color: #fff;
}

.oa-catalog-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 12px;
	border: 1px solid #e1e5eb;
	border-radius: 6px;
	color: #4b5563;
	font-size: 14px;
	font-weight: 700;
	background: #f8f9fb;
}

.oa-catalog-viewer {
	overflow: hidden;
	border: 1px solid #dfe4ea;
	border-radius: 8px;
	background: #121821;
	box-shadow: 0 22px 54px rgba(18, 24, 33, 0.16);
}

.oa-catalog-viewer iframe {
	display: block;
	width: 100%;
	height: min(78vh, 920px);
	min-height: 640px;
	border: 0;
	background: #fff;
}

.oa-catalog-fallback {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	align-items: center;
	padding: 15px 18px;
	color: #fff;
}

.oa-catalog-fallback p {
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
}

.oa-catalog-fallback a {
	flex: 0 0 auto;
	color: #fff;
	font-weight: 800;
	text-decoration: underline;
}

.oa-catalog-missing {
	padding: 70px 24px;
	text-align: center;
	background: #fff;
}

.oa-catalog-missing i {
	color: #e11c25;
	font-size: 48px;
	margin-bottom: 16px;
}

.oa-catalog-missing h3 {
	margin-bottom: 8px;
	color: #121821;
}

.oa-catalog-missing p {
	margin-bottom: 0;
	color: #6b7280;
}

@media (max-width: 991px) {
	.oa-catalog-hero {
		grid-template-columns: 1fr;
		padding: 26px;
	}

	.oa-catalog-actions {
		min-width: 0;
	}

	.oa-catalog-copy h2 {
		font-size: 30px;
	}

	.oa-catalog-viewer iframe {
		height: 72vh;
		min-height: 520px;
	}
}

@media (max-width: 575px) {
	.oa-catalog-hero {
		padding: 22px;
	}

	.oa-catalog-copy h2 {
		font-size: 25px;
	}

	.oa-catalog-copy p {
		font-size: 15px;
	}

	.oa-catalog-btn {
		min-height: 50px;
		padding: 14px 16px;
	}

	.oa-catalog-viewer iframe {
		height: 68vh;
		min-height: 430px;
	}

	.oa-catalog-fallback {
		display: block;
	}

	.oa-catalog-fallback a {
		display: inline-block;
		margin-top: 8px;
	}
}

/*------------------- PRODUCT DETAIL -------------------*/
.oa-product-detail {
	background: #f5f6f8;
}

.oa-product-breadcrumb.gt-breadcrumb-wrapper {
	padding: 54px 0 0;
}

.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading {
	padding: 38px 0 42px;
}

.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading h1 {
	text-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.oa-product-hero {
	padding-top: 72px;
}

.oa-product-wrapper {
	background: #fff;
	border: 1px solid #e7e9ee;
	border-radius: 8px;
	padding: 28px;
	box-shadow: 0 18px 50px rgba(18, 24, 33, 0.08);
}

.oa-product-sidebar {
	position: sticky;
	top: 24px;
}

.oa-product-sidebar .sidebar {
	margin-bottom: 0;
}

.oa-product-media {
	position: sticky;
	top: 24px;
}

.oa-product-main-image {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 8px;
	background: #eceff3;
	border: 1px solid #dfe3ea;
	aspect-ratio: 4 / 3;
}

.oa-product-main-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.oa-product-main-image::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 36%;
	background: linear-gradient(180deg, rgba(18, 24, 33, 0) 0%, rgba(18, 24, 33, 0.58) 100%);
}

.oa-image-badge {
	position: absolute;
	left: 18px;
	bottom: 18px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	background: #e11c25;
	color: #fff;
	font-weight: 800;
	line-height: 1;
}

.oa-product-thumbs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.oa-product-thumbs a {
	display: block;
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid #dfe3ea;
	aspect-ratio: 4 / 3;
	background: #f3f4f6;
}

.oa-product-thumbs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oa-product-summary {
	margin-left: 20px !important;
}

.oa-product-summary h6 {
	color: #e11c25;
	font-weight: 800;
	letter-spacing: 0;
}

.oa-product-summary h2 {
	color: #000000;
	font-size: 44px;
	line-height: 1.02;
	margin-bottom: 4px;
}

.oa-product-title-meta {
	margin: 0 0 20px;
}

.oa-product-title-en {
	color: #000000;
	font-size: 26px;
	font-style: italic;
	font-weight: 800;
	line-height: 1.1;
}

.oa-product-title-line {
	display: block;
	width: 72px;
	height: 4px;
	margin: 14px 0 14px;
	background: #d7af22;
}

.oa-product-slogan-tr {
	color: #5f6368;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
}

.oa-product-slogan-en {
	color: #6f7378;
	font-size: 16px;
	font-style: italic;
	font-weight: 800;
	line-height: 1.25;
	margin-top: 2px;
}

.oa-product-intro {
	color: #4b5563;
	font-size: 17px;
	line-height: 1.75;
}

.oa-product-intro p {
	border-left: 4px solid #d7af22;
	padding: 14px 18px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(12, 28, 56, 0.08);
}

.oa-product-intro p,
.oa-product-copy p {
	margin-bottom: 14px;
}

.oa-product-highlights {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 24px 0;
}

.oa-highlight-item {
	min-height: 92px;
	padding: 16px;
	border: 1px solid #e1e5eb;
	border-left: 4px solid #e11c25;
	background: #f8f9fb;
	border-radius: 8px;
}

.oa-highlight-item span {
	display: block;
	color: #6b7280;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.oa-highlight-item strong {
	display: block;
	color: #121821;
	font-size: 18px;
	line-height: 1.25;
}

.oa-product-feature-list {
	padding: 18px;
	border-radius: 8px;
	background: #121821;
}

.oa-product-feature-list li,
.oa-product-feature-list li span {
	color: #fff !important;
}

.oa-product-feature-list li {
	line-height: 1.5;
}

.oa-product-feature-list li span {
	opacity: 0.72;
}

.oa-product-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 24px;
}

.oa-product-btn {
	min-height: 56px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 22px;
	border-radius: 6px;
	font-weight: 800;
	line-height: 1;
}

.oa-product-btn-primary {
	background: #e11c25;
	color: #fff;
}

.oa-product-btn-primary:hover {
	background: #121821;
	color: #fff;
}

.oa-product-btn-secondary {
	background: #eef1f5;
	color: #121821;
}

.oa-product-btn-secondary:hover {
	background: #dfe4ea;
	color: #121821;
}

.oa-product-tabs {
	margin-top: 64px !important;
}

.oa-product-copy {
	max-width: 980px;
	margin: 0 auto;
	color: #374151;
	font-size: 17px;
	line-height: 1.8;
}

.oa-product-copy h3 {
	position: relative;
	color: #000000;
	font-size: 25px;
	font-weight: 900;
	line-height: 1.2;
	margin: 32px 0 16px;
	padding-top: 18px;
}

.oa-product-copy h3:first-child {
	margin-top: 0;
}

.oa-product-copy h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 82px;
	height: 4px;
	background: #d7af22;
}

.oa-product-copy p {
	position: relative;
	padding: 16px 18px 16px 22px;
	border-left: 4px solid #d7af22;
	border-radius: 6px;
	background: linear-gradient(90deg, #ffffff 0%, #f8fafc 100%);
	box-shadow: 0 10px 28px rgba(12, 28, 56, 0.07);
}

.oa-product-copy p strong {
	color: #000000;
	font-weight: 900;
}

.oa-spec-grid,
.oa-option-grid {
	display: grid;
	gap: 18px;
}

.oa-spec-panel,
.oa-option-panel {
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

/* Teknik ozellikler tablosu gorsel referansa gore keskin koseli */
.oa-spec-panel {
	border-radius: 0;
}

.oa-option-panel h3 {
	margin: 0;
	padding: 18px 20px;
	background: #121821;
	color: #fff;
	font-size: 20px;
}

/* Grup basligi -> koyu gri bant */
.oa-spec-panel h3 {
	margin: 0;
	padding: 15px 18px;
	background: #5b5b5b;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.2px;
}

.oa-spec-table {
	margin: 0;
	/* Bootstrap'in hucrelere bastigi beyaz arka plani etkisiz hale getir,
       boylece asagidaki zebra (satir) renkleri gorunur. */
	--bs-table-bg: transparent;
	--bs-table-accent-bg: transparent;
}

/* Genis tablo sutun basligi satiri -> koyu gri bant, iki dilli */
.oa-spec-table thead th {
	background: #5b5b5b;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 13px 14px !important;
	font-size: 13px;
	line-height: 1.35;
	border: 0 !important;
	vertical-align: middle;
}

.oa-spec-table thead th .oa-spec-th-en {
	display: block;
	font-weight: 400;
	opacity: 0.82;
	font-size: 12px;
}

/* Satirlar: bir beyaz bir gri (zebra) + kesikli ayirici */
.oa-spec-table tbody tr {
	border-bottom: 1px dotted #c7c7c7;
}

.oa-spec-table tbody tr:nth-child(odd),
.oa-spec-table tbody tr:nth-child(odd) > * {
	background-color: #ffffff !important;
}

.oa-spec-table tbody tr:nth-child(even),
.oa-spec-table tbody tr:nth-child(even) > * {
	background-color: #ececec !important;
}

.oa-spec-table th,
.oa-spec-table td {
	padding: 13px 16px !important;
	border: 0 !important;
	vertical-align: middle;
	color: #3f3f3f;
	text-align: center;
}

/* Sol taraftaki etiket sutunu -> sola yasli */
.oa-spec-table tbody th {
	text-align: left;
	font-weight: 600;
	color: #33383f;
}

/* Sutunlar arasi dikey kesikli ayirici (genis model tablosu haric) */
.oa-spec-panel:not(.oa-spec-panel-wide) .oa-spec-table tbody td {
	border-left: 1px dotted #c7c7c7 !important;
}

.oa-option-panel ul {
	margin: 0;
	padding: 18px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.oa-option-panel li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 14px;
	border-radius: 8px;
	background: #f7f8fa;
	border: 1px solid #e5e9ef;
}

.oa-option-panel li i {
	width: 30px;
	height: auto;
	flex: 0 0 30px;
	border-radius: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	color: #d7af22;
	font-size: 24px;
	line-height: 1.2;
	margin-top: 2px;
}

.oa-option-panel li img {
	width: 52px;
	height: 52px;
	border-radius: 6px;
	object-fit: cover;
}

.oa-option-panel strong {
	display: block;
	color: #121821;
	line-height: 1.35;
}

.oa-option-panel small {
	display: block;
	color: #64748b;
	margin-top: 5px;
	line-height: 1.45;
}

.oa-related-products {
	background: #f5f6f8;
}

.oa-related-card {
	min-height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 22px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e2e6ec;
	color: #121821;
	box-shadow: 0 12px 30px rgba(18, 24, 33, 0.06);
}

.oa-related-card span {
	color: #e11c25;
	font-weight: 800;
	font-size: 13px;
}

.oa-related-card strong {
	font-size: 24px;
	line-height: 1.15;
}

.oa-related-card i {
	align-self: flex-end;
	color: #e11c25;
}

.oa-related-card:hover {
	transform: translateY(-3px);
	color: #121821;
}

@media (max-width: 1199px) {
	.oa-product-summary {
		margin-left: 0 !important;
	}
}

@media (max-width: 991px) {
	.oa-product-sidebar {
		position: static;
	}

	.oa-product-media {
		position: static;
	}

	.oa-product-wrapper {
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.oa-product-breadcrumb.gt-breadcrumb-wrapper {
		padding: 18px 0 0;
	}

	.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading {
		padding: 30px 0 34px;
	}

	.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading h1 {
		font-size: 34px;
	}

	.oa-product-hero {
		padding-top: 44px;
	}

	.oa-product-highlights,
	.oa-option-panel ul {
		grid-template-columns: 1fr;
	}

	.oa-product-btn {
		width: 100%;
	}

	.oa-spec-table th,
	.oa-spec-table td {
		min-width: 180px;
		padding: 12px !important;
	}

	.oa-product-tabs .nav {
		justify-content: flex-start !important;
		gap: 6px;
		overflow-x: auto;
		flex-wrap: nowrap;
	}
}

@media (max-width: 575px) {
	.oa-product-wrapper {
		padding: 14px;
	}

	.oa-product-summary h2 {
		font-size: 30px;
	}

	.oa-product-title-en {
		font-size: 22px;
	}

	.oa-product-slogan-tr {
		font-size: 18px;
	}

	.oa-product-intro,
	.oa-product-copy {
		font-size: 16px;
	}

	.oa-product-copy h3 {
		font-size: 21px;
	}
}

.gt-brand-section .gt-brand-slider .swiper-wrapper {
	height: 86px !important;
	align-items: center;
}

.gt-brand-section .gt-brand-slider .gt-brand-slide-element {
	height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*------------------- SERVICE DETAIL CONTENT -------------------*/
.oa-service-content {
	color: #273142;
}

.oa-service-content h2,
.oa-service-content h3 {
	color: #121821;
	line-height: 1.18;
}

.oa-service-lead {
	position: relative;
	overflow: hidden;
	padding: 34px;
	margin-bottom: 28px;
	border-radius: 8px;
	background: #121821;
	color: #fff;
}

.oa-service-lead::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	background: #e11c25;
}

.oa-service-lead span {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	margin-bottom: 16px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0;
}

.oa-service-lead h2 {
	max-width: 760px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 36px;
}

.oa-service-lead p {
	max-width: 850px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.86);
	font-size: 17px;
	line-height: 1.75;
}

.oa-service-split {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	gap: 24px;
	align-items: start;
	padding: 28px;
	margin-bottom: 26px;
	border: 1px solid #e5e9ef;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(18, 24, 33, 0.05);
}

.oa-service-split h3 {
	margin-bottom: 12px;
	font-size: 28px;
}

.oa-service-split p {
	margin-bottom: 0;
	color: #526071;
	font-size: 16px;
	line-height: 1.75;
}

.oa-service-muted {
	background: #f6f7f9;
}

.oa-check-list {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
}

.oa-check-list li {
	position: relative;
	padding: 14px 16px 14px 44px;
	border: 1px solid #e6eaf0;
	border-radius: 8px;
	background: #f9fafb;
	color: #394456;
	line-height: 1.55;
}

.oa-check-list li::before {
	content: "\f00c";
	position: absolute;
	top: 15px;
	left: 15px;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #e11c25;
	color: #fff;
	font-family: "Font Awesome 6 Pro";
	font-size: 11px;
	font-weight: 900;
}

.oa-check-list strong {
	color: #121821;
}

.oa-service-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 26px;
}

.oa-service-cards article {
	min-height: 210px;
	padding: 24px;
	border: 1px solid #e4e8ee;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(18, 24, 33, 0.05);
}

.oa-service-cards i {
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	border-radius: 8px;
	background: #e11c25;
	color: #fff;
	font-size: 22px;
}

.oa-service-cards h3 {
	margin-bottom: 10px;
	font-size: 22px;
}

.oa-service-cards p {
	margin-bottom: 0;
	color: #5b6677;
	line-height: 1.65;
}

.oa-service-note {
	padding: 26px;
	border-radius: 8px;
	border: 1px solid #e6eaf0;
	border-left: 5px solid #e11c25;
	background: #fff;
}

.oa-service-note h3 {
	margin-bottom: 12px;
	font-size: 26px;
}

.oa-service-note p {
	margin-bottom: 10px;
	color: #4b5563;
	line-height: 1.75;
}

.oa-service-note p:last-child {
	margin-bottom: 0;
}

/* Icerik/hizmet sayfasi tam genislik layout (product-detail.php $isContentPage) */
.oa-service-page {
	padding: 40px;
}

.oa-service-canvas {
	max-width: 1120px;
	margin: 0 auto;
}

.oa-service-actions {
	max-width: 1120px;
	margin: 32px auto 0;
	justify-content: center;
}

@media (max-width: 575px) {
	.oa-service-page {
		padding: 22px;
	}
}

@media (max-width: 991px) {
	.oa-service-split,
	.oa-service-cards {
		grid-template-columns: 1fr;
	}

	.oa-service-cards article {
		min-height: auto;
	}
}

@media (max-width: 575px) {
	.oa-service-lead,
	.oa-service-split,
	.oa-service-note {
		padding: 20px;
	}

	.oa-service-lead h2 {
		font-size: 30px;
	}

	.oa-service-split h3 {
		font-size: 24px;
	}
}

.gt-brand-section .brand-image {
	height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gt-brand-section .brand-image img {
	width: auto;
	max-width: 160px;
	max-height: 120px;
	object-fit: contain;
}
.gt-counter-wrapper .gt-counter-box::before {
	border-radius: 30px;
}
.gt-about-wrapper-3 .gt-about-left-item .gt-about-image-2 {
	margin-left: 0;
}

.gt-breadcrumb-wrapper {
	position: relative;
	overflow: hidden;
	z-index: 9;
	padding: 100px 0 10px 0;
}

.gt-counter-wrapper .gt-counter-box::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: var(--gt-white);
	z-index: -1;
	height: initial;
	box-shadow:
		rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
		rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.logo img {
	width: 200px;
}
.header-main .main-menu ul li {
	position: relative;
	list-style: none;
	display: inline-block;
	margin-inline-end: 25px;
}
.offcanvas__logo img {
	width: 200px;
}
.header-main .sidebar__toggle {
	margin-right: 20px;
}
.header-main .sidebar__toggle img {
	width: 30px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.header-1 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: unset;
}
.project-card-items-4 .project-thumb::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(225 28 37 / 50%);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.project-card-items-4 .project-thumb .project-content {
	position: absolute;
	left: 25px;
	z-index: 9;
	bottom: -25px;
	background: rgb(225 28 37 / 80%);
	padding: 15px 20px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}
.gt-content p {
	font-weight: 800;
	color: #000;
}

.sticky.header-3 .header-main .header-left .main-menu ul li a {
	color: #ffffff;
}
.sticky.header-3 .header-main .header-right .header-right-icon-item .content h6 {
	color: #ffffff;
}
.sticky.header-3 .header-main .header-right .header-right-icon-item .content h3 a {
	color: #ffffff;
}

.gt-breadcrumb-wrapper .gt-page-heading {
	position: relative;
	padding: 50px 0 50px;
	z-index: 9;
	text-align: center;
}
.gt-breadcrumb-wrapper .gt-page-heading h1 {
	color: var(--gt-white);
	font-size: 34px;
	position: relative;
	text-transform: uppercase;
	z-index: 9;
	font-weight: 800;
}

.top-header-mobile {
	background: #111;
	padding: 8px 0;
	font-size: 14px;
}

.top-header-mobile .top-header-mobile-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.top-header-mobile .header-left {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.top-header-mobile .header-left span {
	display: flex;
	align-items: center;
	gap: 6px;
}

.top-header-mobile .header-left a {
	color: #fff;
	text-decoration: none;
}

.top-header-mobile .social-item {
	display: flex;
	gap: 12px;
}

.top-header-mobile .social-item a {
	color: #fff;
	transition: 0.3s;
}

.top-header-mobile .social-item a:hover {
	color: #ff6600;
}

/* 📱 Mobil Görünüm */
@media (max-width: 768px) {
	.top-header-mobile .top-header-mobile-wrapper {
		flex-direction: column;
		gap: 8px;
		text-align: center;
	}

	.top-header-mobile .header-left {
		justify-content: center;
		gap: 12px;
	}

	.top-header-mobile .header-left span:nth-child(3) {
		display: none; /* Mobilde adresi gizler */
	}

	.top-header-mobile .social-item {
		justify-content: center;
	}
}

/*------------------- PAGE GALERÄ° -------------------*/
/* Galeri resimlerini sabitleme */
.page_galeri .image-item img {
	width: 100%; /* Genişlik bulunduğu sütuna yayılsın */
	height: 250px; /* Sabit yükseklik (İsteğe göre değiştirebilirsiniz) */
	object-fit: cover; /* Resmi bozmadan kutuya sığdırır ve fazlalığı kırpar */
	object-position: center; /* Resmi ortalar */
	border-radius: 8px; /* İsterseniz köşeleri hafif yuvarlatabilirsiniz */
	transition: transform 0.3s ease; /* Hover efekti için yumuşatma */
}
/* Hover (Ãœzerine gelince) efekti */
.image-hover-zoom:hover img {
	transform: scale(1.05); /* Üzerine gelince hafif büyüme sağlar */
}
/* Mobilde resimlerin çok küçük kalmaması için ayar */
@media (max-width: 768px) {
	.page_galeri .image-item img {
		height: 200px;
	}
}

/*------------------- TOC -------------------*/
.widget-toc {
	background: #f5f5f5;
	border-radius: 10px;
	padding: 15px;
	border: 1px solid #ddd;
}
.widget-toc p {
	font-weight: bold;
}
.widget-toc ol {
}
.widget-toc ol li a {
	font-weight: bold;
}

/*------------------- 2.1. Container -------------------*/
:root {
	--main-container: 90%;
	--container-gutters: 24px;
}

/* Medium Large devices */
@media (max-width: 1399px) {
	:root {
		--main-container: 1250px;
	}
}
@media only screen and (min-width: 1300px) {
	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.th-container {
		max-width: calc(var(--main-container) + var(--container-gutters));
		padding-left: calc(var(--container-gutters) / 2);
		padding-right: calc(var(--container-gutters) / 2);
	}
	/*
  .container-xxl.px-0,
  .container-xl.px-0,
  .container-lg.px-0,
  .container-md.px-0,
  .container-sm.px-0,
  .container.px-0 {
    max-width: var(--main-container);
  }
  */
}

@media only screen and (min-width: 1300px) {
	.th-container {
		--main-container: 1776px;
	}
}
@media only screen and (min-width: 1300px) {
	.th-container2 {
		--main-container: 1544px;
	}
}
@media only screen and (max-width: 1600px) {
	.container-fluid.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.container-fluid.px-0 .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
.container-gallery {
	max-width: 1840px;
}

.comment-section {
	max-width: 800px;
	margin: 2rem auto;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 15px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
.comment-section .comment-box {
	background: white;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	transition: transform 0.2s;
	border: 1px solid #e9ecef;
}
.comment-section .comment-box:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.comment-section .user-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}
.comment-section .comment-input {
	border-radius: 10px;
	padding: 15px 20px;
	border: 2px solid #e9ecef;
	transition: all 0.3s;
}
.comment-section .comment-input:focus {
	box-shadow: none;
	border-color: #86b7fe;
}
.comment-section .btn-comment {
	border-radius: 20px;
	padding: 8px 25px;
	background: #0d6efd;
	border: none;
	transition: all 0.3s;
}
.comment-section .btn-comment:hover {
	background: #0b5ed7;
	transform: translateY(-1px);
}
.comment-section .comment-actions {
	font-size: 0.9rem;
}
.comment-section .comment-actions a {
	color: #6c757d;
	text-decoration: none;
	margin-right: 15px;
	transition: color 0.2s;
}
.comment-section .comment-actions a:hover {
	color: #0d6efd;
}
.comment-section .comment-time {
	color: #adb5bd;
	font-size: 0.85rem;
}
.comment-section .reply-section {
	margin-left: 60px;
	border-left: 2px solid #e9ecef;
	padding-left: 20px;
}

.contact-links {
}
.contact-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.contact-links ul li {
	margin-bottom: 20px;
}
.contact-links ul li a {
}
.contact-links ul li a .icon {
	display: inline-block;
	background: red;
	border-radius: 50%;
	color: #fff;
	line-height: 30px;
	font-size: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
}
.contact-links ul li a .name {
	display: inline-block;
	color: #fff;
}
.contact-links ul li a .desc {
	display: inline-block;
	color: #fff;
	font-weight: bold;
}

.modal.lightbox img {
	margin: 0 !important;
	width: 100% !important;
}
.modal.lightbox .ratio.ratio-16x9 {
	background-color: #00000000 !important;
}
.modal.lightbox .carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: -100px;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2%;
	height: 100px !important;
	color: #fff;
	text-align: center;
	opacity: 0.5;
	transition: opacity 0.15s ease;
}
.modal.lightbox .carousel-control-next-icon {
	background-image: url("../img/icon_next.png");
}
.modal.lightbox .carousel-control-prev-icon {
	background-image: url("../img/icon_prev.png");
}
.modal.lightbox .modal-xl {
	max-width: 70%;
}

.goog-logo-link,
.goog-te-banner-frame.skiptranslate {
	display: none !important;
}
.goog-te-gadget {
	font-size: 0 !important;
}
#google_translate_element {
	/*
    position: absolute;
    top: -5px;
    right: -110px;
  */
	height: 35px;
	position: absolute;
	top: 8px;
}
#google_translate_element a {
	display: none !important;
}
.goog-te-combo {
	border: 1px solid;
	padding: 5px 0 5px 0;
	width: 100px;
}
.widget_breton_core_switcher {
	display: none;
}

.langs-select {
	float: right;
	margin-left: 20px;
	height: 30px;
	line-height: 27px;
}
.skiptranslate {
	display: none;
}
.lang_actives .boxed_wrapper {
	margin-top: -40px;
}
.lang_actives.lang_en .main-menu .navigation > li {
	margin: 0px 5px;
}
.lang_actives.lang_en .main-menu .navigation > li > a {
	font-size: 13px;
	font-weight: bold;
}

/* Button Animate */
.custom-btn {
	color: #fff;
	font-weight: bold;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
}
.btn-animate1 {
	border: none;
	background: rgb(195 0 0);
	background: linear-gradient(0deg, rgb(195 0 0) 0%, rgb(255 0 0) 100%);
	color: #fff;
	overflow: hidden;
}
.btn-animate1:hover {
	text-decoration: none;
	color: #fff;
}
.btn-animate1:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-animate1:hover {
	opacity: 0.7;
}
.btn-animate1:active {
	box-shadow:
		4px 4px 6px 0 rgba(255, 255, 255, 0.3),
		-4px -4px 6px 0 rgba(116, 125, 136, 0.2),
		inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2),
		inset 4px 4px 6px 0 rgba(0, 0, 0, 0.2);
}
@-webkit-keyframes shiny-btn1 {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

.trwpwhatsappballon {
	font-size: 14px;
	border-radius: 12px;
	border: 1px solid #fff;
	max-width: 250px;
	display: none;
}
.trwpwhatsapptitle {
	background-color: #22c15e;
	color: white;
	padding: 14px;
	border-radius: 12px 12px 0px 0px;
	text-align: center;
}
.trwpwhatsappmessage {
	padding: 16px 12px;
	background-color: white;
}
.trwpwhatsappinput {
	position: relative;
	background-color: white;
	border-radius: 0px 0px 12px 12px;
}
.trwpwhatsappinput input {
	width: 206px;
	border-radius: 10px;
	margin: 1px 1px 0px 10px;
	padding: 10px;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 300;
	font-size: 13px;
	background-color: #efefef;
	border: 1px solid #d4d4d4;
}
.trwpwhatsappbutton {
	background-color: #22c15e;
	border-radius: 20px;
	padding: 8px 15px;
	cursor: pointer;
	color: #fff;
	max-width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.trwpwhatsappall {
	position: fixed;
	z-index: 9999999999999999999;
	bottom: 50px;
	right: 10px;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
}
.trwpwhatsappsendbutton {
	color: #22c15e;
	cursor: pointer;
}
.trwpwhatsappsendbutton i {
	position: absolute;
	right: 10px;
}
.trwpwhatsappall button {
	border: none;
}
.trwpwhatsappall button i {
	float: right;
	position: absolute;
	z-index: 999999999999;
	right: 10px;
	bottom: 15px;
	font-size: 18px !important;
	color: #000;
}
.trwpwhatsappall .kapat {
	position: absolute;
	right: 8px;
	top: 6px;
	font-size: 13px;
	border: 1px solid #fff;
	border-radius: 99px;
	padding: 2px 5px 2px 5px;
	color: white;
	font-size: 10px;
	cursor: pointer;
}

/* CSS Multiple Whatsapp Chat */
#whatsapp-chat a:link,
#whatsapp-chat a:visited {
	color: #444;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
}
#whatsapp-chat h1 {
	font-size: 20px;
	text-align: center;
	display: block;
	background: linear-gradient(to right top, #6f96f3, #164ed2);
	padding: 20px;
	color: #fff;
	border-radius: 50px;
}
#whatsapp-chat .whatsapp-name {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 0.5;
}
#whatsapp-chat {
	box-sizing: border-box !important;
	outline: none !important;
	position: fixed;
	width: 300px;
	border-radius: 10px;
	box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
	bottom: 90px;
	right: 30px;
	overflow: hidden;
	z-index: 99;
	animation-name: showchat;
	animation-duration: 1s;
	transform: scale(1);
}
a.blantershow-chat {
	/*   background: #009688; */
	background: #fff;
	color: #404040;
	position: fixed;
	display: flex;
	font-weight: 400;
	justify-content: space-between;
	z-index: 98;
	bottom: 100px;
	right: 30px;
	font-size: 15px;
	padding: 10px 20px;
	border-radius: 30px;
	box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
}
a.blantershow-chat {
	align-items: center;
	gap: 10px;
}
a.blantershow-chat svg {
	transform: scale(1.2);
	margin: 0 0 0 0;
}
a.blantershow-chat .blantershow-label {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
	font-weight: 600;
	color: #202124;
	text-align: left;
}
a.blantershow-chat .blantershow-label strong {
	font-size: 15px;
	font-weight: 800;
	color: #095e54;
}
a.blantershow-chat .blantershow-label {
	font-size: 13px;
}
#whatsapp-chat .header-chat {
	/*   background: linear-gradient(to right top, #6f96f3, #164ed2); */
	background: #009688;
	background: #095e54;
	color: #fff;
	padding: 20px;
}
#whatsapp-chat .header-chat h3 {
	margin: 0 0 10px;
}
#whatsapp-chat .header-chat p {
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
	color: #fff;
}
#whatsapp-chat .info-avatar {
	position: relative;
}
#whatsapp-chat .info-avatar img {
	border-radius: 100%;
	width: 50px;
	float: left;
	margin: 0 10px 0 0;
	background: #fff;
	height: auto;
	padding: 5px;
}
#whatsapp-chat a.informasi {
	padding: 20px;
	display: block;
	overflow: hidden;
	animation-name: showhide;
	animation-duration: 0.5s;
}
#whatsapp-chat a.informasi:hover {
	background: #f1f1f1;
}
#whatsapp-chat .info-chat span {
	display: block;
}
#whatsapp-chat #get-label,
#whatsapp-chat span.chat-label {
	font-size: 12px;
	color: #888;
}
#whatsapp-chat #get-nama,
#whatsapp-chat span.chat-nama {
	margin: 5px 0 0;
	font-size: 15px;
	font-weight: 700;
	color: #222;
}
#whatsapp-chat #get-label,
#whatsapp-chat #get-nama {
	color: #fff;
}
#whatsapp-chat span.my-number {
	display: none;
}
/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
} */
#whatsapp-chat textarea#chat-input {
	border: none;
	font-family: "Arial", sans-serif;
	width: 100%;
	height: 50px;
	outline: none;
	resize: none;
	padding: 10px;
	font-size: 14px;
}
#whatsapp-chat a#send-it {
	width: 40px;
	font-weight: 700;
	padding: 10px 0 0 5px;
	background: #095e54;
	border-radius: 0;
}
#whatsapp-chat a#send-it svg {
	fill: #fff;
	height: 24px;
	width: 24px;
}
#whatsapp-chat .first-msg {
	background: transparent;
	padding: 30px;
	text-align: center;
}
#whatsapp-chat .first-msg span {
	background: #e2e2e2;
	color: #333;
	font-size: 14.2px;
	line-height: 1.7;
	border-radius: 10px;
	padding: 15px 20px;
	display: inline-block;
}
#whatsapp-chat .start-chat .blanter-msg {
	display: flex;
}
#whatsapp-chat #get-number {
	display: none;
}
#whatsapp-chat a.close-chat {
	position: absolute;
	top: 5px;
	right: 15px;
	color: #fff;
	font-size: 30px;
}
@keyframes ZpjSY {
	0% {
		background-color: #b6b5ba;
	}
	15% {
		background-color: #111111;
	}
	25% {
		background-color: #b6b5ba;
	}
}
@keyframes hPhMsj {
	15% {
		background-color: #b6b5ba;
	}
	25% {
		background-color: #111111;
	}
	35% {
		background-color: #b6b5ba;
	}
}
@keyframes iUMejp {
	25% {
		background-color: #b6b5ba;
	}
	35% {
		background-color: #111111;
	}
	45% {
		background-color: #b6b5ba;
	}
}
@keyframes showhide {
	from {
		transform: scale(0.5);
		opacity: 0;
	}
}
@keyframes showchat {
	from {
		transform: scale(0);
		opacity: 0;
	}
}
@media screen and (max-width: 480px) {
	#whatsapp-chat {
		width: auto;
		left: 5%;
		right: 5%;
		font-size: 80%;
	}
}
.whatsapp-chat-hide {
	display: none;
	animation-name: showhide;
	animation-duration: 0.5s;
	transform: scale(1);
	opacity: 1;
}
.whatsapp-chat-show {
	display: block;
	animation-name: showhide;
	animation-duration: 0.5s;
	transform: scale(1);
	opacity: 1;
}
#whatsapp-chat .whatsapp-message-container {
	display: flex;
	z-index: 1;
}
#whatsapp-chat .whatsapp-message {
	padding: 7px 14px 6px;
	background-color: white;
	border-radius: 0px 8px 8px;
	position: relative;
	transition: all 0.3s ease 0s;
	opacity: 0;
	transform-origin: center top 0px;
	z-index: 2;
	box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
	margin-top: 4px;
	margin-left: -54px;
	max-width: calc(100% - 66px);
}
#whatsapp-chat .whatsapp-chat-body {
	padding: 20px 20px 20px 10px;
	background-color: #e6ddd4;
	position: relative;
}
#whatsapp-chat .whatsapp-chat-body::before {
	display: block;
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 0;
	opacity: 0.08;
	background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
}
#whatsapp-chat .dAbFpq {
	display: flex;
	z-index: 1;
}
#whatsapp-chat .eJJEeC {
	background-color: white;
	width: 52.5px;
	height: 32px;
	border-radius: 16px;
	display: flex;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-align: center;
	align-items: center;
	margin-left: 10px;
	opacity: 0;
	transition: all 0.1s ease 0s;
	z-index: 1;
	box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}
#whatsapp-chat .hFENyl {
	position: relative;
	display: flex;
}
#whatsapp-chat .ixsrax {
	height: 5px;
	width: 5px;
	margin: 0px 2px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: 0px;
	background-color: #9e9da2;
	animation-name: ZpjSY;
}
#whatsapp-chat .dRvxoz {
	height: 5px;
	width: 5px;
	margin: 0px 2px;
	background-color: #b6b5ba;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: 0px;
	animation-name: hPhMsj;
}
#whatsapp-chat .kAZgZq {
	padding: 7px 14px 6px;
	background-color: white;
	border-radius: 0px 8px 8px;
	position: relative;
	transition: all 0.3s ease 0s;
	opacity: 0;
	transform-origin: center top 0px;
	z-index: 2;
	box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
	margin-top: 4px;
	margin-left: -54px;
	max-width: calc(100% - 40px);
}
#whatsapp-chat .kAZgZq::before {
	position: absolute;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	top: 0px;
	left: -12px;
	width: 12px;
	height: 19px;
}
#whatsapp-chat .bMIBDo {
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.4);
}
#whatsapp-chat .iSpIQi {
	font-size: 14px;
	line-height: 19px;
	margin-top: 4px;
	color: #111111;
}
#whatsapp-chat .iSpIQi {
	font-size: 14px;
	line-height: 19px;
	margin-top: 4px;
	color: #111111;
}
#whatsapp-chat .cqCDVm {
	text-align: right;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: rgba(17, 17, 17, 0.5);
	margin-right: -8px;
	margin-bottom: -4px;
}

.btn_whatsapp {
	position: fixed;
	bottom: 20px;
	width: 60px;
	right: 90px;
}

/* Ortadogu-style header */
.header-top-section-3,
.top-header-mobile {
	display: none !important;
}

.oa-header.header-1.header-3 {
	margin-top: 0;
	position: absolute;
	top: 0;
}

.oa-header.header-1.header-3 .container-fluid {
	padding: 0 30px;
}

.oa-header.header-1.header-3 .header-main {
	min-height: 88px;
	padding: 0 30px;
	background: transparent;
	border-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	backdrop-filter: none;
}

.oa-header.header-1.header-3 .header-main::before,
.oa-header.header-1.header-3 .header-main::after,
.oa-header.sticky.header-3 .header-main::before,
.oa-header.sticky.header-3 .header-main::after {
	display: none !important;
}

.oa-header.header-1.header-3 .header-main .header-left {
	flex: 1 1 auto;
	min-width: 0;
	gap: clamp(28px, 4vw, 64px);
	justify-content: flex-start;
}

.oa-header .logo {
	flex: 0 0 auto;
}

.oa-header .logo img {
	width: clamp(210px, 20vw, 320px);
	max-height: 58px;
	object-fit: contain;
}

.oa-header:not(.sticky) .header-logo {
	display: none !important;
}

.oa-header:not(.sticky) .header-logo-2 {
	display: block !important;
}

.oa-header .mean__menu-wrapper {
	flex: 1 1 auto;
	min-width: 0;
}

.oa-header .main-menu ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(14px, 1.6vw, 28px);
}

.oa-header.header-1.header-3 .header-main .header-left .main-menu ul li,
.oa-header .header-main .main-menu ul li {
	margin-inline-end: 0 !important;
}

.oa-header.header-1.header-3 .header-main .header-left .main-menu ul li a,
.oa-header .header-main .main-menu ul li a {
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-right: 0;
	padding: 35px 0;
}

.oa-header.header-1.header-3 .header-main .header-left .main-menu ul li a:hover,
.oa-header .header-main .main-menu ul li:hover > a {
	color: #e01b2f !important;
}

.oa-header .main-menu ul li .submenu {
	top: 100%;
	left: 0;
	width: 280px;
	padding: 12px 0;
	border: 0;
	border-radius: 0;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
}

.oa-header.header-1.header-3 .header-main .header-left .main-menu ul li .submenu li a,
.oa-header .main-menu ul li .submenu li a {
	color: #1c2430 !important;
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	text-transform: none;
	padding: 11px 20px;
}

.oa-header .main-menu ul li .submenu li a:hover {
	color: #e01b2f !important;
	margin-left: 0;
}

.oa-header .main-menu ul li .submenu li a::before {
	display: none;
}

.oa-header .header-right {
	gap: 18px;
	position: relative;
	z-index: 9999;
	flex: 0 0 auto;
}

.oa-header-cta {
	min-height: 46px;
	padding: 0 24px;
	border-radius: 999px;
	background: #e01b2f;
	color: #ffffff !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.oa-header-cta:hover {
	background: #b90f20;
	color: #ffffff !important;
}

/* Ana menu yazilari alt satira inmesin */
.oa-header .header-main .main-menu ul li a {
	white-space: nowrap;
}

/* Dil secici (TR/EN) dropdown - mevcut kirmizi pill + submenu stiliyle uyumlu */
.oa-lang-dropdown {
	position: relative;
}

.oa-lang-toggle {
	border: 0;
	cursor: pointer;
	gap: 8px;
}

.oa-lang-toggle .fa-chevron-down {
	font-size: 11px;
	transition: transform 0.2s ease;
}

.oa-lang-toggle[aria-expanded="true"] .fa-chevron-down {
	transform: rotate(180deg);
}

.oa-lang-menu.dropdown-menu {
	min-width: 96px;
	padding: 8px 0;
	margin-top: 10px;
	border: 0;
	border-radius: 12px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
}

.oa-lang-menu .dropdown-item {
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	color: #1c2430;
	padding: 9px 20px;
	text-align: center;
}

.oa-lang-menu .dropdown-item:hover,
.oa-lang-menu .dropdown-item:focus {
	color: #e01b2f;
	background: #f5f6f8;
}

/* Kategori kart butonu (Incele) - site kirmizisi */
.oa-card-btn {
	background: #e01b2f;
	border-color: #e01b2f;
	color: #ffffff;
}

.oa-card-btn:hover,
.oa-card-btn:focus {
	background: #b90f20;
	border-color: #b90f20;
	color: #ffffff;
}

.oa-header .header__hamburger {
	display: none !important;
}

.oa-header.sticky.header-1 {
	background: #ffffff;
}

.oa-header.sticky.header-3 .header-main {
	min-height: 76px;
	padding: 0 30px;
	background: #ffffff;
	border-bottom: 0;
}

.oa-header.sticky.header-1 .header-logo {
	display: block !important;
}

.oa-header.sticky.header-1 .header-logo-2 {
	display: none !important;
}

.oa-header.sticky.header-3 .header-main .header-left .main-menu ul li a {
	color: #111827;
	padding: 31px 0;
}

.oa-header.sticky.header-3 .header-main .header-left .main-menu ul li a:hover {
	color: #e01b2f !important;
}

@media (max-width: 1399px) {
	.oa-header.header-1.header-3 .header-main .header-left {
		gap: 18px;
	}

	.oa-header .logo img {
		width: 185px;
	}

	.oa-header.header-1.header-3 .header-main .header-left .main-menu ul li a,
	.oa-header .header-main .main-menu ul li a {
		font-size: 11px;
	}

	.oa-header-cta {
		min-height: 42px;
		padding: 0 16px;
		font-size: 11px;
	}

	.oa-header .main-menu ul {
		gap: 12px;
	}
}

@media (max-width: 1199px) {
	.oa-header.header-1.header-3 {
		position: relative !important;
		top: -30px !important;
		margin-top: 0 !important;
		background: #000000;
	}

	.oa-header.header-1.header-3 .container-fluid {
		padding: 0 18px;
	}

	.oa-header.header-1.header-3 .header-main,
	.oa-header.sticky.header-3 .header-main {
		min-height: 76px;
		padding: 0;
		background: #000000;
		border-bottom: 0;
		backdrop-filter: none;
	}

	.oa-header.header-1.header-3 .header-main .header-left {
		flex: 0 1 auto;
	}

	.oa-header.sticky.header-1 .header-logo {
		display: block !important;
	}

	.oa-header.sticky.header-1 .header-logo-2 {
		display: none !important;
	}

	.oa-header:not(.sticky) .header-logo {
		display: none !important;
	}

	.oa-header:not(.sticky) .header-logo-2 {
		display: block !important;
	}

	.oa-header .logo img {
		width: 190px;
		max-height: 50px;
	}

	.oa-header-cta {
		display: none;
	}

	.oa-header .header__hamburger {
		display: block !important;
	}
}

@media (min-width: 1200px) {
	.oa-header .header-right {
		display: flex !important;
	}

	.oa-header .header__hamburger {
		display: none !important;
	}
}

@media (max-width: 470px) {
	.oa-header .logo img {
		width: 155px;
	}
}

@media (max-width: 992px) {
	.mobilGizle {
		display: none !important;
	}
	.slideshow-container {
	}
}

@media (min-width: 992px) and (max-width: 1100px) {
}

@media (min-width: 1100px) and (max-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.header-right {
		display: none !important;
	}
	.mean__menu-wrapper {
		margin-left: 70px;
	}
	.header-main .main-menu ul li a {
		font-size: 13px;
		margin-right: 10px;
	}
}
@media (min-width: 1300px) and (max-width: 1400px) {
	.header-right {
	}
	.header__hamburger {
		display: none !important;
	}
	.mean__menu-wrapper {
		margin-left: 70px;
	}
	.header-main .main-menu ul li a {
		font-size: 11px;
		margin-right: 5px;
	}
}
@media (min-width: 1400px) and (max-width: 1500px) {
	.header-right {
	}
	.header__hamburger {
		display: none !important;
	}
	.mean__menu-wrapper {
		margin-left: 0px;
	}
	.header-main .main-menu ul li a {
		font-size: 12px;
		margin-right: 5px;
	}
	.header-1.header-3 .header-main .header-left .main-menu ul li {
		margin-inline-end: 0;
	}
}
@media (min-width: 1500px) and (max-width: 1600px) {
	.header-right {
	}
	.header__hamburger {
		display: none !important;
	}
	.mean__menu-wrapper {
		margin-left: 0px;
	}
	.header-main .main-menu ul li a {
		font-size: 13px;
		margin-right: 10px;
	}
	.header-1.header-3 .header-main .header-left .main-menu ul li {
		margin-inline-end: 0;
	}
}
@media (min-width: 1600px) and (max-width: 1700px) {
	.header-right {
	}
	.header__hamburger {
		display: none !important;
	}
	.mean__menu-wrapper {
		margin-left: 0px;
	}
	.header-main .main-menu ul li a {
		font-size: 13px;
		margin-right: 10px;
	}
	.header-1.header-3 .header-main .header-left .main-menu ul li {
		margin-inline-end: 0;
	}
	.header-1.header-3 .header-main .header-left {
		gap: 90px;
	}
}
@media (min-width: 1700px) and (max-width: 1800px) {
	.header-right {
	}
	.header__hamburger {
		display: none !important;
	}
	.mean__menu-wrapper {
		margin-left: 0px;
	}
	.header-main .main-menu ul li a {
		font-size: 15px;
		margin-right: 10px;
	}
	.header-1.header-3 .header-main .header-left .main-menu ul li {
		margin-inline-end: 0;
	}
	.header-1.header-3 .header-main .header-left {
		gap: 90px;
	}
}
@media (min-width: 1800px) and (max-width: 999925px) {
	.header-right {
	}
	.header__hamburger {
	}
	.mean__menu-wrapper {
		margin-left: 0px;
	}
	.header-main .main-menu ul li a {
		font-size: 16px;
		margin-right: 15px;
	}
	.header-1.header-3 .header-main .header-left .main-menu ul li {
		margin-inline-end: 0;
	}
	.header-1.header-3 .header-main .header-left {
		gap: 130px;
	}
}
@media (min-width: 1750px) and (max-width: 999925px) {
}

/* 320 - 480 */
@media only screen and (min-device-width: 990px) and (max-device-width: 1200px) {
}
/* 320 - 480 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}
/* 475 - 768 */
@media only screen and (min-device-width: 475px) and (max-device-width: 768px) {
}
/* 765 - 990 */
@media only screen and (min-device-width: 765px) and (max-device-width: 990px) {
}
/* 990 - 1300 */
@media only screen and (min-device-width: 990px) and (max-device-width: 1300px) {
}

@media (min-width: 1200px) {
	.oa-header .header-right {
		display: flex !important;
	}

	.oa-header .header__hamburger {
		display: none !important;
	}

	.oa-header .mean__menu-wrapper {
		margin-left: 0 !important;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.oa-header .logo img {
		width: 175px !important;
	}

	.oa-header .main-menu ul {
		gap: 10px !important;
	}

	.oa-header.header-1.header-3 .header-main .header-left .main-menu ul li a,
	.oa-header .header-main .main-menu ul li a {
		font-size: 10.5px !important;
		margin-right: 0 !important;
	}

	.oa-header-cta {
		min-height: 42px;
		padding: 0 16px;
		font-size: 11px;
	}
}

.oa-history-section {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(10, 15, 24, 0.96), rgba(30, 37, 49, 0.92)),
		url("../img/grid.png") center/520px auto repeat;
	color: #ffffff;
}

.oa-history-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(224, 27, 47, 0.16), transparent 34%), radial-gradient(circle at 82% 16%, rgba(255, 255, 255, 0.14), transparent 26%);
	pointer-events: none;
}

.oa-history-section .container {
	position: relative;
	z-index: 1;
}

.oa-history-head {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.65fr);
	align-items: end;
	gap: 32px;
	margin-bottom: 52px;
}

.oa-history-head .gt-section-title h6,
.oa-history-head .gt-section-title h2 {
	color: #ffffff;
}

.oa-history-head .gt-section-title h2 {
	max-width: 720px;
}

.oa-history-intro {
	color: rgba(255, 255, 255, 0.76);
	font-size: 16px;
	line-height: 1.75;
	border-left: 3px solid #e01b2f;
	padding-left: 22px;
}

.oa-history-intro p {
	margin-bottom: 0;
}

.oa-history-timeline {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.oa-history-timeline::before {
	content: "";
	position: absolute;
	top: 46px;
	left: 4%;
	right: 4%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
}

.oa-history-item {
	position: relative;
	min-width: 0;
}

.oa-history-card {
	position: relative;
	display: flex;
	min-height: 320px;
	height: 100%;
	flex-direction: column;
	gap: 14px;
	padding: 28px 24px;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(255, 255, 255, 0.72);
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
	color: #111827;
	overflow: hidden;
}

.oa-history-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, #e01b2f, #f5b941);
}

.oa-history-card:hover {
	transform: translateY(-6px);
	color: #111827;
}

.oa-history-index {
	color: rgba(17, 24, 39, 0.28);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0;
}

.oa-history-year {
	color: #e01b2f;
	font-size: clamp(36px, 4vw, 56px);
	font-weight: 900;
	line-height: 0.95;
}

.oa-history-label {
	min-height: 48px;
	color: #111827;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.3;
}

.oa-history-text {
	color: #4b5563;
	font-size: 14px;
	line-height: 1.65;
}

.oa-history-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	color: #e01b2f;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

@media (max-width: 1199.98px) {
	.oa-history-timeline {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oa-history-timeline::before {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.oa-history-head {
		grid-template-columns: 1fr;
		gap: 18px;
		margin-bottom: 34px;
	}

	.oa-history-intro {
		padding-left: 16px;
		font-size: 15px;
	}

	.oa-history-timeline {
		grid-template-columns: 1fr;
	}

	.oa-history-card {
		min-height: auto;
		padding: 24px 20px;
	}

	.oa-history-label {
		min-height: auto;
	}
}

.oa-history-section {
	background: linear-gradient(135deg, #f7f8fb 0%, #ffffff 46%, #eef1f5 100%);
	color: #111827;
	padding-top: 42px !important;
	padding-bottom: 42px !important;
}

.oa-history-section::before {
	background: linear-gradient(90deg, rgba(224, 27, 47, 0.08), transparent 38%), linear-gradient(180deg, transparent, rgba(17, 24, 39, 0.04));
}

.oa-history-head {
	grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.72fr) auto;
	align-items: end;
	margin-bottom: 32px;
}

.oa-history-head .gt-section-title h6 {
	color: #e01b2f;
}

.oa-history-head .gt-section-title h2 {
	color: #111827;
}

.oa-history-intro {
	color: #5b6472;
	border-left-color: #e01b2f;
}

.oa-history-controls {
	display: inline-flex;
	gap: 10px;
	justify-content: flex-end;
}

.oa-history-controls button {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(17, 24, 39, 0.12);
	border-radius: 50%;
	background: #ffffff;
	color: #111827;
	box-shadow: 0 12px 30px rgba(17, 24, 39, 0.08);
	transition: all 0.25s ease;
}

.oa-history-controls button:hover {
	border-color: #e01b2f;
	background: #e01b2f;
	color: #ffffff;
}

.oa-history-slider {
	overflow: visible;
	padding: 4px 0 30px;
}

.oa-history-slider .oa-history-timeline {
	display: flex;
	gap: 0;
}

.oa-history-slider .oa-history-timeline::before {
	display: none;
}

.oa-history-slider .oa-history-item {
	height: auto;
}

.oa-history-card {
	min-height: 285px;
	padding: 24px 26px;
	border-radius: 0;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 249, 252, 0.9));
	border: 1px solid rgba(17, 24, 39, 0.08);
	box-shadow: 0 28px 70px rgba(17, 24, 39, 0.12);
	isolation: isolate;
}

.oa-history-card::before {
	width: 1px;
	height: auto;
	top: 24px;
	bottom: 24px;
	left: 26px;
	background: linear-gradient(180deg, #e01b2f, rgba(224, 27, 47, 0.08));
}

.oa-history-card::after {
	content: "";
	position: absolute;
	top: 22px;
	right: 20px;
	width: 76px;
	height: 76px;
	border: 1px solid rgba(224, 27, 47, 0.14);
	transform: rotate(12deg);
	z-index: -1;
}

.oa-history-index {
	margin-left: 22px;
	color: #9aa3af;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.oa-history-year {
	margin-left: 22px;
	color: transparent;
	font-size: clamp(48px, 4.8vw, 68px);
	line-height: 0.88;
	-webkit-text-stroke: 1.5px #e01b2f;
	text-stroke: 1.5px #e01b2f;
}

.oa-history-label {
	margin-left: 22px;
	min-height: 44px;
	color: #111827;
	font-size: 19px;
}

.oa-history-text {
	margin-left: 22px;
	color: #596273;
	font-size: 14px;
	line-height: 1.55;
}

.oa-history-link {
	margin-left: 22px;
	padding-top: 10px;
	border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.oa-history-pagination {
	position: absolute;
	left: 0;
	bottom: 0 !important;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 8px;
}

.oa-history-pagination .swiper-pagination-bullet {
	width: 28px;
	height: 4px;
	border-radius: 0;
	background: rgba(17, 24, 39, 0.22);
	opacity: 1;
}

.oa-history-pagination .swiper-pagination-bullet-active {
	background: #e01b2f;
}

@media (max-width: 991.98px) {
	.oa-history-head {
		grid-template-columns: 1fr auto;
	}

	.oa-history-intro {
		grid-column: 1 / -1;
		order: 3;
	}

	.oa-history-controls {
		align-self: center;
	}
}

@media (max-width: 767.98px) {
	.oa-history-section {
		padding-top: 34px !important;
		padding-bottom: 34px !important;
	}

	.oa-history-slider {
		padding-bottom: 28px;
	}

	.oa-history-controls button {
		width: 42px;
		height: 42px;
	}

	.oa-history-card {
		min-height: 285px;
		padding: 22px 20px;
	}

	.oa-history-card::before {
		top: 22px;
		bottom: 22px;
		left: 20px;
	}

	.oa-history-index,
	.oa-history-year,
	.oa-history-label,
	.oa-history-text,
	.oa-history-link {
		margin-left: 20px;
	}

	.oa-history-year {
		font-size: 48px;
	}
}

.oa-digital-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #111827 0%, #1f2937 48%, #f4f6f9 48%, #ffffff 100%);
}

.oa-digital-section::before {
	content: "";
	position: absolute;
	inset: 0;

	opacity: 0.36;
	pointer-events: none;
}

.oa-digital-section .container {
	position: relative;
	z-index: 1;
}

.oa-digital-head {
	max-width: 860px;
	margin: 0 auto 46px;
}

.oa-digital-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #e01b2f;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.oa-digital-eyebrow::before,
.oa-digital-eyebrow::after {
	content: "";
	width: 34px;
	height: 2px;
	background: #e01b2f;
}

.oa-digital-head h2 {
	color: #ffffff;
	font-size: clamp(34px, 4.8vw, 64px);
	line-height: 1.05;
	margin-bottom: 18px;
}

.oa-digital-head p {
	color: rgba(255, 255, 255, 0.78);
	font-size: 17px;
	line-height: 1.75;
	margin: 0 auto;
	max-width: 760px;
}

.oa-digital-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 26px;
	align-items: stretch;
}

.oa-digital-card {
	position: relative;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	padding: clamp(28px, 4vw, 48px);
	overflow: hidden;
	isolation: isolate;
	border: 1px solid rgba(255, 255, 255, 0.34);
	box-shadow: 0 28px 80px rgba(17, 24, 39, 0.18);
}

.oa-digital-card::before {
	content: "";
	position: absolute;
	right: -56px;
	top: -56px;
	width: 190px;
	height: 190px;
	border: 1px solid currentColor;
	opacity: 0.12;
	transform: rotate(16deg);
	z-index: -1;
}

.oa-digital-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 34px;
}

.oa-digital-number {
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	opacity: 0.56;
}

.oa-digital-icon {
	width: 62px;
	height: 62px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 24px;
}

.oa-digital-card h3 {
	font-size: clamp(25px, 3vw, 38px);
	line-height: 1.12;
	margin-bottom: 22px;
}

.oa-digital-card p {
	font-size: 16px;
	line-height: 1.75;
	margin-bottom: 26px;
}

.oa-digital-card ul {
	display: grid;
	gap: 12px;
	margin: 0 0 32px;
	padding: 0;
}

.oa-digital-card li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	list-style: none;
	font-size: 15px;
	line-height: 1.45;
}

.oa-digital-card li i {
	margin-top: 3px;
}

.oa-digital-link {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: auto;
	padding: 15px 22px;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.oa-digital-card-dark {
	background: linear-gradient(145deg, rgba(16, 24, 38, 0.98), rgba(35, 45, 61, 0.96));
	color: #ffffff;
}

.oa-digital-card-dark h3 {
	color: #ffffff;
}

.oa-digital-card-dark p,
.oa-digital-card-dark li {
	color: rgba(255, 255, 255, 0.75);
}

.oa-digital-card-dark .oa-digital-icon,
.oa-digital-card-dark .oa-digital-link {
	background: #e01b2f;
	color: #ffffff;
}

.oa-digital-card-light {
	background: rgba(255, 255, 255, 0.96);
	color: #111827;
}

.oa-digital-card-light p,
.oa-digital-card-light li {
	color: #5b6472;
}

.oa-digital-card-light .oa-digital-icon {
	background: rgba(224, 27, 47, 0.1);
	color: #e01b2f;
}

.oa-digital-card-light .oa-digital-link {
	background: #111827;
	color: #ffffff;
}

.oa-digital-card-light li i,
.oa-digital-card-dark li i {
	color: #e01b2f;
}

@media (max-width: 991.98px) {
	.oa-digital-section {
		background: linear-gradient(180deg, #111827 0%, #1f2937 58%, #f4f6f9 58%, #ffffff 100%);
	}

	.oa-digital-grid {
		grid-template-columns: 1fr;
	}

	.oa-digital-card {
		min-height: auto;
	}
}

.oa-support-section {
	position: relative;
	overflow: hidden;
	background: #ffffff;
}

.oa-support-section::before {
	content: "";
	position: absolute;
	inset: auto 0 0 auto;
	width: 42%;
	height: 72%;
	pointer-events: none;
}

.oa-support-wrapper {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
	gap: clamp(30px, 5vw, 72px);
	align-items: center;
}

.oa-support-media {
	position: relative;
	min-height: 520px;
	overflow: hidden;
	background: #111827;
}

.oa-support-media::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 42%, rgba(17, 24, 39, 0.54));
	z-index: 1;
}

.oa-support-media img {
	width: 100%;
	height: 100%;
	min-height: 520px;
	object-fit: cover;
	display: block;
	transform: scale(1.02);
}

.oa-support-badge {
	position: absolute;
	left: 28px;
	bottom: 28px;
	z-index: 2;
	width: 132px;
	height: 132px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #e01b2f;
	color: #ffffff;
	box-shadow: 0 22px 50px rgba(224, 27, 47, 0.28);
}

.oa-support-badge span {
	font-size: 34px;
	font-weight: 900;
	line-height: 1;
}

.oa-support-badge strong {
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}

.oa-support-content {
	max-width: 640px;
}

.oa-support-content .gt-section-title h2 {
	color: #111827;
}

.oa-support-lead {
	color: #111827;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.45;
	margin: 22px 0 18px;
}

.oa-support-text {
	color: #5b6472;
	font-size: 16px;
	line-height: 1.78;
	margin-bottom: 26px;
}

.oa-support-features {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 30px;
}

.oa-support-features span {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	padding: 0 16px;
	background: #f4f6f9;
	color: #111827;
	font-size: 14px;
	font-weight: 800;
}

.oa-support-features i {
	color: #e01b2f;
}

@media (max-width: 991.98px) {
	.oa-support-wrapper {
		grid-template-columns: 1fr;
	}

	.oa-support-content {
		max-width: none;
	}
}

@media (max-width: 575.98px) {
	.oa-support-media,
	.oa-support-media img {
		min-height: 360px;
	}

	.oa-support-badge {
		width: 104px;
		height: 104px;
		left: 18px;
		bottom: 18px;
	}

	.oa-support-badge span {
		font-size: 27px;
	}

	.oa-support-lead {
		font-size: 18px;
	}
}

@media (max-width: 575.98px) {
	.oa-digital-head {
		text-align: left !important;
	}

	.oa-digital-eyebrow::after {
		display: none;
	}

	.oa-digital-head h2 {
		font-size: 34px;
	}

	.oa-digital-head p {
		font-size: 15px;
	}
}

/*------------------- HOME LAYOUT FIXES -------------------*/
.oa-home-products-section .gt-section-title {
	margin-bottom: 18px;
}

.oa-home-products-section .gt-section-title h2 {
	line-height: 1.16;
}

.oa-home-products-section .gt-section-title h2 .word,
.oa-home-products-section .gt-section-title h2 .char {
	line-height: inherit;
}

.oa-home-products-row,
.oa-home-services-row {
	align-items: stretch;
}

.oa-home-products-section .gt-services-item {
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 0;
	background: var(--gt-bg);
}

.oa-home-products-section .gt-service-image {
	height: 250px;
	flex: 0 0 auto;
}

.oa-home-products-section .gt-service-image img {
	display: block;
	object-fit: cover;
}

.oa-home-products-section .service-content {
	flex: 1;
	display: flex;
}

.oa-home-products-section .service-content .content-item,
.oa-home-products-section .service-content .content {
	width: 100%;
}

.oa-home-products-section .service-content .content {
	min-height: 188px;
	display: flex;
	flex-direction: column;
}

.oa-home-products-section .service-content .content p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.oa-home-products-section .service-content .service-btn {
	margin-top: auto;
}

.oa-home-services-head {
	max-width: 720px;
	margin: 54px auto 18px;
}

.oa-home-services-head h6 {
	display: inline-block;
	margin-bottom: 12px;
	padding: 8px 16px;
	border: 1px solid var(--gt-theme);
	border-radius: 100px;
	color: var(--gt-theme);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.oa-home-services-head h2 {
	margin-bottom: 0;
	color: var(--gt-header);
	font-size: 38px;
	line-height: 1.18;
}

.oa-history-section {
	padding-top: 64px !important;
	padding-bottom: 64px !important;
}

.oa-history-head {
	gap: 24px;
	margin-bottom: 30px;
}

.oa-history-intro {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.oa-history-slider {
	overflow: hidden;
	padding: 4px 2px 36px;
}

.oa-history-card {
	min-height: 300px;
	max-height: 300px;
	padding: 24px;
	gap: 10px;
}

.oa-history-card::before {
	top: 24px;
	bottom: 24px;
	left: 24px;
}

.oa-history-index,
.oa-history-year,
.oa-history-label,
.oa-history-text,
.oa-history-link {
	margin-left: 18px;
}

.oa-history-year {
	font-size: clamp(48px, 4.8vw, 70px);
}

.oa-history-label {
	min-height: auto;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 19px;
	line-height: 1.25;
}

.oa-history-text {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	font-size: 14px;
	line-height: 1.55;
}

.oa-history-link {
	padding-top: 10px;
}

@media (max-width: 991.98px) {
	.oa-home-products-section .gt-service-image {
		height: 230px;
	}

	.oa-home-services-head h2 {
		font-size: 32px;
	}

	.oa-history-section {
		padding-top: 52px !important;
		padding-bottom: 52px !important;
	}
}

@media (max-width: 767.98px) {
	.oa-home-products-section .gt-section-title {
		margin-bottom: 24px;
	}

	.oa-home-products-section .gt-service-image {
		height: 220px;
	}

	.oa-home-products-section .service-content .content {
		min-height: 170px;
	}

	.oa-home-services-head {
		margin-top: 42px;
	}

	.oa-home-services-head h2 {
		font-size: 27px;
	}

	.oa-history-head {
		margin-bottom: 24px;
	}

	.oa-history-card {
		min-height: 292px;
		max-height: 292px;
		padding: 22px 20px;
	}

	.oa-history-card::before {
		top: 22px;
		bottom: 22px;
		left: 20px;
	}

	.oa-history-year {
		font-size: 50px;
	}
}

/*------------------- HOME REDESIGN -------------------*/
.oa-solutions-showcase {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #f6f7f9 0%, #ffffff 42%, #eef1f5 100%);
}

.oa-solutions-showcase::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(224, 27, 47, 0.08), transparent 34%),
		url("../img/grid.png") center/620px auto repeat;
	opacity: 0.42;
	pointer-events: none;
}

.oa-solutions-showcase .container {
	position: relative;
	z-index: 1;
}

.oa-solutions-head {
	display: grid;
	grid-template-columns: minmax(0, 0.96fr) minmax(320px, 0.62fr);
	gap: clamp(24px, 4vw, 56px);
	align-items: end;
	margin-bottom: 34px;
}

.oa-solutions-head .gt-section-title h2 {
	max-width: 760px;
	color: #111827;
	line-height: 1.08;
}

.oa-solutions-summary {
	position: relative;
	padding: 22px 0 22px 24px;
	border-left: 4px solid #e01b2f;
	color: #5b6472;
	font-size: 16px;
	line-height: 1.7;
}

.oa-solutions-summary p {
	margin-bottom: 0;
}

.oa-solutions-block {
	position: relative;
	padding-top: 28px;
}

.oa-solutions-block + .oa-solutions-block {
	margin-top: 44px;
}

.oa-solutions-block-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}

.oa-solutions-block-head span {
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #111827;
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
}

.oa-solutions-block-services .oa-solutions-block-head span {
	background: #e01b2f;
}

.oa-solutions-block-head h3 {
	margin-bottom: 0;
	color: #111827;
	font-size: 28px;
	line-height: 1.15;
}

.oa-solutions-showcase .gt-services-item.oa-solution-card {
	position: relative;
	overflow: hidden;
	min-height: 100%;
	border: 1px solid rgba(17, 24, 39, 0.08);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 44px rgba(17, 24, 39, 0.08);
	transition:
		transform 0.28s ease,
		box-shadow 0.28s ease,
		border-color 0.28s ease;
}

.oa-solutions-showcase .gt-services-item.oa-solution-card:hover {
	transform: translateY(-6px);
	border-color: rgba(224, 27, 47, 0.24);
	box-shadow: 0 26px 70px rgba(17, 24, 39, 0.14);
}

.oa-solutions-showcase .gt-service-image {
	height: 238px;
	background: #d8dde5;
}

.oa-solutions-showcase .gt-service-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 46%, rgba(17, 24, 39, 0.5));
	pointer-events: none;
}

.oa-solutions-showcase .gt-service-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oa-solutions-showcase .service-content {
	position: relative;
	min-height: 232px;
	padding: 26px;
	background: #ffffff;
}

.oa-solutions-showcase .service-content::before {
	content: "";
	position: absolute;
	left: 26px;
	top: 0;
	width: 72px;
	height: 4px;
	background: #e01b2f;
}

.oa-solutions-showcase .content-item,
.oa-solutions-showcase .content {
	width: 100%;
}

.oa-solutions-showcase .content {
	display: flex;
	min-height: 180px;
	flex-direction: column;
}

.oa-solution-type {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	margin-bottom: 14px;
	padding: 0 10px;
	background: rgba(224, 27, 47, 0.09);
	color: #e01b2f;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
}

.oa-solutions-showcase .text h3 {
	margin-bottom: 12px;
	font-size: 23px;
	line-height: 1.18;
}

.oa-solutions-showcase .text h3 a {
	color: #111827;
}

.oa-solutions-showcase .content p {
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 18px;
	color: #5b6472;
	font-size: 15px;
	line-height: 1.62;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.oa-solutions-showcase .service-btn {
	margin-top: auto;
}

.oa-solutions-showcase .service-btn .link-btn {
	color: #111827;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.oa-solutions-showcase .service-btn .link-btn:hover {
	color: #e01b2f;
}

.oa-solution-card-service {
	background: #111827 !important;
}

.oa-solution-card-service .service-content {
	background: #111827;
}

.oa-solution-card-service .service-content::before {
	background: #ffffff;
}

.oa-solution-card-service .oa-solution-type {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.oa-solution-card-service .text h3 a,
.oa-solution-card-service .service-btn .link-btn {
	color: #ffffff;
}

.oa-solution-card-service .content p {
	color: rgba(255, 255, 255, 0.72);
}

.oa-history-redesign {
	position: relative;
	overflow: hidden;
	padding-top: 44px !important;
	padding-bottom: 44px !important;
	background: linear-gradient(135deg, #101722 0%, #1f2937 54%, #131a24 100%) !important;
	color: #ffffff;
}

.oa-history-redesign::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(224, 27, 47, 0.28), transparent 36%),
		url("../img/grid.png") center/560px auto repeat;
	opacity: 0.55;
	pointer-events: none;
}

.oa-history-redesign .container {
	position: relative;
	z-index: 1;
}

.oa-history-redesign .oa-history-head {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.65fr) auto;
	gap: 22px;
	align-items: end;
	margin-bottom: 22px;
}

.oa-history-redesign .gt-section-title h6 {
	border-color: rgba(255, 255, 255, 0.28);
	color: #ffffff;
}

.oa-history-redesign .gt-section-title h2 {
	max-width: 720px;
	color: #ffffff;
	line-height: 1.08;
}

.oa-history-redesign .oa-history-intro {
	display: -webkit-box;
	overflow: hidden;
	padding-left: 22px;
	border-left: 4px solid #e01b2f;
	color: rgba(255, 255, 255, 0.76);
	font-size: 16px;
	line-height: 1.58;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.oa-history-redesign .oa-history-controls {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.oa-history-redesign .oa-history-all-link {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.oa-history-redesign .oa-history-all-link:hover {
	border-color: #e01b2f;
	background: #e01b2f;
	color: #ffffff;
}

.oa-history-redesign .oa-history-controls button {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	transition: all 0.25s ease;
}

.oa-history-redesign .oa-history-controls button:hover {
	border-color: #e01b2f;
	background: #e01b2f;
}

.oa-history-redesign .oa-history-track {
	height: auto !important;
	overflow: hidden;
	padding: 10px 2px 28px;
}

.oa-history-redesign .oa-history-timeline {
	display: flex;
	gap: 0;
	height: auto !important;
	align-items: stretch;
}

.oa-history-redesign .oa-history-timeline::before {
	display: none;
}

.oa-history-redesign .oa-history-item {
	height: auto !important;
}

.oa-history-redesign .oa-history-card {
	position: relative;
	min-height: 260px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px 24px 22px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.94);
	color: #111827;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	isolation: isolate;
	cursor: default;
}

.oa-history-redesign .oa-history-card::before {
	content: "";
	position: absolute;
	top: 50px;
	left: 24px;
	right: 24px;
	width: auto;
	height: 1px;
	background: rgba(224, 27, 47, 0.22);
}

.oa-history-redesign .oa-history-card::after {
	content: "";
	position: absolute;
	right: -28px;
	bottom: -28px;
	width: 96px;
	height: 96px;
	border: 1px solid rgba(224, 27, 47, 0.16);
	transform: rotate(12deg);
	z-index: -1;
}

.oa-history-redesign .oa-history-index,
.oa-history-redesign .oa-history-year,
.oa-history-redesign .oa-history-label,
.oa-history-redesign .oa-history-text,
.oa-history-redesign .oa-history-link {
	margin-left: 0;
}

.oa-history-redesign .oa-history-index {
	color: #9aa3af;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.oa-history-redesign .oa-history-dot {
	position: absolute;
	top: 43px;
	left: 24px;
	width: 15px;
	height: 15px;
	border: 4px solid #ffffff;
	border-radius: 50%;
	background: #e01b2f;
	box-shadow: 0 0 0 1px rgba(224, 27, 47, 0.24);
}

.oa-history-redesign .oa-history-year {
	margin-top: 18px;
	color: #e01b2f;
	font-size: clamp(38px, 3.6vw, 56px);
	font-weight: 900;
	line-height: 0.92;
	-webkit-text-stroke: 0;
	text-stroke: 0;
}

.oa-history-redesign .oa-history-label {
	min-height: 38px;
	display: -webkit-box;
	overflow: hidden;
	color: #111827;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.22;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.oa-history-redesign .oa-history-text {
	display: -webkit-box;
	overflow: hidden;
	color: #5b6472;
	font-size: 14px;
	line-height: 1.45;
}

.oa-history-redesign .oa-history-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 9px;
	border-top: 1px solid rgba(17, 24, 39, 0.08);
	color: #e01b2f;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.oa-history-redesign .oa-history-pagination {
	bottom: 0 !important;
}

.oa-history-redesign .oa-history-pagination .swiper-pagination-bullet {
	width: 30px;
	height: 4px;
	border-radius: 0;
	background: rgba(255, 255, 255, 0.34);
	opacity: 1;
}

.oa-history-redesign .oa-history-pagination .swiper-pagination-bullet-active {
	background: #e01b2f;
}

@media (max-width: 991.98px) {
	.oa-solutions-head,
	.oa-history-redesign .oa-history-head {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.oa-history-redesign .oa-history-controls {
		justify-content: flex-start;
	}

	.oa-solutions-showcase .gt-service-image {
		height: 224px;
	}
}

@media (max-width: 767.98px) {
	.oa-solutions-showcase,
	.oa-history-redesign {
		padding-top: 36px !important;
		padding-bottom: 38px !important;
	}

	.oa-solutions-head {
		gap: 18px;
		margin-bottom: 24px;
	}

	.oa-solutions-summary {
		padding: 18px 0 18px 18px;
		font-size: 15px;
	}

	.oa-solutions-block + .oa-solutions-block {
		margin-top: 34px;
	}

	.oa-solutions-block-head h3 {
		font-size: 24px;
	}

	.oa-solutions-showcase .gt-service-image {
		height: 210px;
	}

	.oa-solutions-showcase .service-content {
		min-height: 210px;
		padding: 24px 22px;
	}

	.oa-history-redesign .oa-history-head {
		gap: 18px;
		margin-bottom: 18px;
	}

	.oa-history-redesign .oa-history-track {
		padding-top: 10px;
		padding-bottom: 26px;
	}

	.oa-history-redesign .oa-history-card {
		min-height: 258px;
		max-height: 258px;
		padding: 22px 20px 20px;
	}

	.oa-history-redesign .oa-history-card::before {
		top: 48px;
		left: 20px;
		right: 20px;
	}

	.oa-history-redesign .oa-history-dot {
		top: 41px;
		left: 20px;
	}

	.oa-history-redesign .oa-history-year {
		font-size: 40px;
	}
}

/*------------------- HISTORY TREE PAGE -------------------*/
.oa-history-tree-page {
	position: relative;
	overflow: hidden;
	background: #ffffff;
}

.oa-history-tree-page::before {
	display: none;
}

.oa-history-tree-page .container {
	position: relative;
	z-index: 1;
}

.oa-history-tree-hero {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(320px, 0.72fr);
	gap: 34px;
	align-items: end;
	margin-bottom: 56px;
}

.oa-history-tree-title span {
	display: inline-flex;
	margin-bottom: 12px;
	padding: 8px 16px;
	border: 1px solid rgba(224, 27, 47, 0.3);
	border-radius: 999px;
	color: #e01b2f;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.oa-history-tree-title h2 {
	margin-bottom: 0;
	color: #111827;
	font-size: clamp(36px, 5vw, 68px);
	line-height: 1.02;
}

.oa-history-tree-summary {
	color: #5b6472;
	font-size: 16px;
	line-height: 1.72;
	border-left: 4px solid #e01b2f;
	padding-left: 22px;
}

.oa-history-tree-summary p:last-child {
	margin-bottom: 0;
}

.oa-history-tree-stats {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.oa-history-tree-stats div {
	min-height: 108px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 22px;
	border-left: 4px solid #e01b2f;
	background: #111827;
	color: #ffffff;
}

.oa-history-tree-stats strong {
	display: block;
	font-size: clamp(28px, 4vw, 48px);
	font-weight: 900;
	line-height: 1;
}

.oa-history-tree-stats span {
	margin-top: 8px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.oa-history-tree {
	position: relative;
	padding: 20px 0;
}

.oa-history-tree::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	background: linear-gradient(180deg, transparent, rgba(224, 27, 47, 0.85), transparent);
	transform: translateX(-50%);
}

.oa-history-tree-item {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
}

.oa-history-tree-item + .oa-history-tree-item {
	margin-top: 34px;
}

.oa-history-tree-node {
	grid-column: 2;
	position: relative;
	width: 72px;
	height: 72px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 8px solid #ffffff;
	border-radius: 50%;
	background: #e01b2f;
	box-shadow: 0 18px 40px rgba(224, 27, 47, 0.22);
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	z-index: 2;
}

.oa-history-tree-card {
	position: relative;
	padding: 30px;
	border: 1px solid rgba(17, 24, 39, 0.08);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 24px 70px rgba(17, 24, 39, 0.1);
	overflow: hidden;
}

.oa-history-tree-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: linear-gradient(180deg, #e01b2f, #f5b941);
}

.oa-history-tree-item.is-odd .oa-history-tree-card {
	grid-column: 1;
}

.oa-history-tree-item.is-even .oa-history-tree-card {
	grid-column: 3;
}

.oa-history-tree-card-head {
	display: grid;
	gap: 8px;
	margin-bottom: 18px;
}

.oa-history-tree-year {
	color: #e01b2f;
	font-size: clamp(40px, 5vw, 72px);
	font-weight: 900;
	line-height: 0.9;
}

.oa-history-tree-card h3 {
	margin-bottom: 0;
	color: #111827;
	font-size: 24px;
	line-height: 1.2;
}

.oa-history-tree-media {
	aspect-ratio: 16 / 9;
	margin-bottom: 18px;
	overflow: hidden;
	border-radius: 6px;
	background: #eef1f5;
}

.oa-history-tree-media img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.oa-history-tree-content {
	color: #4b5563;
	font-size: 15px;
	line-height: 1.72;
}

.oa-history-tree-content p:last-child {
	margin-bottom: 0;
}

.oa-history-tree-empty {
	padding: 34px;
	border-left: 4px solid #e01b2f;
	background: #ffffff;
	color: #4b5563;
}

.oa-history-tree-empty p {
	margin-bottom: 0;
}

@media (max-width: 991.98px) {
	.oa-history-tree-hero {
		grid-template-columns: 1fr;
		gap: 22px;
		margin-bottom: 40px;
	}

	.oa-history-tree-item {
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 20px;
	}

	.oa-history-tree::before {
		left: 29px;
	}

	.oa-history-tree-node {
		grid-column: 1;
		width: 58px;
		height: 58px;
		border-width: 6px;
	}

	.oa-history-tree-item.is-odd .oa-history-tree-card,
	.oa-history-tree-item.is-even .oa-history-tree-card {
		grid-column: 2;
	}
}

@media (max-width: 767.98px) {
	.gt-about-section-3 .gt-about-text .row > .col-lg-4.col-md-6.mb-3 {
		width: 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.gt-about-section-3 .gt-about-text .row > [class*="col-"]:has(> .ozkanlar-stats-card) {
		width: 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.gt-about-section-3 .gt-about-text .ozkanlar-stats-card {
		min-width: 0;
	}

	.oa-history-redesign .oa-history-controls {
		flex-wrap: wrap;
	}

	.oa-history-redesign .oa-history-all-link {
		min-height: 42px;
		padding: 0 14px;
	}

	.oa-history-tree-stats {
		grid-template-columns: 1fr;
	}

	.oa-history-tree-card {
		padding: 24px 22px;
	}

	.oa-history-tree-card h3 {
		font-size: 21px;
	}

	.oa-history-tree-content {
		font-size: 14px;
	}
}

/*------------------- MOBILE OPTIMIZATION -------------------*/
@media (max-width: 1199.98px) {
	.oa-header.header-1.header-3 {
		top: 0 !important;
		margin-top: 0 !important;
		padding-top: env(safe-area-inset-top, 0);
	}

	.oa-header.header-1.header-3 .header-main,
	.oa-header.sticky.header-3 .header-main {
		min-height: 68px;
		padding: 0;
	}

	.oa-header .logo img {
		width: 168px;
		max-height: 44px;
	}

	.oa-header .header-right {
		gap: 10px;
	}

	.oa-header .header__hamburger {
		margin-left: 0;
	}

	.hero-video-slider {
		top: 0 !important;
	}
}

@media (max-width: 767.98px) {
	body {
		font-size: 15px;
		line-height: 1.65;
	}

	p,
	li,
	.gt-about-text,
	.oa-product-copy,
	.oa-product-intro,
	.oa-service-content,
	.oa-history-tree-content,
	.oa-solutions-summary,
	.oa-support-text {
		font-size: 15px;
		line-height: 1.65;
	}

	h1,
	.gt-breadcrumb-wrapper .gt-page-heading h1,
	.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading h1 {
		font-size: 28px !important;
		line-height: 1.12 !important;
	}

	h2,
	.gt-section-title h2,
	.oa-catalog-copy h2,
	.oa-service-lead h2,
	.oa-support-content .gt-section-title h2,
	.oa-digital-head h2,
	.oa-history-tree-title h2,
	.oa-product-summary h2 {
		font-size: 26px !important;
		line-height: 1.16 !important;
	}

	h3,
	.oa-solutions-block-head h3,
	.oa-service-split h3,
	.oa-service-cards h3,
	.oa-history-tree-card h3,
	.oa-product-copy h3,
	.oa-spec-panel h3,
	.oa-option-panel h3,
	.oa-home-blog-card .gt-news-content h3,
	.oa-solutions-showcase .text h3 {
		font-size: 20px !important;
		line-height: 1.22 !important;
	}

	h4,
	.gt-section-title h6,
	.gt-section-title h6.gt-style-3,
	.oa-service-lead span,
	.oa-catalog-kicker {
		font-size: 13px !important;
		line-height: 1.2 !important;
	}

	.section-padding {
		padding: 48px 0 !important;
	}

	.container,
	.container-fluid {
		--bs-gutter-x: 1.5rem;
	}

	.gt-breadcrumb-wrapper {
		padding: 24px 0 0 !important;
	}

	.gt-breadcrumb-wrapper .gt-page-heading,
	.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading {
		padding: 34px 0 36px !important;
	}

	.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
		gap: 8px;
		margin-top: 12px;
		font-size: 13px;
		line-height: 1.35;
	}

	.gt-section-title {
		margin-bottom: 18px;
	}

	.gt-section-title h6.gt-style-3 {
		padding: 7px 12px;
		margin-bottom: 10px;
	}

	.gt-theme-btn .gt-text-btn,
	.oa-product-btn,
	.oa-catalog-btn,
	.oa-header-cta {
		min-height: 46px;
		padding: 13px 16px;
		font-size: 13px;
		line-height: 1;
	}

	.oa-header.header-1.header-3 .container-fluid {
		padding: 0 14px;
	}

	.oa-header.header-1.header-3 .header-main,
	.oa-header.sticky.header-3 .header-main {
		min-height: 64px;
	}

	.oa-header .logo img {
		width: 148px;
		max-height: 40px;
	}

	.header-main .sidebar__toggle {
		margin-right: 0;
	}

	.header-main .sidebar__toggle img {
		width: 26px;
	}

	.offcanvas__info {
		width: min(92vw, 360px);
		padding-top: max(20px, env(safe-area-inset-top, 0) + 14px);
	}

	.offcanvas__logo img {
		width: 160px;
		max-height: 44px;
		object-fit: contain;
	}

	.hero-video-slider {
		height: 360px !important;
	}

	.gt-about-section-3 .gt-about-content .gt-about-text {
		margin-top: 16px;
	}

	.gt-about-section-3 .gt-about-text .row {
		row-gap: 12px;
	}

	.gt-about-section-3 .gt-about-text .row > .col-lg-4.col-md-6.mb-3,
	.gt-about-section-3 .gt-about-text .row > [class*="col-"]:has(> .ozkanlar-stats-card) {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.oa-catalog-hero,
	.oa-service-lead,
	.oa-service-split,
	.oa-service-note,
	.oa-product-wrapper,
	.oa-history-tree-card {
		padding: 20px;
	}

	.oa-product-hero {
		padding-top: 36px;
	}

	.oa-product-summary h6 {
		font-size: 13px;
	}

	.oa-product-title-en {
		font-size: 18px;
	}

	.oa-product-slogan-tr {
		font-size: 16px;
	}

	.oa-product-slogan-en {
		font-size: 14px;
	}

	.oa-product-highlights {
		gap: 10px;
		margin: 18px 0;
	}

	.oa-highlight-item {
		min-height: 0;
		padding: 14px;
	}

	.oa-highlight-item strong,
	.oa-related-card strong {
		font-size: 17px;
	}

	.oa-product-copy p,
	.oa-product-intro p {
		padding: 14px 15px;
	}

	.oa-product-tabs {
		margin-top: 40px !important;
	}

	.oa-spec-table th,
	.oa-spec-table td {
		font-size: 14px;
		line-height: 1.45;
	}

	.oa-solutions-showcase .service-content,
	.oa-home-products-section .service-content .content {
		min-height: 0;
	}

	.oa-solutions-showcase .content p,
	.oa-home-products-section .service-content .content p {
		font-size: 14px;
	}

	.oa-history-redesign .oa-history-head,
	.oa-solutions-head {
		gap: 16px;
	}

	.oa-history-redesign .oa-history-year,
	.oa-history-year,
	.oa-history-tree-year {
		font-size: 34px !important;
	}
}

@media (max-width: 575.98px) {
	body {
		font-size: 14px;
	}

	p,
	li,
	.gt-about-text,
	.oa-product-copy,
	.oa-product-intro,
	.oa-service-content,
	.oa-history-tree-content,
	.oa-solutions-summary,
	.oa-support-text {
		font-size: 14px;
		line-height: 1.62;
	}

	h1,
	.gt-breadcrumb-wrapper .gt-page-heading h1,
	.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading h1 {
		font-size: 24px !important;
	}

	h2,
	.gt-section-title h2,
	.oa-catalog-copy h2,
	.oa-service-lead h2,
	.oa-support-content .gt-section-title h2,
	.oa-digital-head h2,
	.oa-history-tree-title h2,
	.oa-product-summary h2 {
		font-size: 23px !important;
	}

	h3,
	.oa-solutions-block-head h3,
	.oa-service-split h3,
	.oa-service-cards h3,
	.oa-history-tree-card h3,
	.oa-product-copy h3,
	.oa-spec-panel h3,
	.oa-option-panel h3,
	.oa-home-blog-card .gt-news-content h3,
	.oa-solutions-showcase .text h3 {
		font-size: 18px !important;
	}

	.section-padding {
		padding: 40px 0 !important;
	}

	.gt-breadcrumb-wrapper .gt-page-heading,
	.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading {
		padding: 28px 0 30px !important;
	}

	.oa-header.header-1.header-3 .container-fluid {
		padding: 0 12px;
	}

	.oa-header.header-1.header-3 .header-main,
	.oa-header.sticky.header-3 .header-main {
		min-height: 60px;
	}

	.oa-header .logo img {
		width: 132px;
		max-height: 36px;
	}

	.hero-video-slider {
		height: 310px !important;
	}

	.oa-catalog-hero,
	.oa-service-lead,
	.oa-service-split,
	.oa-service-note,
	.oa-product-wrapper,
	.oa-history-tree-card {
		padding: 16px;
	}

	.oa-catalog-actions,
	.oa-product-actions {
		gap: 10px;
	}

	.oa-product-main-image {
		border-radius: 6px;
	}

	.oa-image-badge {
		left: 12px;
		bottom: 12px;
		padding: 8px 10px;
		font-size: 12px;
	}

	.oa-history-tree-item {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 14px;
	}

	.oa-history-tree::before {
		left: 22px;
	}

	.oa-history-tree-node {
		width: 44px;
		height: 44px;
		border-width: 5px;
		font-size: 12px;
	}
}

@media (max-width: 380px) {
	h1,
	.gt-breadcrumb-wrapper .gt-page-heading h1,
	.oa-product-breadcrumb.gt-breadcrumb-wrapper .gt-page-heading h1 {
		font-size: 22px !important;
	}

	h2,
	.gt-section-title h2,
	.oa-catalog-copy h2,
	.oa-service-lead h2,
	.oa-support-content .gt-section-title h2,
	.oa-digital-head h2,
	.oa-history-tree-title h2,
	.oa-product-summary h2 {
		font-size: 21px !important;
	}

	.oa-header .logo img {
		width: 122px;
	}
}

/* ============================================================
   GLOBAL FONT: Tum site Helvetica Neue
   main.css'teki "Barlow" / "Inter" tanimlarini ezer.
   Ikon fontlari (Font Awesome <i>/fa-*, icomoon icon-*) haric tutulur,
   aksi halde ikonlar kare/bozuk gorunur.
   ============================================================ */

body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class*="fa-"]):not([class^="icon-"]):not([class*=" icon-"]) {
	font-family: "Helvetica Now", Arial, sans-serif !important;
}

/* ============================================================
   Anasayfa sayac kartlari (sayilarla-anlatim)
   Kart ici kirmizi zemin + beyaz yazi (site rengi #e11c25 ile uyumlu).
   DB icerigindeki gomulu stili daha yuksek ozgullukle ezer.
   ============================================================ */
/* Urunler bolumu baslik alti boslugu azaltildi. */
.gt-service-section .gt-section-title {
	margin-bottom: -20px;
}

/* section-padding (120px) + py-5 (48px) ust uste binince asiri bosluk
   olusuyordu; sayac serit oldugu icin dikey bosluk kisaltildi. */
section.sayilarla-anlatim {
	padding-top: 40px;
	padding-bottom: 40px;
}

.sayilarla-anlatim .ozkanlar-stats-card {
	background: #e11c25;
	border-color: #e11c25;
}

.sayilarla-anlatim .ozkanlar-stats-card:hover {
	background: #c1121a;
	border-color: #c1121a;
	transform: translateY(-3px);
}

.sayilarla-anlatim .ozkanlar-number,
.sayilarla-anlatim .ozkanlar-label {
	color: #ffffff;
}

.sayilarla-anlatim .ozkanlar-icon {
	background: rgba(255, 255, 255, 0.16);
	color: #ffffff;
}

/* ============================================================
   Referanslar bolumu: kirmizi zemin + yuvarlak beyaz logo kutulari,
   daha buyuk alan. 86px sabit yukseklikler ezildi, gri filtre kaldirildi.
   ============================================================ */
.gt-brand-section {
	background: #e11c25;
	/* margin-top: 40px; */
	padding-top: 60px;
	padding-bottom: 60px;
}

.gt-brand-section .gt-brand-slider,
.gt-brand-section .gt-brand-slider .swiper-wrapper {
	height: auto !important;
}

.gt-brand-section .gt-brand-slider .gt-brand-slide-element {
	height: auto;
	padding: 12px;
}

/* Yuvarlak beyaz logo kutusu */
.gt-brand-section .brand-image,
.gt-brand-section .gt-brand-slider .brand-image {
	flex: 0 0 150px;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
	filter: none !important;
	opacity: 1 !important;
}

.gt-brand-section .brand-image img {
	max-width: 72%;
	max-height: 72%;
}

/* ============================================================
   Blog bolumu: beyaz zemin. Kartlar da beyaz oldugu icin
   golge + ince kenarlik ile zeminden ayrilip one cikar.
   ============================================================ */
.oa-home-blog-section {
    background-color: #ffffff !important;
}

.oa-home-blog-card {
    border-color: rgba(17, 24, 39, 0.06);
    box-shadow: 0 20px 50px rgba(17, 24, 39, 0.13);
}

.oa-home-blog-card:hover {
    box-shadow: 0 28px 64px rgba(17, 24, 39, 0.2);
}

/* ============================================================
   Footer acik tema: kirik beyaz (#f2f2f2) zemin + koyu icerik.
   Beyaz logolar footer.php'de koyu versiyonlariyla degistirildi.
   ============================================================ */
.gt-footer-section.footer-bg {
    background-image: none !important;
    background-color: #f2f2f2;
}

.gt-footer-section .gt-widget-head h3 {
    color: #121821 !important;
}

.gt-footer-section .gt-list-area li a,
.gt-footer-section .gt-contact-content li,
.gt-footer-section .gt-contact-content li a,
.gt-footer-section .footer-bottom .footer-wrapper p,
.gt-footer-section .footer-bottom .footer-wrapper p a {
    color: #3a3f47 !important;
}

.gt-footer-section .gt-list-area li:hover a,
.gt-footer-section .gt-contact-content li a:hover,
.gt-footer-section .footer-bottom .footer-wrapper p a:hover {
    color: #e11c25 !important;
}

.gt-footer-section .gt-contact-content li span i {
    color: #e11c25 !important;
}

/* Alt bar ayirici cizgisi acik zemine uygun */
.gt-footer-section .footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* Alt bar sosyal ikonlari: beyaz kutu + koyu ikon + ince kenarlik */
.gt-footer-section .footer-bottom .footer-wrapper .gt-social-icon a {
    background-color: #ffffff;
    color: #121821;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.gt-footer-section .footer-bottom .footer-wrapper .gt-social-icon a:hover {
    background-color: #e11c25;
    color: #ffffff;
    border-color: #e11c25;
}

.oa-related-card-item{
	border-radius:16px;
	overflow:hidden;
	transition:.3s ease;
	background:#fff;
}

.oa-related-card-item:hover{
	transform:translateY(-6px);
	box-shadow:0 15px 35px rgba(0,0,0,.12)!important;
}

.oa-related-card-item .card-img-top{
	height:260px;
	width:100%;
	object-fit:cover;
	transition:.4s;
}

.oa-related-card-item:hover .card-img-top{
	transform:scale(1.08);
}

.oa-related-card-item .card-title{
	font-size:20px;
	font-weight:700;
	color:#222;
	line-height:1.4;
}

.oa-related-card-item a{
	color:var(--theme-color);
}

.oa-related-card-item a:hover{
	color:#000;
}

/* 5 kolon */
.col-lg-2-4{
	width:20%;
	flex:0 0 20%;
	max-width:20%;
}

@media(max-width:991px){
	.col-lg-2-4{
		width:33.333%;
		max-width:33.333%;
		flex:0 0 33.333%;
	}
}

@media(max-width:767px){
	.col-lg-2-4{
		width:50%;
		max-width:50%;
		flex:0 0 50%;
	}
}

.reference-item{
	height:170px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	background:#fff;
	padding:20px;
}

.reference-item.border-right:after{
	content:"";
	position:absolute;
	right:0;
	top:18%;
	width:1px;
	height:64%;
	background:#c8a84b;
}

.reference-item img{
	max-width:80%;
	max-height:90px;
	width:auto;
	height:auto;
	object-fit:contain;
	transition:.3s;
}

.reference-item:hover img{
	transform:scale(1.05);
}

.corporate-content{
	font-size:16px;
	line-height:1.9;
	color:#444;
	text-align:justify;
}

.corporate-content h2,
.corporate-content h3,
.corporate-content h4{
	font-size:24px;
	font-weight:700;
	margin-bottom:20px;
}

.corporate-content strong{
	font-weight:700;
}

.corporate-main-image{
	width:100%;
	height:520px;
	object-fit:cover;
}

.corporate-small-image{
	width:100%;
	height:300px;
	object-fit:cover;
}

.corporate-gallery{
	width:100%;
	height:260px;
	object-fit:cover;
}

@media(max-width:768px){

	.corporate-main-image{
		height:250px;
	}

	.corporate-small-image{
		height:180px;
	}

	.corporate-gallery{
		height:180px;
	}

	.corporate-content{
		margin-bottom:30px;
	}

}

.corporate-history{
	background:#fff;
	padding:80px 0;
}

.history-title{
	font-size:42px;
	font-weight:800;
	line-height:1.15;
	color:#0c3b85;
	margin-bottom:20px;
}

.history-title span{
	color:#0c3b85;
}

.history-subtitle{
	font-size:36px;
	font-style:italic;
	font-weight:300;
	color:#21458d;
	line-height:1.4;
	margin-bottom:45px;
}

.history-image{
	max-width:900px;
	width:100%;
	display:block;
	margin:auto;
}

@media(max-width:992px){

	.history-title{
		font-size:42px;
	}

	.history-subtitle{
		font-size:26px;
	}

}

@media(max-width:768px){

	.corporate-history{
		padding:50px 0;
	}

	.history-title{
		font-size:24px;
	}

	.history-subtitle{
		font-size:20px;
	}

}
.footer-btn {
	list-style: none;
	margin-bottom: 12px;
}

.footer-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 50%;
	padding: 10px 10px;
	background: #d40000; /* Kurumsal renginiz */
	color: white;
	border-radius: 25px;
	text-decoration: none;
	font-weight: 600;
	transition: .3s;
}

.footer-btn a:hover {
	background: #a80000;
	transform: translateY(-2px);
	color: #fff;
}
.roi-wrapper{
	width:100%;
}

.roi-panel{
	background:#FFFFFF;
	border:1px solid #E4E6EB;
	border-radius:14px;
	padding:28px;
	box-shadow:0 1px 2px rgba(16,20,30,.04), 0 8px 24px rgba(16,20,30,.05);
}

/* --- Girdi kartları --- */

.roi-grid{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 35px;
	margin-bottom: 0px;
}

.field{
	background:#D91D23;
	border-radius:16px;
	padding:22px 14px;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	box-shadow:0 8px 20px rgba(217,29,35,.18);
	transition:transform .2s, box-shadow .2s;
}
.field:hover{
	transform:translateY(-4px);
	box-shadow:0 12px 26px rgba(217,29,35,.26);
}

.field-icon{
	width:44px;
	height:44px;
	border-radius:12px;
	background:rgba(255,255,255,.18);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	flex:none;
}
.field-icon svg{
	width:22px;
	height:22px;
}

.field input{
	width:100%;
	background:transparent;
	border:none;
	border-bottom:2px solid rgba(255,255,255,.25);
	padding:0 0 4px;
	text-align:center;
	font-size:26px;
	font-weight:800;
	color:#fff;
	outline:none;
	-moz-appearance:textfield;
	box-sizing:border-box;
	transition:border-color .15s;
}
.field input::-webkit-outer-spin-button,
.field input::-webkit-inner-spin-button{
	-webkit-appearance:none;
	margin:0;
}
.field input::placeholder{
	color:rgba(255,255,255,.5);
}
.field input:focus{
	border-color:#fff;
}

.field label{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color: rgb(0 0 0 / 0.9);
	text-align:center;
	padding: 4px;
	background:white;
	border-radius: 12px;
	line-height:1.6;

}

.field.invest{
	grid-column:span 2;
}

/* --- Hesapla butonu --- */

.btn-roi{
	width:200px;
	height:44px;
	border:none;
	border-radius:9px;
	background:#D91D23;
	color:#fff;
	font-size:14px;
	font-weight:700;
	letter-spacing:.02em;
	text-transform:uppercase;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	box-shadow:0 8px 20px rgba(217,29,35,.22);
	transition:background .15s, transform .1s, box-shadow .15s;
}

.btn-roi svg{
	width:18px;
	height:18px;
	flex:none;
}

.btn-roi:hover{
	background:#B91C2B;
	transform:translateY(-2px);
	box-shadow:0 12px 26px rgba(217,29,35,.3);
}

.btn-roi:active{
	transform:translateY(0);
	box-shadow:0 6px 14px rgba(217,29,35,.22);
}

.btn-roi:focus-visible{
	outline:2px solid #191C22;
	outline-offset:2px;
}

/* --- Sonuç kutusu --- */
.result-btn-grid{
	display:grid;
	grid-template-columns:200px 1fr;
	gap:16px;
	align-items:stretch;
	margin-top:16px;
}

.result-btn-grid .btn-roi{
	width:100%;
	height:auto;
	min-height:44px;
}

.result-btn-grid .roi-result{
	margin-top:0;
}

@media (max-width:640px){
	.result-btn-grid{
		grid-template-columns:1fr;
	}
}
.roi-result{
	background:#191C22;
	border-radius:10px;
	padding:20px 18px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:rgba(255,255,255,.75);
	line-height:1.6;
}

.roi-result strong{
	font-size:20px;
	font-weight:600;
	color:#fff;
}

/* --- Mobil --- */

@media (max-width:640px){
	.roi-grid{
		grid-template-columns:repeat(2, 1fr);
	}
	.field.invest{
		grid-column:span 2;
	}
	.btn-roi{
		width:100%;
	}
	.roi-result{
		font-size:13px;
	}
	.roi-result strong{
		font-size:18px;
	}
}
.legal-notice{
	width:100%;
	margin:40px auto 0;
	background:#FFFFFF;
	border:1px solid #E4E6EB;
	border-radius:14px;
	padding:28px 30px;
}

.legal-notice__head{
	margin-bottom:20px;
	padding-bottom:18px;
	border-bottom:1px solid #E4E6EB;
}

.legal-notice__title{
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#B91C2B;
	margin:0 0 6px;
}

.legal-notice__subtitle{
	font-size:24px;
	font-weight:600;
	color:#191C22;
	margin:0;
	line-height:1.4;
}

.legal-list{
	list-style:none;
	margin:0;
	padding:0;
}

.legal-item{
	display:grid;
	grid-template-columns:32px 1fr;
	gap:14px;
	padding:16px 0;
	border-bottom:1px solid #EFF0F3;
}

.legal-item:last-child{
	border-bottom:none;
	padding-bottom:0;
}
.legal-item:first-child{
	padding-top:0;
}

.legal-item__index{
	font-size:12px;
	font-weight:600;
	color:#B8BCC4;
	padding-top:1px;
}

.legal-item__title{
	font-size:16px;
	font-weight:600;
	color:#191C22;
	margin:0 0 6px;
	letter-spacing:-.005em;
}

.legal-item__text{
	font-size:15px;
	line-height:1.65;
	color:#444;
	margin:0;
}

@media (max-width:640px){
	.legal-notice{
		padding:22px 18px;
	}
	.legal-item{
		grid-template-columns:24px 1fr;
		gap:10px;
	}
}

.video-bg{
	position: relative;
	overflow: hidden;
}

.video-bg iframe{
	width:100%;
	height:100%;
	border:0;
	pointer-events:none; /* Kullanıcı videoya tıklayamaz */
}
@media (min-width:769px){

	.left-space{
		padding-left: 50px;
	}
}

.input-wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.input-wrap input {
	width: 100%;
	padding-right: 48px; /* birim etiketine yer aç */
}

.unit {
	position: absolute;
	right: 14px;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff; /* gri ton, tasarımına göre değiştirebilirsin */
	pointer-events: none;
	user-select: none;
}
.oa-support-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-top: 25px;
}

.oa-feature-item {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	padding: 20px 18px;
	background: #f5f6f8;
	border: 1px solid #eceef1;
	transition: all .25s ease;
}

.oa-feature-item:hover {
	background: #fff;
	border-color: #ddd;
	transform: translateY(-2px);
}

.oa-feature-icon {
	width: 38px;
	height: 38px;
	min-width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(255 255 255 / 0);
	color: #ed1c24;
	font-size: 18px;
}

.oa-feature-content {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.oa-feature-content strong {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 700;
	color: #111827;
}

.oa-feature-content small {
	font-size: 12px;
	line-height: 1.5;
	color: #6b7280;
	font-weight: 500;
}

@media (max-width: 991px) {
	.oa-support-features {
		grid-template-columns: 1fr;
	}
}


 .cc-banner {
	 position: fixed;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 9999;
	 background: #1a212c;
	 color: #f2f2f2;
	 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	 box-shadow: 0 -4px 24px rgba(0,0,0,0.25);
	 animation: cc-slide-up 0.4s ease-out;
 }

@keyframes cc-slide-up {
	from { transform: translateY(100%); }
	to   { transform: translateY(0); }
}

.cc-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 8px 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

.cc-text { flex: 1; min-width: 260px; }

.cc-title {
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: 600;
}

.cc-desc {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.5;
	color: #c8c8cc;
}

.cc-desc a {
	color: #7ab8ff;
	text-decoration: underline;
}

.cc-actions {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
	flex-wrap: wrap;
}

.cc-btn {
	border: none;
	border-radius: 8px;
	padding: 10px 18px;
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	transition: opacity 0.15s ease, background 0.15s ease;
	white-space: nowrap;
}

.cc-btn:hover { opacity: 0.85; }

.cc-btn-primary {
	background: #ffffff;
	color: #1c1c1e;
}

.cc-btn-outline {
	background: transparent;
	color: #f2f2f2;
	border: 1px solid #5a5a5e;
}

.cc-btn-ghost {
	background: transparent;
	color: #a9a9ad;
}

.cc-settings-panel {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px 20px;
	border-top: 1px solid #33333a;
}

.cc-setting-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #2a2a2e;
}

.cc-setting-row strong {
	font-size: 13.5px;
}

.cc-setting-row p {
	margin: 2px 0 0;
	font-size: 12.5px;
	color: #a9a9ad;
}

.cc-setting-row input[type="checkbox"] {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.cc-settings-footer {
	padding-top: 16px;
	text-align: right;
}

@media (max-width: 640px) {
	.cc-inner { flex-direction: column; align-items: stretch; }
	.cc-actions { justify-content: stretch; }
	.cc-btn { flex: 1; }
}



	 /* ==========================================
    3D MODEL KARTI
 ========================================== */

 .custom-3d-card {
	 position: relative;
	 width: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: #fff;
	 border: 1px solid #e5e7eb;
	 border-radius: 10px;
	 overflow: hidden;
	 cursor: pointer;
	 transition: all .25s ease;
 }

.custom-3d-card:hover {
	border-color: #cfd4da;
	box-shadow: 0 8px 25px rgba(0,0,0,.08);
	transform: translateY(-2px);
}

.custom-3d-card model-viewer {
	transition: transform .3s ease;
}

.custom-3d-card:hover model-viewer {
	transform: scale(1.03);
}


/* ALT ETİKET */

.custom-3d-card-label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	padding: 10px 12px;

	background: rgba(255,255,255,.94);
	border-top: 1px solid #eee;

	color: #333;
	font-size: 13px;
	font-weight: 600;

	text-align: center;

	opacity: 0;
	transform: translateY(100%);

	transition: all .25s ease;
}

.custom-3d-card:hover .custom-3d-card-label {
	opacity: 1;
	transform: translateY(0);
}

.custom-3d-card-label i {
	margin-right: 5px;
}


/* ==========================================
   ÖZEL MODAL
========================================== */
.custom-3d-modal {
	position: fixed !important;

	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;

	width: 100vw !important;
	height: 100vh !important;

	padding: 20px;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(10, 14, 20, .78);

	z-index: 2147483647 !important;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transition:
			opacity .25s ease,
			visibility .25s ease;

	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.custom-3d-modal.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}


/* ==========================================
   MODAL İÇERİĞİ
========================================== */

.custom-3d-modal-content {
	width: min(1100px, 95vw);
	max-height: 92vh;

	background: #fff;

	border-radius: 14px;

	overflow: hidden;

	box-shadow:
			0 25px 80px rgba(0,0,0,.35);

	transform: translateY(20px) scale(.97);

	transition: transform .25s ease;
}

.custom-3d-modal.active .custom-3d-modal-content {
	transform: translateY(0) scale(1);
}


/* ==========================================
   MODAL HEADER
========================================== */

.custom-3d-modal-header {
	height: 58px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 0 18px;

	border-bottom: 1px solid #eee;

	background: #fff;
}

.custom-3d-modal-title {
	display: flex;
	align-items: center;
	gap: 9px;

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

	color: #222;
}

.custom-3d-modal-title i {
	font-size: 18px;
}


/* ==========================================
   KAPATMA BUTONU
========================================== */

.custom-3d-modal-close {
	width: 38px;
	height: 38px;

	border: 0;
	border-radius: 50%;

	background: #f3f4f6;

	color: #444;

	display: flex;
	align-items: center;
	justify-content: center;

	cursor: pointer;

	font-size: 18px;

	transition: all .2s ease;
}

.custom-3d-modal-close:hover {
	background: #e5e7eb;
	color: #111;
	transform: rotate(90deg);
}


/* ==========================================
   MODAL BODY
========================================== */

.custom-3d-modal-body {
	width: 100%;
	height: 70vh;

	background:
			radial-gradient(circle at center, #ffffff 0%, #f5f6f8 100%);

	position: relative;
}

.custom-3d-modal-body model-viewer {
	display: block;
}


/* ==========================================
   MODAL FOOTER
========================================== */

.custom-3d-modal-footer {
	min-height: 45px;

	display: flex;
	align-items: center;
	justify-content: center;

	gap: 25px;

	padding: 8px 15px;

	border-top: 1px solid #eee;

	background: #fff;

	color: #777;

	font-size: 12px;
}

.custom-3d-modal-footer span {
	display: flex;
	align-items: center;
	gap: 5px;
}


/* ==========================================
   MOBİL
========================================== */

@media (max-width: 768px) {

	.custom-3d-card {
		min-height: 190px;
	}

	.custom-3d-card model-viewer {
		width: 160px !important;
		height: 160px !important;
	}

	.custom-3d-modal {
		padding: 10px;
	}

	.custom-3d-modal-content {
		width: 100%;
		max-height: 95vh;
		border-radius: 10px;
	}

	.custom-3d-modal-header {
		height: 52px;
		padding: 0 13px;
	}

	.custom-3d-modal-body {
		height: 70vh;
	}

	.custom-3d-modal-footer {
		gap: 12px;
		font-size: 10px;
	}

	.custom-3d-modal-footer span {
		gap: 3px;
	}
}
body.custom-modal-open {
	overflow: hidden !important;
}

/* =========================================
   TEKNİK SERVİS - İÇERİK ALANI
========================================= */

.content-detail {
	color: #555;
	font-size: 16px;
	line-height: 1.85;
}

/* Ana başlık */
.content-detail > h2 {
	position: relative;
	margin: 0 0 25px;
	padding-bottom: 16px;
	color: #222;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
}

.content-detail > h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;
	background: #df1c25;
	border-radius: 3px;
}

/* Alt başlıklar */
.content-detail h3 {
	margin: 42px 0 18px;
	color: #222;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.35;
}

.content-detail h4 {
	margin: 0 0 12px;
	color: #222;
	font-size: 19px;
	font-weight: 700;
}

/* Paragraflar */
.content-detail p {
	margin-bottom: 18px;
}

.content-detail p:last-child {
	margin-bottom: 0;
}

/* Hizmet kutuları */
.service-box {
	height: 100%;
	padding: 28px 25px;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
	transition: all 0.3s ease;
}

.service-box:hover {
	transform: translateY(-5px);
	border-color: rgba(191, 65, 157, 0.35);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.service-box h4 {
	position: relative;
	padding-left: 18px;
}

.service-box h4::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 4px;
	height: 18px;
	background: #df1c25;
	border-radius: 4px;
}

.service-box p {
	margin: 0;
	color: #666;
	font-size: 15px;
	line-height: 1.75;
}

/* Liste */
.content-detail ul {
	margin: 20px 0 25px;
	padding: 0;
	list-style: none;
}

.content-detail ul li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 28px;
	color: #555;
}

.content-detail ul li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 1px;
	color: #eb1c24;
	font-size: 15px;
	font-weight: 700;
}

/* Vurgu / iletişim alanı */
.service-highlight {
	padding: 32px 35px;
	background: #f8f5f8;
	border-left: 4px solid #df1c25;
	border-radius: 8px;
}

.service-highlight h3 {
	margin: 0 0 12px;
	font-size: 22px;
}

.service-highlight p {
	margin: 0;
	color: #555;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

	.content-detail > h2 {
		font-size: 28px;
	}

	.content-detail h3 {
		font-size: 22px;
		margin-top: 35px;
	}

	.service-box {
		padding: 24px 22px;
	}
}

@media (max-width: 575px) {

	.content-detail {
		font-size: 15px;
		line-height: 1.75;
	}

	.content-detail > h2 {
		font-size: 25px;
		margin-bottom: 22px;
	}

	.content-detail h3 {
		font-size: 20px;
		margin-top: 30px;
	}

	.service-box {
		padding: 22px 20px;
	}

	.service-highlight {
		padding: 25px 22px;
	}
}

.fuar-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #171717;
}

.fuar-table th,
.fuar-table td {
	border: 1px solid #ddd;
	padding: 12px 10px;
	vertical-align: middle;
	text-align: left;
	line-height: 1.45;
}

.fuar-table th {
	background: #fff;
	font-weight: 700;
}

.fuar-table tbody tr:nth-child(even) {
	background: #f5f5f5;
}

.fuar-table tbody tr:nth-child(odd) {
	background: #fff;
}

.fuar-table td:first-child {
	font-weight: 400;
}

.fuar-table td:first-child strong {
	font-weight: 700;
}

.fuar-table td:nth-child(4) {
	width: 14%;
}

.fuar-table td:nth-child(4) img {
	max-width: 100px;
	max-height: 45px;
	width: auto;
	height: auto;
	object-fit: contain;
	border: 1px solid #ddd;
	padding: 7px;
	background: #fff;
}

.fuar-table td:last-child,
.fuar-table th:last-child {
	text-align: center;
}

.fuar-table td:last-child a {
	color: #777;
	font-size: 18px;
	text-decoration: none;
}

.fuar-table td:last-child a:hover {
	color: #df1c25;
}

.page-link {

	color: #df1c25;
}
.active>.page-link, .page-link.active {
	z-index: 3;
	color: white;
	background-color: #df1c25;
	border-color: #df1c25;
}

.quality-section,
.reference-section {
	padding: 20px 0;
}

.quality-header,
.reference-header {
	max-width: 900px;
	margin-bottom: 40px;
}

.quality-subtitle,
.reference-subtitle {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #de1b2f;
}

.quality-header h2,
.reference-header h2 {
	margin: 0 0 15px;
	font-size: 32px;
	line-height: 1.25;
	font-weight: 700;
	color: #222;
}

.quality-header p,
.reference-header p {
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	color: #666;
}


/* =========================
   SERTİFİKA KARTLARI
========================= */
.quality-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.quality-card {
	display: flex;
	gap: 15px;
	padding: 18px;
	border: 1px solid #e8e8e8;
	background: #fff;
	transition: all .3s ease;
}

.quality-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.quality-icon {
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #de1b2f;
	color: #fff;
	font-size: 19px;
}

.quality-content {
	min-width: 0;
}

.quality-content h3 {
	margin: 0 0 4px;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	color: #222;
}

.quality-content span {
	display: block;
	margin-bottom: 7px;
	font-size: 11px;
	line-height: 1.3;
	font-weight: 600;
	color: #de1b2f;
}

.quality-content p {
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
	color: #666;
}


/* Tablet */
@media (max-width: 991px) {
	.quality-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* Mobil */
@media (max-width: 576px) {
	.quality-grid {
		grid-template-columns: 1fr;
	}

	.quality-card {
		padding: 15px;
	}

	.quality-icon {
		flex: 0 0 45px;
		width: 45px;
		height: 45px;
		font-size: 17px;
	}

	.quality-content h3 {
		font-size: 15px;
	}

	.quality-content p {
		font-size: 12px;
		line-height: 1.5;
	}
}

/* =========================
   REFERANSLAR
========================= */

.reference-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 25px;
}

.reference-card {
	padding: 30px;
	background: #f7f7f7;
	border: 1px solid #e9e9e9;
}

.reference-number {
	margin-bottom: 8px;
	font-size: 38px;
	line-height: 1;
	font-weight: 800;
	color: #de1b2f;
}

.reference-card h3 {
	margin: 0 0 15px;
	font-size: 20px;
	color: #222;
}

.reference-card p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #666;
}


/* =========================
   SEKTÖR & GÜVEN
========================= */

.sector-box,
.trust-box {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 30px;
	margin-top: 20px;
	border: 1px solid #e5e5e5;
	background: #fff;
}

.sector-icon,
.trust-icon {
	flex: 0 0 55px;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #222;
	color: #fff;
	font-size: 21px;
}

.sector-content h3,
.trust-content h3 {
	margin: 0 0 10px;
	font-size: 20px;
	color: #222;
}

.sector-content p,
.trust-content p {
	margin: 0;
	font-size: 15px;
	line-height: 1.8;
	color: #666;
}


/* =========================
   MOBİL
========================= */

@media (max-width: 991px) {

	.quality-grid {
		grid-template-columns: 1fr;
	}

	.reference-grid {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 576px) {

	.quality-header h2,
	.reference-header h2 {
		font-size: 26px;
	}

	.quality-card {
		padding: 20px;
		gap: 15px;
	}

	.quality-icon,
	.sector-icon,
	.trust-icon {
		flex: 0 0 45px;
		width: 45px;
		height: 45px;
		font-size: 18px;
	}

	.quality-content h3,
	.sector-content h3,
	.trust-content h3 {
		font-size: 17px;
	}

	.reference-card {
		padding: 25px 20px;
	}

	.sector-box,
	.trust-box {
		padding: 20px;
		gap: 15px;
	}

}

.quality-header h2,
.reference-header h2 {
	font-size: 25px;
}

.quality-header p,
.reference-header p {
	font-size: 14px;
	line-height: 1.6;
}

.quality-subtitle,
.reference-subtitle {
	font-size: 12px;
	margin-bottom: 7px;
}

/* Sertifika kartları */
.quality-card {
	padding: 18px;
	gap: 15px;
}

.quality-content h3 {
	font-size: 16px;
	margin-bottom: 4px;
}

.quality-content span {
	font-size: 11px;
	margin-bottom: 7px;
}

.quality-content p {
	font-size: 13px;
	line-height: 1.55;
}

/* Referans kartları */
.reference-card {
	padding: 22px;
}

.reference-number {
	font-size: 30px;
}

.reference-card h3 {
	font-size: 17px;
	margin-bottom: 10px;
}

.reference-card p {
	font-size: 13px;
	line-height: 1.55;
}

/* Alt alanlar */
.sector-box,
.trust-box {
	padding: 20px;
	gap: 15px;
}

.sector-content h3,
.trust-content h3 {
	font-size: 17px;
	margin-bottom: 7px;
}

.sector-content p,
.trust-content p {
	font-size: 13px;
	line-height: 1.6;
}

/* Genel Başlık Boyutları */
h1 {
	font-size: 36px;
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 20px;
}

h2 {
	font-size: 30px;
	line-height: 1.25;
	font-weight: 900;
	margin-bottom: 18px;
}

h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 900;
	margin-bottom: 15px;
}

/* Mobil */
@media (max-width: 767px) {
	h1 {
		font-size: 28px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 20px;
	}
}


/* =========================================
   ÖDEME FORMU - KIRMIZI / BORDO / SİYAH
========================================= */

.odeme-form {
	background: #ffffff;
	padding: 35px;
	border-radius: 18px;
	border: 1px solid #e5e5e5;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

/* Bölüm başlıkları */
.odeme-form .title-area {
	position: relative;
	padding-left: 15px;
}

.odeme-form .title-area::before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 4px;
	height: 24px;
	background: linear-gradient(
			to bottom,
			#8b0000,
			#c1121f
	);
	border-radius: 5px;
}

.odeme-form .sub-title {
	color: #7d0010;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.2px;
}

/* Inputlar */
.odeme-form .form-control {
	height: 55px;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding: 0 17px;
	color: #222;
	background: #fafafa;
	font-size: 15px;
	transition: all 0.25s ease;
}

.odeme-form .form-control::placeholder {
	color: #888;
}

.odeme-form .form-control:focus {
	border-color: #8b0000;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.10);
	outline: none;
}

/* Tutar uyarısı */
.odeme-form .text-danger {
	color: #8b0000 !important;
	font-size: 12px;
}

/* Ödeme butonu */
.odeme-form .btn_odemeEkle {
	background: linear-gradient(
			135deg,
			#8b0000 0%,
			#b5121b 55%,
			#65000a 100%
	);
	color: #fff;
	border: none;
	min-height: 52px;
	padding: 0 28px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.2px;
	box-shadow: 0 8px 18px rgba(139, 0, 0, 0.25);
	transition: all 0.3s ease;
}

.odeme-form .btn_odemeEkle:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 25px rgba(139, 0, 0, 0.35);
	background: linear-gradient(
			135deg,
			#65000a 0%,
			#8b0000 50%,
			#b5121b 100%
	);
}

/* Ödeme bilgi yazısı */
.p_odeme_bilgisi {
	color: #333;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 30px;
}

.span_odemeTutari {
	color: #8b0000;
	font-weight: 800;
}

/* Mobil */
@media (max-width: 767px) {

	.odeme-form {
		padding: 22px 18px;
		border-radius: 14px;
	}

	.odeme-form .sub-title {
		font-size: 17px;
	}

	.odeme-form .form-control {
		height: 52px;
		font-size: 14px;
	}

	.odeme-form .btn_odemeEkle {
		width: 100%;
		justify-content: center;
		margin-top: 5px;
	}

	.p_odeme_bilgisi {
		font-size: 15px;
		line-height: 1.6;
	}
}

.paytr-odeme-alani {
	background: #fff;
	padding: 15px;
	border-radius: 18px;
	border: 1px solid #e3e3e3;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}