/* ---------- Hero slider: every slide same height, image always fills it ---------- */
.hero.hero-slider .hero-slider-layout1 .swiper-slide{
	height: auto;
	display: flex;
}
.hero.hero-slider .hero-slider-layout1 .hero-slide{
	width: 100%;
	display: flex;
	align-items: center;
	min-height: 780px;
}
.hero.hero-slider .hero-slider-layout1 .hero-slide > .container{
	position: relative;
	z-index: 2;
}
.hero.hero-slider .hero-slider-layout1 .hero-slide .hero-slider-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
@media (max-width: 991px){
	.hero.hero-slider .hero-slider-layout1 .hero-slide{ min-height: 620px; }
}
@media (max-width: 575px){
	.hero.hero-slider .hero-slider-layout1 .hero-slide{ min-height: 560px; }
}

/* ---------- Our Clients: all logos the same box size ---------- */
.client-logos-layout3{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px;
}
.client-logos-layout3 .client-logo-item,
.client-logos-layout3 .client-logo-item:nth-of-type(5n + 5),
.client-logos-layout3 .client-logo-item:nth-of-type(2n + 2){
	width: auto;
	margin: 0;
	height: 150px;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.client-logos-layout3 .client-logo-item img{
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
@media (max-width: 991px){
	.client-logos-layout3{ grid-template-columns: repeat(3, 1fr); gap: 20px; }
	.client-logos-layout3 .client-logo-item{ height: 130px; }
}
@media (max-width: 575px){
	.client-logos-layout3{ grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.client-logos-layout3 .client-logo-item{ height: 100px; padding: 16px; border-radius: 16px; }
}

/* ---------- Hero on mobile/tablet: content always starts below the header ---------- */
@media (max-width: 991px){
	.hero.hero-slider .hero-slider-layout1 .hero-slide{
		padding-top: calc(var(--hdr, 100px) + 70px) !important;
		padding-bottom: 100px !important;
		align-items: center;
	}
}
@media (max-width: 575px){
	.hero.hero-slider .hero-slider-layout1 .hero-slide{
		padding-top: calc(var(--hdr, 100px) + 50px) !important;
		padding-bottom: 90px !important;
	}
	.hero-content .section-title h1{ font-size: 40px; }
}