/**
 * Ankara Lojistik - Custom Styles
 * Demo temasına birebir uyumlu stiller
 */

/* ===== HEADER ===== */
header {
	position: relative;
	z-index: 100;
}

/* WordPress .wp-site-blocks > * margin sıfırla (header üstü boşluk) */
.wp-site-blocks > header,
.wp-site-blocks > .wp-block-template-part:first-child {
	margin-block-start: 0 !important;
}

/* Desktop: tüm sayfalarda header banner üzerine binsin */
@media screen and (min-width: 768px) {
	.header-wrap {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 999;
		background: transparent !important;
		margin-top: 10px !important;
		margin-block-start: 10px !important;
	}
}

/* Mobil: header tam genişlik, yuvarlak köşe yok, normal akış */
@media screen and (max-width: 767px) {
	.header-wrap .lower-header {
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border-radius: 0 !important;
	}
}

.header-wrap .wp-block-columns {
	gap: 10px !important;
}

/* ===== NAVBAR KOMPAKT YÜKSEKLIK ===== */
.header-wrap .lower-header {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	padding: 0 !important;
	min-height: auto !important;
	max-height: 42px !important;
	height: 42px !important;
	overflow: visible !important;
}

/* Tüm column'lar ve iç elemanlar — margin/padding sıfır */
.header-wrap .lower-header .wp-block-column,
.header-wrap .lower-header .wp-block-column > *,
.header-wrap .lower-header .wp-block-column > * > * {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

/* Navigation: line-height, padding, tüm wrapper'lar */
body .header-wrap .lower-header .wp-block-navigation,
body .header-wrap .lower-header .wp-block-navigation.wp-block-navigation,
body .header-wrap .lower-header nav {
	line-height: 1 !important;
	font-size: 13px !important;
	gap: 0 !important;
	min-height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}

body .header-wrap .lower-header .wp-block-navigation__responsive-container,
body .header-wrap .lower-header .wp-block-navigation__responsive-container-content {
	padding: 0 !important;
	margin: 0 !important;
	gap: 0 !important;
}

body .header-wrap .lower-header .wp-block-navigation .wp-block-navigation-item a,
body .header-wrap .lower-header .wp-block-navigation .wp-block-navigation-item__content {
	padding: 4px 12px !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

body .header-wrap .lower-header .wp-block-navigation__container,
body .header-wrap .lower-header .wp-block-navigation .wp-block-navigation__container {
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Logo kompakt — sağa kaydır */
.header-wrap .lower-header .header-logo-box {
	padding: 0 0 0 10px !important;
	display: flex !important;
	align-items: center !important;
	height: 42px !important;
}

body .header-wrap .lower-header .header-logo-box .wp-block-site-title,
body .header-wrap .lower-header .header-logo-box .wp-block-site-title a {
	font-size: 16px !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Buton kompakt — sola kaydır */
.header-wrap .lower-header .header-button-box {
	padding: 0 10px 0 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	height: 42px !important;
}

body .header-wrap .lower-header .header-button-box .wp-block-button__link {
	padding: 6px 18px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	margin: 0 !important;
}

/* Buttons wrapper — tüm margin/padding/gap sıfırla */
body .header-wrap .lower-header .wp-block-buttons,
body .header-wrap .lower-header .header-button-box .wp-block-buttons {
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	display: flex !important;
	align-items: center !important;
	height: 42px !important;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

body .header-wrap .lower-header .wp-block-button,
body .header-wrap .lower-header .header-button-box .wp-block-button {
	margin: 0 !important;
	margin-block-start: 0 !important;
}

/* Menu box da flex center */
.header-wrap .lower-header .header-menu-box {
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	height: 42px !important;
}

.header-menu-box .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--wp--preset--color--heading) !important;
}

/* ===== PAGE HEADER BANNER ===== */
.banner {
	position: relative;
	z-index: 1;
}

.banner .wp-block-cover {
	padding-top: 60px;
}

/* ===== BANNER SECTION ===== */
.banner-section {
	position: relative;
	z-index: 1;
}

.banner-section > .wp-block-cover {
	min-height: 600px !important;
}

.banner-group {
	position: relative;
}

.pentagon {
	width: 12px;
	height: 12px;
	background-color: var(--wp--preset--color--primary);
	clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
	display: inline-block;
}

.banner-teklif-btn {
	display: none !important;
}

.banner-lower {
	position: relative;
	margin-top: -12%;
	z-index: 10;
}

.banner-section .banner-col {
	margin-top: -7% !important;
}

/* Kart iç yapısı: WordPress column/flex kısıtlamalarını aş */
.banner-lower-col .box-1,
.banner-lower-col .box-2,
.banner-lower-col .box-3 {
	overflow: hidden;
}

/* Truck image wrapper (inner wp-block-columns) — tam genişlik */
.banner-lower-col .box-1 > .wp-block-columns:last-child,
.banner-lower-col .box-2 > .wp-block-columns:last-child,
.banner-lower-col .box-3 > .wp-block-columns:last-child {
	margin: 0 !important;
	padding: 0 !important;
}

/* Figure elementini tam genişliğe zorla */
.banner-lower-col .truck-img {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	margin: 0 !important;
}

/* Truck görseli: kartı tam doldursun */
.banner-lower-col .truck-img img {
	width: 100% !important;
	height: 150px !important;
	max-width: none !important;
	object-fit: cover !important;
	display: block !important;
}

/* ===== EXPERIENCE SECTION ===== */
.chart-container {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 15px;
	height: 400px;
	padding: 20px 0;
}

.bar-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	height: 100%;
}

.bar-before {
	width: 80%;
	height: 15px;
}

.bar {
	width: 80%;
	transition: height 1s ease-in-out;
	height: 0;
}

.experience-headings {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

/* ===== TESTIMONIAL ===== */
.testimonial-box {
	box-shadow: 0px 1px 8px 0px #00000040;
	position: relative !important;
}

.star-img {
	margin-bottom: 10px !important;
}

.testimonial-comas {
	position: absolute !important;
	z-index: -1;
	left: 50%;
	top: 100px;
	transform: translateX(-50%);
}

.testimonial-img img {
	height: 50px !important;
	width: 50px !important;
}

/* ===== PROJECTS SLIDER ===== */
.project-section {
	padding-top: 0px !important;
	padding-bottom: 70px !important;
}

.projects-slider {
	overflow: hidden;
	position: relative;
}

.projects-slider .swiper-slide {
	flex-shrink: 0 !important;
}

.project-section .wp-block-group.projects-slider .swiper-slide {
	border-radius: 7px !important;
}

.projects-slider .swiper-slide {
	margin-block-start: 0 !important;
	transition: all 0.4s ease;
}

.projects-slider .swiper-slide .wp-block-cover {
	position: relative;
}

.project-section .projects-slider .swiper-slide .wp-block-cover:before {
	content: '';
	height: 60%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	border-radius: 7px;
	background: linear-gradient(357.95deg, #000000 1.72%, rgba(255, 255, 255, 0.2) 85.46%);
	filter: blur(5px);
}

.project-content-box {
	height: 480px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	z-index: 2;
	position: relative;
}

.projects-slider .swiper-slide .project-content-box-inner {
	display: inline-block;
	padding-top: 20px !important;
	border-top: 1px solid #fff;
}

.swiper-slide-prev .project-content-box-inner,
.swiper-slide-next .project-content-box-inner {
	display: none !important;
}

.arrow-img-projects {
	background-color: var(--wp--preset--color--tertiary);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	justify-content: center;
	align-items: center;
	z-index: 99;
	display: flex;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.arrow-img-projects img {
	margin-top: -3px;
}

.project-section .projects-slider-controls {
	position: absolute;
	top: 20px;
	right: 0;
	display: flex;
	width: 15%;
	justify-content: flex-end;
}

.wp-block-group.projects-slider .projects-swiper-button-prev,
.wp-block-group.projects-slider .projects-swiper-button-next {
	width: 35px;
	height: 35px;
	border-radius: 6px;
	background: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
	border: 1px solid var(--wp--preset--color--foreground);
	margin-left: 0 !important;
	position: static;
}

.wp-block-group.projects-slider .projects-swiper-button-prev:after,
.wp-block-group.projects-slider .projects-swiper-button-next:after {
	font-size: 16px;
}

.wp-block-group.projects-slider .projects-swiper-button-prev:hover,
.wp-block-group.projects-slider .projects-swiper-button-next:hover {
	background: var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
	border: 1px solid var(--wp--preset--color--foreground);
}

/* ===== BACK TO TOP ===== */
.wp-block-button.back-to-top .wp-block-button__link.wp-element-button {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 25px;
	bottom: 25px;
	display: inline-block;
	z-index: 999;
	text-indent: -5000px;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
	padding: 0;
}

/* ===== BLOG / ARCHIVE ===== */
.archieve-post {
	position: relative !important;
}

.blog-date-box {
	position: absolute !important;
	left: 15px;
	top: 13px;
	z-index: 99;
}

/* Tarih kutusu: gün numarası beyaz renk */
.blog-date-box .wp-block-post-date:first-child,
.blog-date-box .wp-block-post-date:first-child a {
	color: #fff !important;
}

.archieve-post .wp-block-post-meta > div:not(:first-child):before {
	background: transparent;
}

.blog-date-mon {
	border-bottom: 4px solid var(--wp--preset--color--border-color);
}

/* ===== SIDEBAR ===== */
.wp-block-sidebar .wp-block-group {
	margin-bottom: 20px;
}

.wp-block-sidebar .wp-block-heading {
	border-bottom: 2px solid var(--wp--preset--color--primary);
	padding-bottom: 10px;
}

/* ===== SINGLE POST ===== */
.single-post-meta {
	border-left: 3px solid var(--wp--preset--color--primary);
}

.post-navigation-link-container .wp-block-post-navigation-link {
	padding: 10px 0;
}

/* ===== FOOTER ===== */
.footer-wrap {
	position: relative;
}

.footer-logo-row {
	margin-bottom: 15px;
}

.box-4 .wp-block-gallery img {
	border-radius: 7px;
}

.rights-box-upper {
	position: relative;
}

.rights-box-upper .wp-block-buttons {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/* ===== BUTTONS GLOBAL ===== */
.wp-block-button__link {
	transition: background-color 0.3s ease, transform 0.2s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* ===== WOW ANIMATIONS ===== */
.wow {
	visibility: hidden;
}

/* ===== RESPONSIVE ===== */
@media screen and (max-width: 1024px) {
	.banner-lower {
		margin-top: -15% !important;
	}

	.banner-section .banner-col {
		margin-top: 0% !important;
		gap: 10px !important;
	}

	.experience-col {
		flex-direction: column !important;
	}

	.experience-section {
		max-width: 95% !important;
	}

	.chart-container {
		height: 300px !important;
	}

	.experience-left {
		overflow: hidden;
	}

	.banner-col {
		flex-direction: column !important;
	}

	.banner-left-row {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 20px !important;
	}

	.banner-left-row > .wp-block-group {
		flex: 0 0 auto !important;
	}

	.banner-right {
		order: -1 !important;
	}

	.banner-center {
		display: none !important;
	}

	.banner-right .wp-block-heading {
		text-align: left !important;
		font-size: 32px !important;
	}

	.banner-left-text {
		font-size: 24px !important;
	}

	/* Tablet: banner kartları 2 sütunlu grid */
	.banner-section .banner-lower-col {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		flex-wrap: wrap !important;
	}

	.banner-section .banner-lower-col .box-3 {
		grid-column: 1 / -1;
		justify-self: center;
		width: 50%;
	}

	.banner-section .banner-lower-col .truck-img img {
		height: auto !important;
	}
}

@media screen and (max-width: 768px) {
	.banner-lower {
		margin-top: -15% !important;
	}

	.banner-col {
		flex-direction: column !important;
	}

	.banner-section .wp-block-cover {
		align-items: flex-start !important;
	}

	.banner-section .wp-block-cover .wp-block-cover__inner-container {
		padding-top: 100px !important;
	}

	.banner-right .wp-block-heading {
		font-size: 22px !important;
		text-align: center !important;
	}

	.banner-left-text {
		font-size: 15px !important;
		text-align: center !important;
	}

	.banner-teklif-btn {
		display: inline-flex !important;
	}

	.banner-left .wp-block-buttons {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 10px !important;
		justify-content: center !important;
	}

	.banner-left .wp-block-buttons .wp-block-button__link {
		font-size: 12px !important;
		padding: 8px 14px !important;
		white-space: nowrap !important;
	}

	/* Mobil: banner kartları dikey stack */
	.banner-section .banner-lower-col {
		display: flex !important;
		flex-direction: column !important;
		gap: 15px !important;
	}

	.banner-section .banner-lower-col .box-3 {
		width: 100%;
	}

	.banner-section .banner-lower-col .wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
	}

	.banner-section .transport-heading {
		font-size: 22px !important;
	}

	.testimonial-cols {
		flex-direction: column !important;
	}

	/* Slider'ı mobilde tam genişliğe çıkar - WordPress constrained 80% override */
	.project-section > .projects-slider {
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Swiper wrapper'da CSS gap olmasın */
	.projects-slider .swiper-wrapper {
		gap: 0 !important;
	}

	/* WordPress constrained layout slide'ları kısıtlamasın */
	.projects-slider .swiper-slide {
		max-width: none !important;
	}

	.project-section .projects-slider-controls {
		display: none;
	}

	.experience-section {
		max-width: 100% !important;
	}

	.chart-container {
		height: 250px !important;
		flex-wrap: nowrap !important;
	}

	.chart-container .bar-box {
		flex-basis: auto !important;
		height: 100%;
	}

	.experience-left {
		overflow: hidden;
		margin-bottom: 1rem;
	}
}

/* ===== ABOUT SECTION ===== */
.about-section {
	overflow: hidden;
}

.about-images-group img {
	border-radius: 10px;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.about-text-stack {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* ===== HOW IT WORKS ===== */
.how-it-work-section {
	overflow: hidden;
}

.how-it-work-inner-group {
	max-width: 98% !important;
}

.how-it-works-left-img-group {
	position: relative;
}

.how-it-works-left-img-group img {
	transition: transform 3s ease-in-out;
	transform-origin: top center;
}

.how-it-works-left-img-group:hover img {
	animation: containerSway 3s ease-in-out infinite;
}

@keyframes containerSway {
	0%, 100% { transform: rotate(0deg); }
	25% { transform: rotate(2deg); }
	75% { transform: rotate(-2deg); }
}

.how-it-works-scroll-group {
	max-height: 350px;
	overflow-y: auto;
	padding-right: 10px;
}

.how-it-works-scroll-group::-webkit-scrollbar {
	width: 4px;
}

.how-it-works-scroll-group::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

.how-it-works-scroll-group::-webkit-scrollbar-thumb {
	background: #e95a29;
	border-radius: 4px;
}

.how-it-works-text-row {
	align-items: flex-start;
	gap: 15px;
}

/* ===== WHY CHOOSE US / FEATURE CARDS ===== */
.why-choose-section {
	overflow: hidden;
}

.why-choose-section > .transport-container {
	max-width: 1200px !important;
}

.why-choose-section .wp-block-columns.alignwide {
	max-width: 100% !important;
	gap: 20px;
}

.feature-card {
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.feature-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 30px rgba(233, 90, 41, 0.15);
}

.feature-card img {
	transition: transform 0.3s ease;
}

.feature-card:hover img {
	transform: scale(1.1);
}

/* ===== STATS COUNTER ===== */
.counter-section {
	overflow: hidden;
}

.counter-col {
	text-align: center;
	position: relative;
}

.counter-col::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 60%;
	background: rgba(255, 255, 255, 0.15);
}

.counter-col:last-child::after {
	display: none;
}

.counter-col h2 {
	font-size: 56px !important;
	font-weight: 700 !important;
	margin-bottom: 5px !important;
}

.counter-col img {
	margin-bottom: 15px !important;
}

/* ===== SERVICE CATEGORIES - styles moved inline to pattern ===== */

/* ===== SERVICE CARDS ===== */
.service-section {
	overflow: hidden;
}

.service-card {
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.service-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.service-card:hover img {
	transform: scale(1.05);
}

/* ===== FLEET SHOWCASE GALLERY ===== */
.fleet-showcase-section {
	overflow: hidden;
}

.gal-img-row {
	gap: 0 !important;
}

.gal-img-group {
	flex: 1;
	overflow: hidden;
	position: relative;
}

.gal-img-group .wp-block-image {
	position: relative;
	overflow: hidden;
	margin: 0;
}

.gal-img-group img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.gal-img-group:hover img {
	transform: scale(1.08);
}

/* Orange circle overlay */
.gal-img-group .wp-block-image::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: rgba(233, 90, 41, 0.85);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
	z-index: 1;
	pointer-events: none;
}

.gal-img-group:hover .wp-block-image::before {
	width: 200%;
	height: 200%;
}

/* Truck icon */
.gal-img-group .wp-block-image::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 45px;
	height: 45px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='white'%3E%3Cpath d='M48 0C21.5 0 0 21.5 0 48V368c0 26.5 21.5 48 48 48H64c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H48zM416 160h50.7L544 237.3V256H416V160zM112 416a48 48 0 1 1 96 0 48 48 0 1 1-96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
	pointer-events: none;
	transition: transform 0.3s ease 0.1s;
}

.gal-img-group:hover .wp-block-image::after {
	transform: translate(-50%, -50%) scale(1);
}

@media screen and (max-width: 768px) {
	.gal-img-row {
		flex-wrap: wrap !important;
	}

	.gal-img-group {
		flex: 0 0 50% !important;
	}

	.gal-img-group img {
		height: 200px;
	}
}

@media screen and (max-width: 480px) {
	.gal-img-group {
		flex: 0 0 100% !important;
	}

	.gal-img-group img {
		height: 180px;
	}
}

/* ===== DISCOUNT BANNER ===== */
.discount-banner-section {
	position: relative;
	overflow: hidden;
}

.discount-banner-section .wp-block-cover__inner-container {
	z-index: 2;
	position: relative;
}

/* ===== PARTNERS / MARQUEE ===== */
.patners-group {
	overflow: hidden;
}

.marquee-track {
	display: flex;
	gap: 100px;
	animation: marqueeScroll 20s linear infinite;
}

.marquee-track:hover {
	animation-play-state: paused;
}

@keyframes marqueeScroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.partners-img-group {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.partners-img-group img {
	height: 90px;
	width: auto;
	filter: grayscale(100%);
	opacity: 0.6;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.partners-img-group:hover img {
	filter: grayscale(0%);
	opacity: 1;
}

/* ===== QUOTE FORM ===== */
.quote-form-section {
	overflow: hidden;
}

.quote-form {
	max-width: 100%;
	font-family: "Urbanist", sans-serif;
}

.quote-form .form-row {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.quote-form .form-col {
	flex: 1;
}

.quote-form input,
.quote-form select {
	width: 100%;
	padding: 14px 18px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	font-family: "Urbanist", sans-serif;
	font-size: 15px;
	color: #333;
	background: #fff;
	outline: none;
	transition: border-color 0.3s ease;
	box-sizing: border-box;
}

.quote-form input:focus,
.quote-form select:focus {
	border-color: #e95a29;
}

.quote-form input::placeholder {
	color: #999;
}

.quote-form .checkbox-row {
	display: flex;
	gap: 30px;
	margin-bottom: 25px;
	flex-wrap: wrap;
}

.quote-form .checkbox-row label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	color: #333;
	cursor: pointer;
}

.quote-form .checkbox-row input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: #e95a29;
}

.quote-form .submit-row {
	margin-top: 10px;
}

.quote-submit-btn {
	background: #e95a29;
	color: #fff;
	border: none;
	padding: 14px 40px;
	border-radius: 5px;
	font-family: "Urbanist", sans-serif;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s ease, transform 0.2s ease;
}

.quote-submit-btn:hover {
	background: #d14a1e;
	transform: translateY(-2px);
}

/* ===== NEWSLETTER ===== */
.newsletter-section {
	overflow: hidden;
}

.newsletter-main-row {
	gap: 40px;
}

.newsletter-form {
	flex-shrink: 0;
	width: 100%;
	max-width: 400px;
}

.newsletter-input-wrap {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
}

.newsletter-input-wrap input {
	border: none;
	padding: 16px 20px;
	font-family: "Urbanist", sans-serif;
	font-size: 15px;
	color: #333;
	outline: none;
	flex: 1;
	min-width: 0;
	width: 100%;
}

.newsletter-input-wrap input::placeholder {
	color: #999;
}

.newsletter-submit-btn {
	background: transparent;
	border: none;
	color: #e95a29;
	font-size: 22px;
	padding: 16px 20px;
	cursor: pointer;
	transition: color 0.3s ease;
}

.newsletter-submit-btn:hover {
	color: #d14a1e;
}

/* ===== WAVY FOOTER ===== */
.footer-wave-wrapper {
	position: relative;
	margin-bottom: -2px;
}

.footer-wave-wrapper svg {
	display: block;
	width: 100%;
	height: 80px;
}

/* ===== SECTION HEADINGS (tag-style) ===== */
.sec-main-heading {
	display: inline-block !important;
}

.sec-main-heading.has-text-align-center {
	display: block !important;
	width: fit-content;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}

/* ===== RESPONSIVE ADDITIONS ===== */
@media screen and (max-width: 1024px) {
	.how-it-works-main-col {
		flex-direction: column !important;
	}

	.counter-col h2 {
		font-size: 42px !important;
	}

	.counter-col::after {
		display: none;
	}

	.service-card img {
		height: 180px;
	}


	.contact-info-row {
		gap: 20px !important;
	}
}

@media screen and (max-width: 768px) {
	.about-section .wp-block-columns {
		flex-direction: column !important;
	}

	.why-choose-section .wp-block-columns {
		flex-wrap: wrap !important;
	}

	.why-choose-section .wp-block-column {
		flex-basis: calc(50% - 15px) !important;
	}

	.counter-col h2 {
		font-size: 36px !important;
	}

	.service-card img {
		height: 160px;
	}


	.how-it-works-scroll-group {
		max-height: 250px;
	}

	.footer-wave-wrapper svg {
		height: 40px;
	}

	.quote-form .form-row {
		flex-direction: column;
		gap: 15px;
	}

	.newsletter-main-row {
		flex-wrap: wrap !important;
		gap: 20px !important;
	}

	.newsletter-form {
		max-width: 100%;
	}

	.newsletter-input-wrap {
		min-width: 0;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.why-choose-section .wp-block-column {
		flex-basis: 100% !important;
	}

	.counter-col h2 {
		font-size: 28px !important;
	}

	.chart-container {
		height: 200px !important;
	}

	.experience-section {
		max-width: 100% !important;
	}
}

/* ===== HEADER DESKTOP COLUMN WIDTHS ===== */
@media screen and (min-width: 1024px) {
	.header-wrap .wp-block-columns.lower-header > .wp-block-column.header-logo-box {
		flex-basis: 20% !important;
	}

	.header-wrap .wp-block-columns.lower-header > .wp-block-column.header-menu-box {
		flex-basis: 60% !important;
	}

	.header-wrap .wp-block-columns.lower-header > .wp-block-column.header-button-box {
		flex-basis: 20% !important;
	}
}

/* ===== MODERN MOBILE MENU (Slide-from-Left) ===== */
/* All panel styles scoped to mobile only (< 1024px) */

@media screen and (max-width: 1023px) {

	/* Header: logo left, hamburger right — always horizontal */
	html body .header-wrap .wp-block-columns.lower-header {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}

	html body .header-wrap .wp-block-columns.lower-header > .wp-block-column.header-logo-box {
		flex: 1 1 auto !important;
		max-width: none !important;
		width: auto !important;
	}

	html body .header-wrap .wp-block-columns.lower-header > .wp-block-column.header-menu-box {
		flex: 0 0 auto !important;
		max-width: none !important;
		width: auto !important;
	}

	html body .header-wrap .wp-block-columns.lower-header > .wp-block-column.header-button-box {
		display: none !important;
	}

	/* Hamburger button styling */
	.wp-block-navigation__responsive-container-open {
		border: none !important;
		background: none !important;
		padding: 8px !important;
	}

	.wp-block-navigation__responsive-container-open svg {
		width: 28px;
		height: 28px;
		fill: #1a1a1a;
	}

	/* Panel: override WP's display:none with display:block + transform off-screen */
	html body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		transform: translateX(-100%) !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	html body .wp-block-navigation__responsive-container {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		min-height: 100vh !important;
		min-height: -webkit-fill-available !important;
		max-height: none !important;
		background: #ffffff !important;
		background-color: #ffffff !important;
		z-index: 1000 !important;
		transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s !important;
		-webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s !important;
		overflow: visible !important;
	}

	html body .wp-block-navigation__responsive-container.is-menu-open {
		display: block !important;
		transform: translateX(0) !important;
		visibility: visible !important;
		pointer-events: auto !important;
		padding: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		background: #ffffff !important;
		background-color: #ffffff !important;
	}

	/* Kill parent theme's transition:all */
	.wp-block-navigation__responsive-container {
		transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s !important;
	}

	/* Close button (X) — parent sets bg:primary + radius:50px → orange circle */
	html body .wp-block-navigation__responsive-container-close {
		border: none !important;
		background: none !important;
		background-color: transparent !important;
		border-radius: 0 !important;
		padding: 12px !important;
		position: absolute !important;
		top: 20px !important;
		right: 20px !important;
		z-index: 100 !important;
		color: #1a1a1a !important;
	}

	html body .wp-block-navigation__responsive-container-close svg {
		width: 22px;
		height: 22px;
		fill: #1a1a1a !important;
		transition: transform 0.3s ease, fill 0.3s ease;
	}

	html body .wp-block-navigation__responsive-container-close:hover svg {
		transform: rotate(90deg);
		fill: #E95A29 !important;
	}

	/* Menu content wrapper */
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		gap: 0 !important;
		padding: 70px 24px 40px !important;
		min-height: 100vh !important;
		height: 100vh !important;
		overflow-y: auto !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
	}

	/* Lock body scroll and hide floating elements when menu is open */
	html.has-modal-open,
	html.has-modal-open body {
		overflow: visible !important;
	}

	html.has-modal-open .floating-social-fan,
	html.has-modal-open .floating-whatsapp-button,
	html.has-modal-open [class*="floating-"],
	html.has-modal-open .back-to-top {
		display: none !important;
	}

	/* Injected elements — Logo */
	.mobile-menu-logo {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 24px;
		text-decoration: none;
	}

	.mobile-menu-logo img {
		height: 36px;
		width: auto;
	}

	.mobile-menu-logo span {
		font-family: "Urbanist", sans-serif;
		font-size: 20px;
		font-weight: 700;
		color: #1a1a1a;
	}

	/* Injected elements — Search bar */
	.mobile-menu-search {
		width: 100%;
		margin-bottom: 28px;
	}

	.mobile-menu-search form {
		display: flex;
		position: relative;
	}

	.mobile-menu-search input[type="search"] {
		width: 100%;
		padding: 14px 44px 14px 16px;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		background: #f8f8f8;
		font-family: "Urbanist", sans-serif;
		font-size: 15px;
		color: #1a1a1a;
		outline: none;
		transition: border-color 0.3s ease;
		-webkit-appearance: none;
		box-sizing: border-box;
	}

	.mobile-menu-search input[type="search"]:focus {
		border-color: #E95A29;
	}

	.mobile-menu-search input[type="search"]::placeholder {
		color: #999999;
	}

	.mobile-menu-search button {
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
		border: none;
		background: none;
		padding: 8px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.mobile-menu-search button svg {
		width: 20px;
		height: 20px;
		fill: #999999;
		transition: fill 0.3s ease;
	}

	.mobile-menu-search button:hover svg {
		fill: #E95A29;
	}

	/* Injected elements — Phone CTA */
	.mobile-menu-cta {
		margin-top: auto;
		width: 100%;
		padding-top: 20px;
		border-top: 1px solid #ebebeb;
	}

	.mobile-menu-cta a {
		display: flex;
		align-items: center;
		gap: 10px;
		font-family: "Urbanist", sans-serif;
		font-size: 16px;
		font-weight: 600;
		color: #E95A29;
		text-decoration: none;
		padding: 12px 0;
		transition: color 0.3s ease;
	}

	.mobile-menu-cta a:hover {
		color: #1a1a1a;
	}

	.mobile-menu-cta svg {
		width: 20px;
		height: 20px;
		fill: #E95A29;
		flex-shrink: 0;
	}

	/* Nav container — nuke parent theme's border:2px solid #000 and bg:primary */
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
	html body .wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
		gap: 0 !important;
		border: none !important;
		border-top: none !important;
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
		background: none !important;
		background-color: transparent !important;
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		width: 100% !important;
	}

	/* Menu items */
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		width: 100% !important;
		max-width: none !important;
		border: none !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid #ebebeb !important;
		background: none !important;
		background-color: transparent !important;
	}

	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		color: #1a1a1a !important;
		font-family: "Urbanist", sans-serif !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
		padding: 16px 0 !important;
		display: block !important;
		text-align: left !important;
		text-decoration: none !important;
		transition: color 0.3s ease, padding-left 0.3s ease !important;
		position: relative;
	}

	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus {
		color: #E95A29 !important;
		padding-left: 8px !important;
	}

	/* Active/current menu item */
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
	html body .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content {
		color: #E95A29 !important;
	}

	/* Submenu styling */
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		background: #f6f7fa !important;
		border: none !important;
		border-radius: 8px !important;
		padding: 8px 0 !important;
		margin: 4px 0 12px !important;
	}

	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		font-size: 15px !important;
		font-weight: 400 !important;
		padding: 12px 20px !important;
		color: #666666 !important;
	}

	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		color: #E95A29 !important;
	}

} /* end @media max-width: 1023px */

/* ===== ABOUT PAGE - MISSION/VISION CARDS ===== */
.mission-vision-card {
	background: #ffffff;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mission-vision-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(233, 90, 41, 0.12);
}

.mission-vision-icon {
	font-size: 48px;
	margin-bottom: 15px;
	display: block;
}

/* ===== ABOUT PAGE - WHY CHOOSE US (about variant) ===== */
.why-choose-about .feature-card {
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.why-choose-about .feature-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 30px rgba(233, 90, 41, 0.15);
}

.feature-icon {
	font-size: 42px;
	margin-bottom: 10px;
	display: block;
}

/* ===== FAQ SECTION ===== */
.faq-section {
	overflow: hidden;
}

.faq-section .wp-block-details {
	background: #ffffff;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	margin-bottom: 12px;
	padding: 0;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.faq-section .wp-block-details:hover {
	border-color: #e95a29;
	box-shadow: 0 2px 10px rgba(233, 90, 41, 0.08);
}

.faq-section .wp-block-details[open] {
	border-color: #e95a29;
}

.faq-section .wp-block-details summary {
	padding: 18px 24px;
	cursor: pointer;
	font-family: "Urbanist", sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #1a1a1a;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-section .wp-block-details summary::-webkit-details-marker {
	display: none;
}

.faq-section .wp-block-details summary::after {
	content: "+";
	font-size: 22px;
	font-weight: 300;
	color: #e95a29;
	transition: transform 0.3s ease;
	flex-shrink: 0;
	margin-left: 15px;
}

.faq-section .wp-block-details[open] summary::after {
	content: "−";
}

.faq-section .wp-block-details > :not(summary) {
	padding: 0 24px 18px;
}

.faq-section .wp-block-details p {
	color: #666666;
	font-size: 15px;
	line-height: 1.8;
	margin: 0;
}

/* ===== CTA CONTACT SECTION (About page) ===== */
.cta-about-section .wp-block-button__link {
	background: #ffffff !important;
	color: #e95a29 !important;
	border: 2px solid #ffffff !important;
	font-weight: 600;
	transition: background 0.3s ease, color 0.3s ease;
}

.cta-about-section .wp-block-button__link:hover {
	background: transparent !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
}

/* ===== ABOUT PAGE RESPONSIVE ===== */
@media screen and (max-width: 768px) {
	.mission-vision-card {
		padding: 25px;
	}

	.faq-section .wp-block-details summary {
		font-size: 15px;
		padding: 15px 18px;
	}

	.faq-section .wp-block-details > :not(summary) {
		padding: 0 18px 15px;
	}
}

@media screen and (max-width: 480px) {
	.feature-icon {
		font-size: 36px;
	}

	.mission-vision-icon {
		font-size: 40px;
	}
}

/* ===== CONTACT PAGE ===== */
.contact-info-section {
	overflow: hidden;
}

.contact-info-card {
	background: #ffffff;
	border-top: 3px solid #e95a29;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

.contact-info-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 30px rgba(233, 90, 41, 0.15);
}

.contact-info-icon .dashicons {
	width: 60px;
	height: 60px;
	font-size: 28px;
	line-height: 60px;
	text-align: center;
	background: rgba(233, 90, 41, 0.1);
	color: #e95a29;
	border-radius: 50%;
	display: inline-block;
}

.contact-info-card a {
	color: #666666;
	text-decoration: none;
	transition: color 0.3s ease;
}

.contact-info-card a:hover {
	color: #e95a29;
}

.contact-form-section {
	overflow: hidden;
}

.contact-form-image img {
	object-fit: cover;
	min-height: 500px;
	width: 100%;
	height: 100%;
}

.contact-map-wrap {
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.contact-map-wrap iframe {
	display: block;
	width: 100%;
	height: 450px;
}

.contact-faq-section {
	overflow: hidden;
}

/* ===== CONTACT PAGE RESPONSIVE ===== */
@media screen and (max-width: 1024px) {
	.contact-form-section .wp-block-columns {
		flex-direction: column !important;
	}

	.contact-form-image img {
		min-height: 350px;
	}
}

@media screen and (max-width: 768px) {
	.contact-info-row {
		flex-direction: column !important;
	}

	.contact-map-wrap iframe {
		height: 350px;
	}

	.contact-form-image img {
		min-height: 300px;
	}
}

@media screen and (max-width: 480px) {
	.contact-map-wrap iframe {
		height: 280px;
	}

	.contact-info-card {
		text-align: center;
	}

	.contact-form-image img {
		min-height: 250px;
	}
}

/* ===== SERVICES PAGE ===== */

/* --- Services Intro Section --- */
.services-intro-section {
	overflow: hidden;
}

.services-intro-section .wp-block-columns {
	align-items: center;
}

.services-intro-section img {
	border-radius: 12px;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.services-intro-tag {
	display: inline-block;
	border: 1px solid #e95a29;
	border-radius: 10px;
	color: #e95a29;
	padding: 10px 30px;
	font-family: "Urbanist", sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
}

/* --- Services Page Grid --- */
.services-page-grid {
	overflow: hidden;
}

.service-page-card {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-page-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
}

.service-page-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.service-page-card:hover img {
	transform: scale(1.05);
}

.service-page-card-content {
	padding: 24px;
}

.service-page-card-content h3 {
	font-family: "Urbanist", sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
}

.service-page-card-content p {
	font-size: 14px;
	line-height: 1.7;
	color: #666;
	margin-bottom: 15px;
}

.service-card-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #e95a29;
	font-family: "Urbanist", sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: gap 0.3s ease, color 0.3s ease;
}

.service-card-link:hover {
	gap: 10px;
	color: #d14a1e;
}

.service-card-link .arrow {
	font-size: 18px;
	transition: transform 0.3s ease;
}

.service-card-link:hover .arrow {
	transform: translateX(3px);
}

/* --- Services Stats (reuses counter-section) --- */

/* --- Services Process Timeline --- */
.services-process-section {
	overflow: hidden;
}

.process-timeline {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
}

.process-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	flex: 1;
	position: relative;
	padding: 0 10px;
}

.process-step-number {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e95a29 0%, #d14a1e 100%);
	color: #fff;
	font-family: "Urbanist", sans-serif;
	font-size: 26px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	position: relative;
	z-index: 2;
	box-shadow: 0 4px 15px rgba(233, 90, 41, 0.3);
}

.process-step-icon {
	font-size: 28px;
	margin-bottom: 10px;
}

.process-step h4 {
	font-family: "Urbanist", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-bottom: 8px;
}

.process-step p {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	max-width: 160px;
	margin: 0 auto;
}

.process-line {
	position: absolute;
	top: 35px;
	left: calc(50% + 35px);
	right: calc(-50% + 35px);
	height: 3px;
	background: linear-gradient(90deg, #e95a29 0%, #f0a080 100%);
	z-index: 1;
}

.process-step:last-child .process-line {
	display: none;
}

/* --- Services CTA Section --- */
.services-cta-section {
	overflow: hidden;
}

.services-cta-section .cta-inner {
	background: linear-gradient(135deg, #e95a29 0%, #1a1a1a 100%);
	border-radius: 16px;
	padding: 60px 50px;
	text-align: center;
}

.services-cta-section .cta-inner h2 {
	color: #fff;
	font-family: "Urbanist", sans-serif;
	font-size: clamp(28px, 2.6vw, 38px);
	font-weight: 700;
	margin-bottom: 16px;
}

.services-cta-section .cta-inner p {
	color: #f0c8b8;
	font-size: 17px;
	line-height: 1.7;
	max-width: 650px;
	margin: 0 auto 30px;
}

.services-cta-section .cta-buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.services-cta-section .cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 36px;
	border-radius: 10px;
	font-family: "Urbanist", sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.services-cta-section .cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.services-cta-section .cta-btn-phone {
	background: #fff;
	color: #e95a29;
}

.services-cta-section .cta-btn-contact {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
}

/* --- Services Page Responsive --- */
@media screen and (max-width: 1024px) {
	.services-intro-section .wp-block-columns {
		flex-direction: column !important;
	}

	.process-step h4 {
		font-size: 16px;
	}

	.process-step p {
		font-size: 12px;
	}
}

@media screen and (max-width: 768px) {
	.process-timeline {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}

	.process-line {
		display: none !important;
	}

	.process-step {
		width: 100%;
		max-width: 300px;
	}

	.service-page-card img {
		height: 180px;
	}

	.services-cta-section .cta-inner {
		padding: 40px 24px;
	}
}

@media screen and (max-width: 480px) {
	.service-page-card-content {
		padding: 18px;
	}

	.service-page-card-content h3 {
		font-size: 19px;
	}

	.process-step-number {
		width: 56px;
		height: 56px;
		font-size: 22px;
	}

	.services-cta-section .cta-btn {
		width: 100%;
		justify-content: center;
	}
}

/* ===== DEMO TEMA EKSİK KURALLAR ===== */

/* --- A) Banner Lower Kartlar (buzlu cam efekti) --- */
.banner-section .banner-lower-col {
	background: #00000082;
	border: 1px solid rgba(255,255,255,0.1);
	backdrop-filter: blur(11px);
	gap: 25px;
}

/* --- B) Kart Hover Efektleri --- */
.banner-section .box-1:hover .wp-block-columns:nth-of-type(1),
.banner-section .box-2:hover .wp-block-columns:nth-of-type(1),
.banner-section .box-3:hover .wp-block-columns:nth-of-type(1) {
	background-color: var(--wp--preset--color--primary) !important;
}

.banner-lower .box-1:hover .transport-heading,
.banner-lower .box-1:hover .transport-text,
.banner-lower .box-2:hover .transport-heading,
.banner-lower .box-2:hover .transport-text,
.banner-lower .box-3:hover .transport-heading,
.banner-lower .box-3:hover .transport-text,
.banner-lower .box-1:hover .transport-heading a,
.banner-lower .box-2:hover .transport-heading a,
.banner-lower .box-3:hover .transport-heading a {
	color: #fff !important;
}

.banner-lower .box-1:hover .transport-img img,
.banner-lower .box-2:hover .transport-img img,
.banner-lower .box-3:hover .transport-img img {
	filter: brightness(0) invert(1);
}

/* --- C) Kart Image Shine Animasyonu --- */
.banner-lower-col .wp-block-image {
	position: relative;
	overflow: hidden;
}

.banner-lower-col .wp-block-image::after {
	position: absolute;
	top: 0;
	left: -60%;
	content: '';
	width: 50%;
	height: 100%;
	opacity: 0;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);
	transform: skewX(-25deg);
	pointer-events: none;
}

.banner-lower-col .wp-block-image:hover::after {
	animation: shine 1s ease;
	opacity: 1;
}

@keyframes shine {
	100% { left: 125%; }
}

/* --- D) Experience/Chart Section Demo Stili --- */
.experience-section .chart-container {
	align-items: flex-end !important;
	min-height: 400px;
	padding: 20px;
	gap: 0 !important;
	background: #F5F5F5;
	border-radius: 10px;
	flex-wrap: nowrap !important;
}

.experience-section .bar-box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 400px;
}

.experience-section .bar {
	transition: height 1.2s ease;
	margin-top: -15px !important;
}

.experience-section .bar-before {
	height: 70px;
	opacity: 0.1;
}

/* --- E) Experience Image Shine Animasyonu --- */
.experience-img .wp-block-image {
	position: relative;
	overflow: hidden;
}

.experience-img .wp-block-image::after {
	position: absolute;
	top: 0;
	left: -60%;
	content: '';
	width: 50%;
	height: 100%;
	opacity: 0;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);
	transform: skewX(-25deg);
	pointer-events: none;
}

.experience-img .wp-block-image:hover::after {
	animation: shine 1s ease;
	opacity: 1;
}

/* --- F) Transport link dekorasyon --- */
.banner-section .transport-heading a {
	text-decoration: none !important;
}

.experience-section .experience-button a {
	margin-top: 0 !important;
	border: 1px solid var(--wp--preset--color--primary) !important;
}

.experience-section .experience-button a:hover {
	background-color: var(--wp--preset--color--heading) !important;
	color: var(--wp--preset--color--background) !important;
	border-color: var(--wp--preset--color--background) !important;
}

.experience-section .experience-img {
	gap: 15px !important;
}

.experience-section .experience-img img {
	width: 100% !important;
}

/* ===== RELATED CONTENT SECTION ===== */
.related-content-section {
	margin-top: 3rem;
	padding-top: 2.5rem;
	border-top: 1px solid #e8e8e8;
}
.related-content-section h3 {
	font-family: Urbanist, sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 1.5rem;
}
.related-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 2.5rem;
}
.related-service-card {
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	padding: 24px;
	transition: all 0.3s ease;
	text-decoration: none;
	display: block;
}
.related-service-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.related-service-card h4 {
	font-family: Urbanist, sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #1a1a1a;
	margin: 0 0 8px 0;
}
.related-service-card p {
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	margin: 0 0 12px 0;
}
.related-service-card .card-link {
	color: #e95a29;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.related-posts-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.related-posts-list li {
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0;
}
.related-posts-list li:last-child {
	border-bottom: none;
}
.related-posts-list li a {
	color: #1a1a1a;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	font-family: Urbanist, sans-serif;
	transition: color 0.3s ease;
}
.related-posts-list li a:hover {
	color: #e95a29;
}
.blog-cta-box {
	background: #f8f8f8;
	border-left: 4px solid #e95a29;
	border-radius: 8px;
	padding: 20px 24px;
	margin-bottom: 2rem;
}
.blog-cta-box a {
	color: #e95a29;
	font-weight: 600;
	text-decoration: none;
}
.blog-cta-box a:hover {
	text-decoration: underline;
}
@media (max-width: 768px) {
	.related-services-grid {
		grid-template-columns: 1fr;
	}
}

/* ===== LATEST BLOG SECTION (Homepage) ===== */
.latest-blog-section .blog-card {
	transition: all 0.3s ease;
	overflow: hidden;
	background: #fff;
}
.latest-blog-section .blog-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.latest-blog-section .blog-card img {
	height: 200px;
	object-fit: cover;
	width: 100%;
}