/**
 * New Header/Banner Styles - Development version
 * Only loaded on page ID 3175
 *
 * The .site-header-new class is added to the header wrapper to scope
 * all new styles without affecting other pages.
 *
 * Customize your new header styles below:
 */

/* === New Header Styles === */

/* Siga Guard card hover */
.wrap-init {
	transition: background-color 0.35s ease, padding 0.35s ease;
}
.wrap-init .elementor-widget-image img {
	transition: transform 0.35s ease;
	transform-origin: left center;
}
.wrap-init .elementor-button {
	transition: background-color 0.35s ease;
}
.wrap-init:hover,
.wrap-init.is-active {
	background-color: #FFFFFF4D;
	padding: 5% 3%;
}
.wrap-init:hover .elementor-button,
.wrap-init.is-active .elementor-button {
	background-color: #B5FFBB !important;
}
.wrap-init:hover .elementor-widget-image img,
.wrap-init.is-active .elementor-widget-image img {
	transform: scale(1.3);
}
.wrap-init .textbox {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.35s ease, opacity 0.35s ease;
}
.wrap-init:hover .textbox,
.wrap-init.is-active .textbox {
	max-height: 15rem;
	opacity: 1;
}

/* Green overlay injected by JS; children lift above it via z-index */
.hoverClass { position: relative; }
.hoverClass > * { position: relative; z-index: 2; }
.hoverClass .hover-overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(181, 255, 187, 0.8);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 0;
    border-radius: 8px;
}
.hoverClass.is-hover .hover-overlay { opacity: 1; }

/* textBox-wrap: collapsed by default, expands on hover */
.hoverClass .textBox-wrap {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.35s ease, opacity 0.35s ease;
}
.hoverClass.is-hover .textBox-wrap {
	max-height: 20rem;
	opacity: 1;
}

/* Title color shift on hover */
.hoverClass .elementor-heading-title {
	transition: color 0.3s ease;
}
.hoverClass.is-hover .elementor-heading-title {
	color: #002C38 !important;
}

/* Mobile: decouple card visuals from auto-rotate, use click toggle */
@media (max-width: 991px) {
	.wrap-init.is-active {
		background-color: transparent;
		padding: 0;
	}
	.wrap-init.is-active .elementor-button {
		background-color: revert !important;
	}
	.wrap-init.is-active .elementor-widget-image img {
		transform: none;
	}
	.wrap-init.is-active .textbox {
		max-height: 0;
		opacity: 0;
	}
	.wrap-init.text-open {
		background-color: #FFFFFF4D;
		padding: 5% 3%;
	}
	.wrap-init.text-open .elementor-button {
		background-color: #B5FFBB !important;
	}
	.wrap-init.text-open .elementor-widget-image img {
		transform: scale(1.3);
	}
	.wrap-init.text-open .textbox {
		max-height: 15rem;
		opacity: 1;
	}
}

/* Mobile: equal-width tab buttons in a 2×2 grid */
@media (max-width: 991px) {
	.e-n-tabs-heading {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 2px !important;
	}
	.e-n-tabs-heading .e-n-tab-title {
		width: calc(50% - 1px) !important;
		flex: 0 0 calc(50% - 1px) !important;
	}
}

/* Testimonial carousel: vertically center slide content */
.elementor-widget-testimonial-carousel .swiper-slide {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.elementor-widget-testimonial-carousel .elementor-testimonial {
	width: 100%;
}