/* =========================================================
   About Us — Why Choose Us + How It Works (restored look)
   ========================================================= */

/* ---------- Why Choose Us: content + image side by side ---------- */
.elementor-892 .elementor-element.elementor-element-c57c0c4,
.elementor-element-c57c0c4 {
	background: #ffffff !important;
	padding-top: 70px !important;
	padding-bottom: 70px !important;
	overflow: visible !important;
}

.elementor-892 .elementor-element-c57c0c4 > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 40px !important;
	max-width: 1200px;
	margin: 0 auto;
}

.elementor-892 .elementor-element-c57c0c4 .elementor-element-a9229aa {
	width: 50% !important;
	max-width: 50% !important;
	flex: 0 0 50% !important;
	order: 1;
}

.elementor-892 .elementor-element-c57c0c4 .elementor-element-376f755 {
	width: 50% !important;
	max-width: 50% !important;
	flex: 0 0 50% !important;
	order: 2;
	padding: 0 !important;
}

.elementor-892 .elementor-element-c57c0c4 .section-title .elementor-heading-title {
	color: #004d77 !important;
}

.elementor-892 .elementor-element-c57c0c4 .elementor-element-d5539d8 .elementor-heading-title {
	color: #05152e !important;
	font-size: clamp(28px, 3vw, 40px) !important;
	line-height: 1.25 !important;
}

.elementor-892 .elementor-element-c57c0c4 .elementor-widget-text-editor p {
	color: #5a6270 !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
}

/* Accordion polish */
.elementor-892 .why-choose-accordion .elementskit-accordion {
	counter-reset: why-step;
}

.elementor-892 .why-choose-accordion .elementskit-card {
	border: 0 !important;
	border-bottom: 1px solid rgba(5, 23, 47, 0.1) !important;
	background: transparent !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.elementor-892 .why-choose-accordion .ekit-accordion--toggler {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 18px 0 !important;
	color: #05152e !important;
	text-decoration: none !important;
}

.elementor-892 .why-choose-accordion .ekit-accordion-title {
	color: #05152e !important;
	font-size: 18px !important;
	font-weight: 700 !important;
}

.elementor-892 .why-choose-accordion .elementskit-card.active .ekit-accordion-title,
.elementor-892 .why-choose-accordion .ekit-accordion--toggler[aria-expanded="true"] .ekit-accordion-title {
	color: #004d77 !important;
}

.elementor-892 .why-choose-accordion .number {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	border-radius: 50% !important;
	background: #c7b256 !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	counter-increment: why-step;
}

.elementor-892 .why-choose-accordion .number::before {
	content: counter(why-step);
}

.elementor-892 .why-choose-accordion .elementskit-card-body p {
	color: #5a6270 !important;
	padding-left: 48px !important;
}

/* Side image */
.elementor-892 .why-choose-image,
.elementor-892 .elementor-element-2573a7b {
	width: 100% !important;
	border-radius: 24px !important;
	overflow: hidden !important;
}

.elementor-892 .why-choose-image img,
.elementor-892 .elementor-element-2573a7b img {
	width: 100% !important;
	height: auto !important;
	min-height: 480px !important;
	object-fit: cover !important;
	border-radius: 24px !important;
	border: 6px solid #c7b256 !important;
	box-shadow: 0 20px 48px rgba(5, 23, 47, 0.14) !important;
	display: block !important;
}

/* ---------- How It Works: old attractive 3 photo cards ---------- */
.elementor-892 .elementor-element.elementor-element-e47c16b,
.elementor-element-e47c16b {
	background-color: #004d77 !important;
	background-image: radial-gradient(ellipse at 20% 0%, rgba(199, 178, 86, 0.18), transparent 45%),
		linear-gradient(160deg, #004d77 0%, #05152e 100%) !important;
	padding-top: 70px !important;
	padding-bottom: 80px !important;
}

.elementor-892 .elementor-element-e47c16b .section-title .elementor-heading-title {
	color: #c7b256 !important;
}

.elementor-892 .elementor-element-e47c16b .elementor-element-fc15b55 .elementor-heading-title {
	color: #ffffff !important;
	font-size: clamp(28px, 3vw, 40px) !important;
}

.elementor-892 .elementor-element-e47c16b .elementor-widget-text-editor p {
	color: rgba(255, 255, 255, 0.82) !important;
}

.elementor-892 .elementor-element-e47c16b .elementor-element-d23d37c {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
	justify-content: center !important;
	width: 100% !important;
	margin-top: 28px !important;
}

.elementor-892 .elementor-element-e47c16b .how-work-item,
.elementor-element-e47c16b .how-work-item {
	position: relative !important;
	width: calc(33.333% - 16px) !important;
	max-width: 380px !important;
	min-height: 460px !important;
	border-radius: 22px !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	padding: 36px 28px !important;
	background-color: #05152e !important;
	background-image: none !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
	transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

/* Real <img> backgrounds — reliable vs CSS url() */
.elementor-892 .elementor-element-e47c16b .how-work-item > .how-work-bg-img,
.elementor-element-e47c16b .how-work-item > .how-work-bg-img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	z-index: 0 !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	pointer-events: none !important;
}

.elementor-892 .elementor-element-e47c16b .how-work-item::before,
.elementor-element-e47c16b .how-work-item::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(
		180deg,
		rgba(5, 23, 47, 0.08) 18%,
		rgba(5, 23, 47, 0.58) 55%,
		rgba(5, 23, 47, 0.92) 100%
	) !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

.elementor-892 .elementor-element-e47c16b .how-work-item:hover {
	transform: translateY(-8px) !important;
	box-shadow: 0 26px 50px rgba(0, 0, 0, 0.35) !important;
}

.elementor-892 .elementor-element-e47c16b .how-work-item-content,
.elementor-892 .elementor-element-e47c16b .how-work-item .ekit-wid-con,
.elementor-892 .elementor-element-e47c16b .how-work-item .elementskit-infobox {
	position: relative !important;
	z-index: 2 !important;
	background: transparent !important;
}

.elementor-892 .elementor-element-e47c16b .how-work-item .elementskit-info-box-title {
	color: #ffffff !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	margin: 0 0 10px !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.elementor-892 .elementor-element-e47c16b .how-work-item .box-body > p {
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: 15px !important;
	line-height: 1.55 !important;
	margin: 0 !important;
}

.elementor-892 .elementor-element-e47c16b .how-work-item .ekit-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px 14px !important;
	border-radius: 999px !important;
	background: #c7b256 !important;
	color: #ffffff !important;
	border: 0 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	margin-bottom: 16px !important;
	box-shadow: 0 8px 18px rgba(199, 178, 86, 0.35);
}

.elementor-892 .elementor-element-e47c16b .ekit-icon-box-badge {
	position: static !important;
	margin: 0 0 14px !important;
}

@media (max-width: 1024px) {
	.elementor-892 .elementor-element-c57c0c4 > .e-con-inner {
		flex-direction: column !important;
		gap: 28px !important;
	}

	.elementor-892 .elementor-element-c57c0c4 .elementor-element-a9229aa,
	.elementor-892 .elementor-element-c57c0c4 .elementor-element-376f755 {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
	}

	.elementor-892 .why-choose-image img,
	.elementor-892 .elementor-element-2573a7b img {
		min-height: 360px !important;
	}

	.elementor-892 .elementor-element-e47c16b .how-work-item {
		width: calc(50% - 12px) !important;
		min-height: 400px !important;
	}
}

@media (max-width: 767px) {
	.elementor-892 .elementor-element-e47c16b .how-work-item {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 360px !important;
	}

	.elementor-892 .why-choose-image img,
	.elementor-892 .elementor-element-2573a7b img {
		min-height: 280px !important;
		border-width: 4px !important;
	}
}