/* Neumorphism (Soft UI) Core Styling & Utility Classes */

:root {
	--neu-bg: #f0f4f8;
	--neu-bg-card: #f0f4f8;
	--neu-shadow-dark: rgba(166, 180, 200, 0.45);
	--neu-shadow-light: #ffffff;
	--neu-accent: #014e63;
	--neu-accent-light: #027898;
	--neu-radius-sm: 12px;
	--neu-radius-md: 20px;
	--neu-radius-lg: 28px;
	--neu-radius-pill: 50px;
}

/* Detail Page Hero Section Box Background */
.elementor-element-8530359,
.elementor-1458 .elementor-element.elementor-element-8530359 {
	background-color: #014e63 !important;
	background: #014e63 !important;
}

/* Neumorphic Base Body Background Accent */
body {
	background-color: #f4f7fb !important;
}

/* Remove cream color border/outline box around hero section on all inner pages (except home page index.html) */
body:not(.home) .elementor-parent:first-of-type,
body:not(.home) [data-elementor-type="wp-page"] > .elementor-element:first-child,
.elementor-element-2d5c34b,
.elementor-element-8530359,
.elementor-element-a8106c9,
.elementor-element-f032164,
.elementor-element-d2e0cdc,
.elementor-element-bc08411,
.elementor-1693 .elementor-element-bc08411,
.elementor-element-587,
.elementor-element-1930,
.elementor-element-1935,
.elementor-element-1774,
.elementor-element-1616,
.elementor-element-1693,
.elementor-element-1127,
.elementor-element-1098,
.elementor-element-1182 {
	border: none !important;
	border-width: 0 !important;
	border-color: transparent !important;
	border-style: none !important;
	border-radius: 0 0 100px 100px !important;
	--border-width: 0px !important;
	--border-top-width: 0px !important;
	--border-right-width: 0px !important;
	--border-bottom-width: 0px !important;
	--border-left-width: 0px !important;
	--border-color: transparent !important;
}

/* Neumorphic Raised Element (Soft Extruded Card) */
.neu-raised,
.neu-card,
.elementor-widget-db-fw-service-box,
.service-item,
.team-item,
.portfolio-item,
.blog-post-card,
.wpcf7-form {
	background: var(--neu-bg-card) !important;
	border-radius: var(--neu-radius-md) !important;
	box-shadow: 8px 8px 20px var(--neu-shadow-dark), -8px -8px 20px var(--neu-shadow-light) !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Remove Neumorphic Effect from Our Works Section Images on Homepage */
.elementor-element-9b8f785 img,
.elementor-element-9b8f785 .elementor-widget-image,
.elementor-element-9b8f785 .elementor-widget-image img,
.elementor-element-9b8f785 .e-con-child {
	box-shadow: none !important;
	border: none !important;
}

/* Our Craft Page (portfolio.html): 3 Cards Per Horizontal Row */
@media (min-width: 992px) {
	.elementor-687 .elementor-element.elementor-element-30dc2c6 {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 30px 20px !important;
		justify-content: flex-start !important;
	}

	.elementor-687 .elementor-element.elementor-element-2a6c1da,
	.elementor-687 .elementor-element.elementor-element-c10e473,
	.elementor-687 .elementor-element.elementor-element-f46c636,
	.elementor-687 .elementor-element.elementor-element-e5784e4,
	.elementor-687 .elementor-element.elementor-element-b3f857c,
	.elementor-687 .elementor-element.elementor-element-0292376 {
		width: calc(33.333% - 14px) !important;
		max-width: calc(33.333% - 14px) !important;
		flex: 0 0 calc(33.333% - 14px) !important;
		box-sizing: border-box !important;
	}
}

/* Our Craft Page Card Title Typography: 38px DM Sans Bold */
.elementor-687 .elementor-heading-title,
.elementor-687 .elementor-heading-title a,
.elementor-687 .elementor-element-86002b6 .elementor-heading-title,
.elementor-687 .elementor-element-9575071 .elementor-heading-title,
.elementor-687 .elementor-element-5caa2e7 .elementor-heading-title,
.elementor-687 .elementor-element-391cc83 .elementor-heading-title,
.elementor-687 .elementor-element.elementor-element-91a0edc .elementor-heading-title,
.elementor-687 .elementor-element-0adc11e .elementor-heading-title {
	font-size: 38px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	line-height: 1.25em !important;
}

.elementor-687 .elementor-element-1f909e1 .elementor-heading-title,
.elementor-687 .elementor-element-732fabf .elementor-heading-title,
.elementor-687 .elementor-element-725df87 .elementor-heading-title,
.elementor-687 .elementor-element-6923570 .elementor-heading-title,
.elementor-687 .elementor-element-4165a7d .elementor-heading-title,
.elementor-687 .elementor-element-e2a22b6 .elementor-heading-title {
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.9) !important;
	margin-bottom: 10px !important;
	display: block !important;
}

/* Our Craft Page Card Image Height & Glassmorphism Hover Overlay */
.elementor-687 .elementor-element-a43b917,
.elementor-687 .elementor-element-8803b53,
.elementor-687 .elementor-element-5c32bcf,
.elementor-687 .elementor-element-4e106e6,
.elementor-687 .elementor-element-2da767e,
.elementor-687 .elementor-element-bafd493 {
	height: 570px !important;
	max-height: 570px !important;
	overflow: hidden !important;
	position: relative !important;
	border-radius: 20px !important;
}

.elementor-687 .elementor-element-a43b917 img,
.elementor-687 .elementor-element-8803b53 img,
.elementor-687 .elementor-element-5c32bcf img,
.elementor-687 .elementor-element-4e106e6 img,
.elementor-687 .elementor-element-2da767e img,
.elementor-687 .elementor-element-bafd493 img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
	transition: transform 0.5s ease !important;
}

/* Zoom Image slightly on hover */
.elementor-687 .elementor-element-2a6c1da:hover img,
.elementor-687 .elementor-element-c10e473:hover img,
.elementor-687 .elementor-element-f46c636:hover img,
.elementor-687 .elementor-element-e5784e4:hover img,
.elementor-687 .elementor-element-b3f857c:hover img,
.elementor-687 .elementor-element-0292376:hover img {
	transform: scale(1.06) !important;
}

/* Glassmorphic Overlay on Hover */
.elementor-687 .elementor-element-a43b917::after,
.elementor-687 .elementor-element-8803b53::after,
.elementor-687 .elementor-element-5c32bcf::after,
.elementor-687 .elementor-element-4e106e6::after,
.elementor-687 .elementor-element-2da767e::after,
.elementor-687 .elementor-element-bafd493::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: rgba(1, 78, 99, 0.45) !important;
	backdrop-filter: blur(12px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: 20px !important;
	opacity: 0 !important;
	transition: opacity 0.4s ease !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* Reveal Glass Overlay on Card Hover */
.elementor-687 .elementor-element-2a6c1da:hover .elementor-element-a43b917::after,
.elementor-687 .elementor-element-c10e473:hover .elementor-element-8803b53::after,
.elementor-687 .elementor-element-f46c636:hover .elementor-element-5c32bcf::after,
.elementor-687 .elementor-element-e5784e4:hover .elementor-element-4e106e6::after,
.elementor-687 .elementor-element-b3f857c:hover .elementor-element-2da767e::after,
.elementor-687 .elementor-element-0292376:hover .elementor-element-bafd493::after {
	opacity: 1 !important;
}

/* Overlay Glass Text Title Display on Hover (Centered Vertically and Horizontally) */
.elementor-687 .elementor-element-209a839,
.elementor-687 .elementor-element-69fd5a0,
.elementor-687 .elementor-element-1299b22,
.elementor-687 .elementor-element-49e9134,
.elementor-687 .elementor-element-319a650,
.elementor-687 .elementor-element-189155d {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 3 !important;
	padding: 30px !important;
	opacity: 0 !important;
	transform: scale(0.92) !important;
	transition: all 0.4s ease !important;
	pointer-events: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

/* Show Title on Hover over Glass */
.elementor-687 .elementor-element-2a6c1da:hover .elementor-element-209a839,
.elementor-687 .elementor-element-c10e473:hover .elementor-element-69fd5a0,
.elementor-687 .elementor-element-f46c636:hover .elementor-element-1299b22,
.elementor-687 .elementor-element-e5784e4:hover .elementor-element-49e9134,
.elementor-687 .elementor-element-b3f857c:hover .elementor-element-319a650,
.elementor-687 .elementor-element-0292376:hover .elementor-element-189155d {
	opacity: 1 !important;
	transform: scale(1) !important;
}

/* Title styling inside glass overlay */
.elementor-687 .elementor-heading-title,
.elementor-687 .elementor-heading-title a {
	color: #ffffff !important;
	text-align: center !important;
	text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}

/* Hero Statistics Cards (No Neumorphism effect) */
.hero-stat-row,
.hero-stat-col {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	transform: none !important;
}

/* Core Manufacturing Services Heading Font Size & Reduced 12px Vertical Spacing */
.elementor-12 .elementor-element.elementor-element-0001770,
.elementor-element-0001770 {
	gap: 12px !important;
	--gap: 12px !important;
	--row-gap: 12px !important;
}

.elementor-12 .elementor-element.elementor-element-14cf343,
.elementor-element-14cf343 {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.elementor-12 .elementor-element.elementor-element-14cf343 .elementor-heading-title,
.elementor-element-14cf343 .elementor-heading-title,
.elementor-element-14cf343 h2 {
	font-size: 36px !important;
	line-height: 1.25em !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.elementor-12 .elementor-element.elementor-element-5abb821,
.elementor-element-5abb821,
.elementor-element-5abb821 p {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.elementor-12 .elementor-element.elementor-element-2c4c80c,
.elementor-element-2c4c80c {
	margin-bottom: 15px !important;
}

/* Core Manufacturing Services - Unlock 100% Full Width Section & Expand 3 Cards Width */
.elementor-element-15397f1,
.elementor-element-15397f1 > .e-con-inner,
.elementor-element-15397f1 .elementor-element-2c4c80c,
.elementor-element-15397f1 .elementor-element-0001770,
.elementor-element-15397f1 .elementor-element-14cf343,
.elementor-element-15397f1 .elementor-element-5abb821 {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.elementor-12 .elementor-element.elementor-element-8ee2136,
.elementor-element-8ee2136 {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	align-items: stretch !important;
	gap: 30px !important;
	width: 120% !important;
	max-width: 120% !important;
	margin-left: -10% !important;
	margin-top: 10px !important;
	margin-bottom: 40px !important;
	grid-template-columns: none !important;
}

.elementor-element-8ee2136 > #service-1,
#service-1 {
	background-image: url("../images/oem-manufacturing.jpg") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.elementor-element-8ee2136 > #service-2,
#service-2 {
	background-image: url("../images/odm-manufacturing.jpg") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.elementor-element-8ee2136 > #service-4,
#service-4 {
	background-image: url("../images/corporate gifting.jpg") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.elementor-element-8ee2136 > #service-3,
#service-3 {
	background-image: url("../images/product-photography.jpg") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.elementor-element-8ee2136 > #service-5,
#service-5 {
	background-image: url("../images/content-creation.jpg") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.elementor-element-8ee2136 > .e-con-child,
.elementor-element-8ee2136 > #service-1,
.elementor-element-8ee2136 > #service-2,
.elementor-element-8ee2136 > #service-4 {
	flex: 1 1 0px !important;
	width: 32% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 570px !important;
	padding: 95px 50px !important;
	border-radius: var(--neu-radius-lg, 28px) !important;
}

.elementor-element-8ee2136 .elementor-widget-heading,
.elementor-element-8ee2136 .elementor-heading-title,
.elementor-element-8ee2136 .elementor-widget-text-editor,
.elementor-element-8ee2136 p:not(.service-card-overlay-desc),
.elementor-element-8ee2136 .elementor-widget-db-fw-svg-path-animation,
.elementor-element-8ee2136 .db-svg-path-animation {
	display: none !important;
}

.elementor-element-8ee2136 > .e-con-child,
.elementor-element-8ee2136 > #service-1,
.elementor-element-8ee2136 > #service-2,
.elementor-element-8ee2136 > #service-4 {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Service Cards Overlay Box (Title + Description) - Solid High Visibility White Box */
.service-card-overlay-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 24px 28px !important;
	width: 86% !important;
	max-width: 360px !important;
	background: #ffffff !important;
	border-radius: 24px !important;
	border: 1px solid rgba(255, 255, 255, 1) !important;
	box-shadow: 0 16px 45px rgba(0, 0, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.15) !important;
	z-index: 10 !important;
	pointer-events: none !important;
	transition: all 0.35s ease !important;
}

body.dark-mode .service-card-overlay-content,
html.dark-mode .service-card-overlay-content,
body.dark-theme .service-card-overlay-content,
html.dark-theme .service-card-overlay-content {
	background: rgba(255, 255, 255, 0.75) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.85) !important;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5) !important;
}

.service-card-overlay-title {
	display: block !important;
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 1.2em !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #014e63 !important;
	text-align: center !important;
	margin: 0 0 8px 0 !important;
}

body.dark-mode .service-card-overlay-title,
html.dark-mode .service-card-overlay-title,
body.dark-theme .service-card-overlay-title,
html.dark-theme .service-card-overlay-title {
	color: #014e63 !important;
}

.service-card-overlay-desc,
p.service-card-overlay-desc,
.elementor-element-8ee2136 p.service-card-overlay-desc,
body.dark-mode .service-card-overlay-desc,
html.dark-mode .service-card-overlay-desc,
body.dark-theme .service-card-overlay-desc {
	display: block !important;
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 1.45em !important;
	color: #014e63 !important;
	text-align: center !important;
	margin: 0 !important;
	opacity: 1 !important;
}

.elementor-element-8ee2136 > .e-con-child:hover .service-card-overlay-content {
	background: #ffffff !important;
	transform: translateY(-4px) scale(1.03) !important;
	box-shadow: 0 22px 55px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .elementor-element-8ee2136 > .e-con-child:hover .service-card-overlay-content,
html.dark-mode .elementor-element-8ee2136 > .e-con-child:hover .service-card-overlay-content,
body.dark-theme .elementor-element-8ee2136 > .e-con-child:hover .service-card-overlay-content {
	background: rgba(255, 255, 255, 0.9) !important;
	transform: translateY(-4px) scale(1.03) !important;
	box-shadow: 0 22px 55px rgba(0, 0, 0, 0.6) !important;
}

.elementor-element-8ee2136 .db-svg-path-animation svg {
	width: 52px !important;
	height: 52px !important;
}

@media (max-width: 768px) {
	.elementor-element-8ee2136 {
		flex-direction: column !important;
	}
	.elementor-element-8ee2136 > .e-con-child,
	.elementor-element-8ee2136 > #service-1,
	.elementor-element-8ee2136 > #service-2,
	.elementor-element-8ee2136 > #service-4 {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Services Page (.elementor-538): Stacked one-to-one 100VW FULL HORIZONTAL WIDTH cards */
.elementor-538 .elementor-element-8ee2136,
.elementor-538 .elementor-element.elementor-element-8ee2136 {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 50px !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	margin-top: 40px !important;
	margin-bottom: 80px !important;
	padding: 0 40px !important;
	box-sizing: border-box !important;
}

.elementor-538 .elementor-element-8ee2136 > .e-con-child,
.elementor-538 .elementor-element-8ee2136 > #service-1,
.elementor-538 .elementor-element-8ee2136 > #service-2,
.elementor-538 .elementor-element-8ee2136 > #service-3,
.elementor-538 .elementor-element-8ee2136 > #service-4,
.elementor-538 .elementor-element-8ee2136 > #service-5 {
	flex: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	min-height: 650px !important;
	height: 650px !important;
	padding: 80px 40px !important;
	border-radius: var(--neu-radius-lg, 28px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
	box-sizing: border-box !important;
	background-size: cover !important;
	background-position: center center !important;
}

.elementor-538 .elementor-element-8ee2136 > .e-con-child:hover {
	transform: translateY(-6px) scale(1.005) !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-overlay-content {
	width: 85% !important;
	max-width: 950px !important;
	padding: 40px 60px !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-tag {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: #018fa8 !important;
	margin-bottom: 8px !important;
	display: inline-block !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-overlay-title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	line-height: 1.2em !important;
	color: #014e63 !important;
	margin-bottom: 12px !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-overlay-desc {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.6em !important;
	color: #014e63 !important;
	margin-bottom: 16px !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-features span {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-link-btn {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	color: #018fa8 !important;
}

.hero-stat-col:hover {
	box-shadow: none !important;
	transform: none !important;
}

/* Neumorphic Inset Element (Concave / Pressed Depth) */
.neu-inset,
.neu-pressed,
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.search-form input[type="search"] {
	background: rgba(255, 255, 255, 0.45) !important;
	backdrop-filter: blur(12px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
	border-radius: var(--neu-radius-sm) !important;
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
	padding: 12px 18px !important;
	transition: all 0.3s ease !important;
}

.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
	background: rgba(255, 255, 255, 0.65) !important;
	border-color: rgba(0, 197, 168, 0.8) !important;
	box-shadow: 0 8px 32px 0 rgba(0, 197, 168, 0.15), 0 0 0 4px rgba(0, 197, 168, 0.15), inset 0 1px 1px 0 rgba(255, 255, 255, 0.9) !important;
	outline: none !important;
}


/* Neumorphic Buttons */
.neu-btn,
.header-contact-pill-btn,
.elementor-button,
.wpcf7-submit,
.btn-primary {
	background: var(--neu-bg-card) !important;
	color: var(--neu-accent) !important;
	border-radius: var(--neu-radius-pill) !important;
	box-shadow: 6px 6px 14px var(--neu-shadow-dark), -6px -6px 14px var(--neu-shadow-light) !important;
	border: 1px solid rgba(255, 255, 255, 0.8) !important;
	padding: 12px 28px !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

.neu-btn:hover,
.elementor-button:hover,
.wpcf7-submit:hover,
.btn-primary:hover {
	box-shadow: 9px 9px 20px rgba(150, 168, 190, 0.6), -9px -9px 20px var(--neu-shadow-light) !important;
	color: var(--neu-accent-light) !important;
	transform: translateY(-2px) !important;
}

/* "Get Connected" Header Button - Light Mode Styling (Homepage: Teal background; All other pages: White background) */
body.home:not(.dark-mode) .header-contact-pill-btn,
body.home:not(.dark-mode) a.header-contact-pill-btn,
body.home:not(.dark-mode) .header-contact-btn-wrapper .header-contact-pill-btn,
body.home:not(.dark-mode) header .header-contact-pill-btn,
body.page-id-12:not(.dark-mode) .header-contact-pill-btn,
body.page-id-12:not(.dark-mode) a.header-contact-pill-btn,
body.page-id-12:not(.dark-mode) .header-contact-btn-wrapper .header-contact-pill-btn,
body.page-id-12:not(.dark-mode) header .header-contact-pill-btn {
	background-color: #014e63 !important;
	background: #014e63 !important;
	color: #ffffff !important;
	border-radius: 50px !important;
	border: 1px solid #014e63 !important;
	font-weight: 700 !important;
	box-shadow: 0 6px 20px rgba(1, 78, 99, 0.25) !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

body.home:not(.dark-mode) .header-contact-pill-btn:hover,
body.home:not(.dark-mode) a.header-contact-pill-btn:hover,
body.home:not(.dark-mode) .header-contact-btn-wrapper .header-contact-pill-btn:hover,
body.home:not(.dark-mode) header .header-contact-pill-btn:hover,
body.page-id-12:not(.dark-mode) .header-contact-pill-btn:hover,
body.page-id-12:not(.dark-mode) a.header-contact-pill-btn:hover,
body.page-id-12:not(.dark-mode) .header-contact-btn-wrapper .header-contact-pill-btn:hover,
body.page-id-12:not(.dark-mode) header .header-contact-pill-btn:hover {
	background-color: #ffffff !important;
	background: #ffffff !important;
	color: #014e63 !important;
	border: 2px solid #014e63 !important;
	border-color: #014e63 !important;
	box-shadow: 0 10px 25px rgba(1, 78, 99, 0.25) !important;
	transform: translateY(-2px) !important;
}

/* Every page OTHER THAN homepage: White Header Get Connected Button */
body:not(.home):not(.page-id-12):not(.dark-mode) .header-contact-pill-btn,
body:not(.home):not(.page-id-12):not(.dark-mode) a.header-contact-pill-btn,
body:not(.home):not(.page-id-12):not(.dark-mode) .header-contact-btn-wrapper .header-contact-pill-btn,
body:not(.home):not(.page-id-12):not(.dark-mode) header .header-contact-pill-btn,
html:not(.dark-mode) body:not(.home):not(.page-id-12) .header-contact-pill-btn,
html:not(.dark-mode) body:not(.home):not(.page-id-12) a.header-contact-pill-btn,
html:not(.dark-mode) body:not(.home):not(.page-id-12) .header-contact-btn-wrapper .header-contact-pill-btn,
html:not(.dark-mode) body:not(.home):not(.page-id-12) header .header-contact-pill-btn {
	background-color: #ffffff !important;
	background: #ffffff !important;
	color: #014e63 !important;
	border-radius: 50px !important;
	border: 1px solid #ffffff !important;
	font-weight: 700 !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

body:not(.home):not(.page-id-12):not(.dark-mode) .header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12):not(.dark-mode) a.header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12):not(.dark-mode) .header-contact-btn-wrapper .header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12):not(.dark-mode) header .header-contact-pill-btn:hover,
html:not(.dark-mode) body:not(.home):not(.page-id-12) .header-contact-pill-btn:hover,
html:not(.dark-mode) body:not(.home):not(.page-id-12) a.header-contact-pill-btn:hover,
html:not(.dark-mode) body:not(.home):not(.page-id-12) .header-contact-btn-wrapper .header-contact-pill-btn:hover,
html:not(.dark-mode) body:not(.home):not(.page-id-12) header .header-contact-pill-btn:hover {
	background-color: transparent !important;
	background: transparent !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
	border-color: #ffffff !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
	transform: translateY(-2px) !important;
}

.neu-btn:active,
.header-contact-pill-btn:active,
.elementor-button:active,
.wpcf7-submit:active {
	transform: translateY(1px) !important;
}

/* Site Logo Proportions */
.elementor-widget-db-fw-site-logo img,
.elementor-image img[src*="final logo"],
.elementor-image img[src*="ocean logo"] {
	height: auto !important;
	max-height: 48px !important;
	width: auto !important;
	max-width: 180px !important;
	object-fit: contain !important;
}

/* White Logo Filter for Selected Pages */
.services-white-logo,
.page-white-logo,
img.services-white-logo,
img.page-white-logo {
	filter: brightness(0) invert(1) !important;
}

/* Neumorphic Hero Stat Row Layout (Full width expanded layout) */
/* Neumorphic Hero Stat Row Layout (Full width layout with thin vertical separators) */
.hero-stat-row {
	display: flex !important;
	flex-direction: row !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	width: 90% !important;
	max-width: 1200px !important;
	margin: 60px auto 40px auto !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 0 !important;
}

.hero-stat-col {
	flex: 1 1 0px !important;
	position: relative !important;
	padding: 10px 20px !important;
	margin: 0 !important;
	text-align: center !important;
}

/* Thin Vertical Separator Line Between the 3 Statistics */
.hero-stat-col:not(:last-child)::after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	top: 10% !important;
	height: 80% !important;
	width: 1px !important;
	background-color: #014e63 !important;
	opacity: 0.35 !important;
	display: block !important;
}

body.dark-mode .hero-stat-col:not(:last-child)::after {
	background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Our Works Highlight Ticker Slider (Full Width 100vw Edge-to-Edge, Zero Left & Right Margins) */
.elementor-element-d1c9569,
.elementor-12 .elementor-element.elementor-element-d1c9569,
.elementor-element-d1c9569 .elementor-element-3b423ad,
.elementor-element-d1c9569 .elementor-element-4d521b4,
.elementor-element-d1c9569 .elementor-widget-container,
.elementor-element-d1c9569 .highlight-ticker-outer {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	left: 0 !important;
	right: 0 !important;
	position: relative !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.elementor-element-d1c9569 .highlight-ticker-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}

.elementor-element-d1c9569 .highlight-ticker-item,
.elementor-element-d1c9569 .item-inner {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.elementor-element-d1c9569 h5.title {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

/* OUR WORKS Heading - Second Line Outlined/Stroke Text Color (Light Mode: #014e63, Dark Mode: #FFFFFF) */
body.light-mode .elementor-element-4d521b4 span,
html:not(.dark-mode) .elementor-element-4d521b4 span,
body:not(.dark-mode) .elementor-element-4d521b4 span {
	-webkit-text-fill-color: transparent !important;
	-webkit-text-stroke-width: 1px !important;
	-webkit-text-stroke-color: #014e63 !important;
	color: transparent !important;
}

body.dark-mode .elementor-element-4d521b4 span,
html.dark-mode .elementor-element-4d521b4 span {
	-webkit-text-fill-color: transparent !important;
	-webkit-text-stroke-width: 1px !important;
	-webkit-text-stroke-color: #ffffff !important;
	color: transparent !important;
}

/* Vertical Spacing between Slider and Our Works Section (Clean gap, no overlap) */
.elementor-element-9b8f785,
.elementor-12 .elementor-element.elementor-element-9b8f785 {
	margin-top: 30px !important;
	padding-top: 20px !important;
	--padding-top: 20px !important;
}

.elementor-element-9b8f785 > .e-con-inner,
.elementor-element-9b8f785 .e-con-inner {
	padding-top: 10px !important;
	margin-top: 0px !important;
}

.elementor-element-0f65fbb,
.elementor-element-6e5bd9f,
.elementor-element-febbb13 {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

/* Work Headings & "WE GIVE YOU" / "OFTEN ASKED BY CLIENT" Heading Typography (DM Sans Bold 38px Uppercase) */
.elementor-element-f543437 .elementor-heading-title,
.elementor-element-f543437 h2.elementor-heading-title,
.elementor-element-cd4b8cd .elementor-heading-title,
.elementor-element-cd4b8cd h2.elementor-heading-title,
.elementor-element-a2ffaba .elementor-heading-title,
.elementor-element-a2ffaba h2.elementor-heading-title,
.elementor-element-9c00339 .elementor-heading-title,
.elementor-element-9c00339 h2.elementor-heading-title,
.elementor-element-11bf07c .elementor-heading-title,
.elementor-element-11bf07c h2.elementor-heading-title,
.elementor-element-5c6da08 .elementor-heading-title,
.elementor-element-5c6da08 h2.elementor-heading-title {
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 38px !important;
	line-height: 1.25em !important;
	text-transform: uppercase !important;
}

/* Expanded Max-Width & Edge-to-Edge Container for "Why Choose Us" Section */
.elementor-element-6798fec,
.elementor-12 .elementor-element.elementor-element-6798fec {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 20px !important;
	padding-bottom: 20px !important;
	--padding-bottom: 20px !important;
}

.elementor-element-6798fec > .e-con-inner,
.elementor-element-6798fec .e-con-inner {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Hide Text/Headings Below "Why Choose Us" Cards */
.elementor-element-b7e277b .elementor-widget-heading,
.elementor-element-b7e277b h2.elementor-heading-title,
.elementor-element-b7e277b .e-con-child .e-con-child,
.elementor-element-b7e277b .elementor-widget-spacer {
	display: none !important;
}

/* Hide Designation from "Why Choose Us" Cards */
.elementor-element-b7e277b .e-con-child .e-con-child,
.elementor-element-b7e277b .elementor-widget-spacer,
.elementor-element-b7e277b .elementor-element-af27726,
.elementor-element-b7e277b .elementor-element-cce33bf,
.elementor-element-b7e277b .elementor-element-2db9080,
.elementor-element-b7e277b .elementor-element-8772023,
.elementor-element-b7e277b .elementor-element-c659fe2,
.elementor-element-b7e277b .elementor-element-e527b28,
.elementor-element-b7e277b .elementor-element-15e3aa4,
.elementor-element-b7e277b .elementor-element-ef52026 {
	display: none !important;
}

/* Reduced Vertical Gap & Expanded Width for Testimonials Section */
.elementor-element-da9dd3e,
.elementor-12 .elementor-element.elementor-element-da9dd3e {
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 20px !important;
	padding-top: 20px !important;
	--padding-top: 20px !important;
}

.elementor-element-da9dd3e > .e-con-inner,
.elementor-element-da9dd3e .e-con-inner {
	width: 98% !important;
	max-width: 1350px !important;
	margin: 0 auto !important;
}

/* Testimonial Box Styling (Balanced Sleek Profile) */
.elementor-element-1302fab,
.elementor-12 .elementor-element.elementor-element-1302fab {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border: 1.5px solid #014e63 !important;
	box-shadow: none !important;
	border-radius: 30px !important;
	padding: 50px 50px 48px 50px !important;
	min-height: 315px !important;
	width: 98% !important;
	max-width: 1260px !important;
	margin: 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	text-align: center !important;
	position: relative !important;
	overflow: hidden !important;
}

.elementor-element-1302fab .testimonial-stars {
	margin-bottom: 16px !important;
}

.elementor-element-1302fab .elementor-widget-container,
.elementor-element-1302fab .xelo-slider-container,
.elementor-element-1302fab .xelo-testimonial-classic,
.elementor-element-1302fab .xelo-testimonial-classic-s-1,
.elementor-element-1302fab .swiper-container {
	height: 100% !important;
	min-height: auto !important;
	overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
}

.elementor-element-1302fab .swiper-wrapper {
	height: 100% !important;
	min-height: auto !important;
	display: flex !important;
}

.elementor-element-1302fab .swiper-slide {
	height: auto !important;
	min-height: auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
}

.elementor-element-1302fab .swiper-slide > .inner {
	margin: 0 auto !important;
	width: 100% !important;
	max-width: 1100px !important;
}

.elementor-element-1302fab .elementor-element-c4fcabd,
.elementor-element-1302fab .elementor-icon-wrapper,
.elementor-element-1302fab .elementor-icon {
	display: none !important;
}

.elementor-element-1302fab .xelo-testimonial-classic,
.elementor-element-1302fab .xelo-slider-item,
.elementor-element-1302fab .inner,
.elementor-element-1302fab .details {
	text-align: center !important;
}

.elementor-element-1302fab .details {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.elementor-element-1302fab .xelo-testimonial-classic p {
	color: #014e63 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.58 !important;
	margin-bottom: 20px !important;
	text-align: center !important;
}

.elementor-element-1302fab .xelo-testimonial-classic .title {
	color: #014e63 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	text-align: center !important;
	margin-bottom: 4px !important;
	margin-top: 0 !important;
	line-height: 1.2 !important;
}

.elementor-element-1302fab .xelo-testimonial-classic .designation {
	color: #014e63 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	text-align: center !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	display: block !important;
	line-height: 1.3 !important;
}

.elementor-element-1302fab .xelo-testimonial-classic .designation::before {
	display: none !important;
	content: "" !important;
}

/* Hide Pagination Dots */
.elementor-element-1302fab .elementor-widget-db-fw-slider-external-controller,
.elementor-element-1302fab .db-fw-external-slider-controller,
.elementor-element-1302fab .db-fw-pagination-s-4 {
	display: none !important;
}


/* Testimonial Box Dark Mode - Exactly ONE Single Liquid Glassmorphism Card */
body.dark-mode .elementor-element-da9dd3e,
body.dark-mode .elementor-element-da9dd3e > .e-con-inner,
body.dark-mode .elementor-element-da9dd3e .e-con-inner {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.dark-mode .elementor-element-1302fab,
html.dark-mode .elementor-element-1302fab,
body.dark-mode .elementor-12 .elementor-element.elementor-element-1302fab,
html.dark-mode .elementor-12 .elementor-element.elementor-element-1302fab {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%), rgba(1, 78, 99, 0.28) !important;
	background-color: rgba(1, 78, 99, 0.28) !important;
	backdrop-filter: blur(20px) saturate(190%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(190%) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: 30px !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
	transition: all 0.3s ease !important;
}

/* Reset all inner nested elements so NO second box or outline appears */
body.dark-mode .elementor-element-1302fab .elementor-element-ae88fa8,
body.dark-mode .elementor-element-1302fab .elementor-widget-container,
body.dark-mode .elementor-element-1302fab .xelo-slider-container,
body.dark-mode .elementor-element-1302fab .xelo-testimonial-classic,
body.dark-mode .elementor-element-1302fab .elementor-widget-xelo-testimonial-classic,
body.dark-mode .elementor-element-1302fab .xelo-testimonial-classic-s-1,
body.dark-mode .elementor-element-1302fab .swiper,
body.dark-mode .elementor-element-1302fab .swiper-container,
body.dark-mode .elementor-element-1302fab .swiper-wrapper,
body.dark-mode .elementor-element-1302fab .xelo-slider-item,
body.dark-mode .elementor-element-1302fab .inner {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border-radius: 0 !important;
	outline: none !important;
}

body.dark-mode .elementor-element-1302fab .xelo-testimonial-classic p {
	color: rgba(255, 255, 255, 0.92) !important;
}

body.dark-mode .elementor-element-1302fab .xelo-testimonial-classic .title {
	color: #ffffff !important;
	font-weight: 700 !important;
}

body.dark-mode .elementor-element-1302fab .xelo-testimonial-classic .designation {
	color: rgba(255, 255, 255, 0.72) !important;
	font-weight: 500 !important;
}

body.dark-mode .elementor-element-1302fab .testimonial-stars svg {
	filter: drop-shadow(0 2px 8px rgba(245, 166, 35, 0.45)) !important;
}


.elementor-element-6798fec > .e-con-inner,
.elementor-element-6798fec .e-con-inner {
	align-items: flex-start !important;
	align-content: flex-start !important;
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.elementor-element-7c04fe6,
.elementor-element-c62ec22,
.elementor-element-4489602,
.elementor-element-9c00339 {
	margin-top: 0 !important;
	padding-top: 0 !important;
	align-self: flex-start !important;
}

.elementor-element-9c00339 .elementor-heading-title,
.elementor-element-9c00339 h2.elementor-heading-title {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* 10-Card Grid Layout for "Why Choose Us" Section */
.elementor-element-b7e277b,
.elementor-12 .elementor-element.elementor-element-b7e277b {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	column-gap: 12px !important;
	row-gap: 16px !important;
	width: 100% !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	align-self: flex-start !important;
}

/* Why Choose Us Feature Cards (No images) */
.why-choose-feature-card,
.elementor-element-b7e277b > .e-con-child.why-choose-feature-card,
.elementor-element-b7e277b > .e-con-child {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 36px 10px !important;
	border-radius: 20px !important;
	background: #ffffff !important;
	border: 1px solid rgba(1, 78, 99, 0.12) !important;
	box-shadow: 0 10px 30px rgba(1, 78, 99, 0.06) !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
	min-height: 205px !important;
	width: 100% !important;
	position: relative !important;
	overflow: hidden !important;
}

.why-choose-feature-card:hover,
.elementor-element-b7e277b > .e-con-child:hover,
.bag-process-card:hover {
	transform: translateY(-6px) !important;
	border-color: #014e63 !important;
	box-shadow: 0 16px 40px rgba(1, 78, 99, 0.16) !important;
}

.why-choose-card-icon-wrapper,
.bag-process-icon {
	width: 60px !important;
	height: 60px !important;
	border-radius: 16px !important;
	background: rgba(1, 78, 99, 0.08) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 18px !important;
	color: #014e63 !important;
	transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease !important;
}

.why-choose-feature-card:hover .why-choose-card-icon-wrapper,
.elementor-element-b7e277b > .e-con-child:hover .why-choose-card-icon-wrapper,
.bag-process-card:hover .bag-process-icon {
	background: #014e63 !important;
	color: #ffffff !important;
	transform: scale(1.05) !important;
}

.why-choose-feature-card:hover .why-choose-card-icon-wrapper svg,
.elementor-element-b7e277b > .e-con-child:hover .why-choose-card-icon-wrapper svg,
.bag-process-card:hover .bag-process-icon svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

.why-choose-card-icon-wrapper svg {
	stroke: currentColor !important;
	width: 30px !important;
	height: 30px !important;
}

.why-choose-card-title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #014e63 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.2px !important;
	display: block !important;
	width: 100% !important;
	white-space: normal !important;
	word-break: keep-all !important;
}

body.dark-mode .why-choose-feature-card,
body.dark-mode .elementor-element-b7e277b > .e-con-child,
body.dark-mode .bag-process-card,
html.dark-mode .bag-process-card {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(18, 22, 28, 0.6) !important;
	background-color: rgba(18, 22, 28, 0.6) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.45) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.35) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
	transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

body.dark-mode .why-choose-feature-card:hover,
body.dark-mode .elementor-element-b7e277b > .e-con-child:hover,
body.dark-mode .bag-process-card:hover,
html.dark-mode .bag-process-card:hover {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.08) 100%), rgba(18, 22, 28, 0.75) !important;
	background-color: rgba(18, 22, 28, 0.75) !important;
	backdrop-filter: blur(24px) saturate(200%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(200%) !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
	box-shadow: 0 0 25px rgba(1, 78, 99, 0.9), 0 15px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
	transform: translateY(-6px) !important;
}

body.dark-mode .why-choose-card-icon-wrapper,
body.dark-mode .bag-process-icon,
html.dark-mode .bag-process-icon {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(1, 78, 99, 0.4) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	color: #ffffff !important;
}

body.dark-mode .why-choose-card-icon-wrapper svg,
body.dark-mode .bag-process-icon svg,
html.dark-mode .bag-process-icon svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

body.dark-mode .why-choose-feature-card:hover .why-choose-card-icon-wrapper,
body.dark-mode .elementor-element-b7e277b > .e-con-child:hover .why-choose-card-icon-wrapper,
body.dark-mode .bag-process-card:hover .bag-process-icon,
html.dark-mode .bag-process-card:hover .bag-process-icon {
	background: #014e63 !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-mode .why-choose-card-title {
	color: #ffffff !important;
}

.elementor-element-b7e277b .elementor-heading-title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	margin-top: 10px !important;
	margin-bottom: 2px !important;
}

@media (max-width: 1200px) {
	.elementor-element-b7e277b {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 860px) {
	.elementor-element-b7e277b {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 540px) {
	.elementor-element-b7e277b {
		grid-template-columns: 1fr !important;
	}
}

/* Animated "OUR WORKS" Text Marquee Strip (Transparent background, no neumorphism) */
.works-text-marquee-strip {
	display: flex !important;
	overflow: hidden !important;
	user-select: none !important;
	gap: 0 !important;
	width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	padding: 12px 0 !important;
	margin-top: 40px !important;
	margin-bottom: 20px !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

.works-text-marquee-group {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-around !important;
	white-space: nowrap !important;
	min-width: 100% !important;
	animation: worksMarqueeScroll 18s linear infinite !important;
}

.works-text-marquee-strip:hover .works-text-marquee-group {
	animation-play-state: paused !important;
}

.works-marquee-text {
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 38px !important;
	line-height: 1.2 !important;
	color: #014e63 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	padding: 0 24px !important;
}

.works-marquee-dot {
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	color: #00c5a8 !important;
	opacity: 0.8 !important;
}

body.dark-mode .works-text-marquee-strip {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

/* OUR WORKS Section - Remove White Boxes Behind Text */
.elementor-element-9b8f785 .e-con-child,
.elementor-element-9b8f785 .e-con-inner,
.elementor-element-9b8f785 .e-con,
.elementor-element-9b8f785 div[data-settings*="background"],
.elementor-element-0f65fbb,
.elementor-element-6e5bd9f,
.elementor-element-febbb13,
.elementor-element-9b63f7b,
.elementor-element-1d1b16f,
.elementor-element-77e04c9,
.elementor-element-2bb6e08,
.elementor-element-de8dbb3,
body.dark-mode .elementor-element-9b8f785 .e-con-child,
body.dark-mode .elementor-element-9b8f785 .e-con-inner,
body.dark-mode .elementor-element-9b8f785 .e-con,
html.dark-mode .elementor-element-9b8f785 .e-con-child,
html.dark-mode .elementor-element-9b8f785 .e-con-inner,
body.dark-mode .elementor-element-9b8f785 *:hover,
html.dark-mode .elementor-element-9b8f785 *:hover {
	background-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	filter: none !important;
}

/* OUR WORKS Section - View All Button & Why Choose Us Section Tight Spacing */
.works-all-btn-wrapper {
	text-align: center !important;
	margin-top: 180px !important;
	margin-bottom: 30px !important;
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
}

.elementor-element-6798fec,
.elementor-12 .elementor-element.elementor-element-6798fec {
	margin-top: 0px !important;
	padding-top: 10px !important;
	--padding-top: 10px !important;
}



body.dark-mode .works-marquee-text {
	color: #38bdf8 !important;
}

body.dark-mode .works-marquee-dot {
	color: #34d399 !important;
}

@keyframes worksMarqueeScroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

/* Animated Logo Marquee Strip Styling (Full 100vw viewport breakout edge-to-edge) */
.logo-marquee-strip {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 30px 0 !important;
	margin-top: 60px !important;
	margin-bottom: 40px !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 0 !important;
	right: 0 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	display: flex !important;
}

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

.logo-marquee-group {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 65px !important;
	padding-right: 65px !important;
	animation: scrollSeamless 22s linear infinite !important;
	will-change: transform !important;
}

.logo-marquee-strip:hover .logo-marquee-group {
	animation-play-state: running !important;
}

/* Exact Marquee Logo Sizing Matching Homepage */
.marquee-logo-img,
.logo-marquee-item img {
	height: 54px !important;
	max-height: 60px !important;
	width: auto !important;
	object-fit: contain !important;
	opacity: 0.92 !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	transform: none !important;
	transition: all 0.3s ease !important;
}

/* Custom Sizing for Logo 13 in Marquee Strip */
.marquee-logo-img[src*="13.png"],
.logo-marquee-item img[src*="13.png"],
img[src*="13.png"] {
	height: 38px !important;
	max-height: 42px !important;
	width: auto !important;
}

.logo-marquee-item:hover,
.marquee-logo-img:hover {
	box-shadow: none !important;
	background: transparent !important;
	transform: none !important;
}

/* Neumorphic Form Inputs */
.neu-input,
input[type="text"].neu-input,
input[type="email"].neu-input,
textarea.neu-input {
	background: var(--neu-bg-card) !important;
	border-radius: var(--neu-radius-sm) !important;
	box-shadow: inset 4px 4px 8px var(--neu-shadow-dark), inset -4px -4px 8px var(--neu-shadow-light) !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	padding: 14px 20px !important;
	color: #2c3e50 !important;
	outline: none !important;
	transition: all 0.3s ease !important;
}

.neu-input:focus {
	box-shadow: inset 5px 5px 10px var(--neu-shadow-dark), inset -5px -5px 10px var(--neu-shadow-light), 0 0 8px rgba(1, 78, 99, 0.3) !important;
}

/* Neumorphic Badge / Pill */
.neu-badge {
	background: var(--neu-bg-card) !important;
	border-radius: var(--neu-radius-pill) !important;
	box-shadow: 4px 4px 10px var(--neu-shadow-dark), -4px -4px 10px var(--neu-shadow-light) !important;
	padding: 6px 16px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--neu-accent) !important;
	display: inline-block !important;
}

/* Hero Section Image (No Neumorphism effect) */
.homepage-hero,
.elementor-element-d4a497f img,
.elementor-element-fbe68eb img,
.elementor-12 .elementor-element.elementor-element-fbe68eb img {
	box-shadow: none !important;
	border: none !important;
}

.homepage-hero:hover,
.elementor-element-d4a497f img:hover,
.elementor-element-fbe68eb img:hover {
	box-shadow: none !important;
}

/* Neumorphic Image Styling & Extruded Bevel Frames (Excluding Logos, SVG Shapes, Our Works Section & Our Craft Page) */
.neu-img,
.elementor-widget-image img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]):not(.elementor-element-9b8f785 img):not(.elementor-687 img):not(.elementor-1458 img),
.elementor-image img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]):not(.elementor-element-9b8f785 img):not(.elementor-687 img):not(.elementor-1458 img),
.portfolio-item img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]),
.service-item img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]),
.team-item img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]),
.blog-post-card img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]),
.about-page-image,
.portfolio-details-img img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]),
.service-details-img img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]) {
	border-radius: var(--neu-radius-md) !important;
	box-shadow: 10px 10px 24px var(--neu-shadow-dark), -10px -10px 24px var(--neu-shadow-light) !important;
	border: 4px solid var(--neu-bg-card) !important;
	transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Remove All Neumorphic Shadows, Bright White Borders & Bevel Effects from Our Works Section Images on Homepage, Our Craft Page Cards & Detail Pages */
.elementor-element-9b8f785 img,
.elementor-element-9b8f785 .elementor-widget-image,
.elementor-element-9b8f785 .elementor-widget-image img,
.elementor-element-9b8f785 .e-con-child,
.elementor-687 img,
.elementor-687 .e-child,
.elementor-687 .elementor-widget-image,
.elementor-687 .elementor-widget-image img,
.elementor-1458 img,
.elementor-1458 .elementor-widget-image,
.elementor-1458 .elementor-widget-image img,
body.dark-mode .elementor-element-9b8f785 img,
body.dark-mode .elementor-element-9b8f785 img:hover,
body.dark-mode .elementor-element-9b8f785 .elementor-widget-image img,
body.dark-mode .elementor-element-9b8f785 .elementor-widget-image img:hover,
html.dark-mode .elementor-element-9b8f785 img,
html.dark-mode .elementor-element-9b8f785 img:hover,
html.dark-mode .elementor-element-9b8f785 .elementor-widget-image img,
html.dark-mode .elementor-element-9b8f785 .elementor-widget-image img:hover {
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
	filter: none !important;
	drop-shadow: none !important;
}

/* Hover Elevation for Neumorphic Content Images */
.neu-img:hover,
.elementor-widget-image img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]):not(.elementor-element-9b8f785 img):not(.elementor-687 img):not(.elementor-1458 img):hover,
.portfolio-item img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]):not(.elementor-1458 img):hover,
.service-item img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]):hover,
.team-item img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]):hover,
.blog-post-card img:not([src*="logo"]):not([src*="11.png"]):not([src*=".svg"]):not([src*="shape"]):not([src*="banner"]):hover {
	box-shadow: 14px 14px 32px rgba(150, 168, 190, 0.65), -14px -14px 32px var(--neu-shadow-light) !important;
	transform: translateY(-3px) scale(1.01) !important;
}

/* Neumorphic Inset Image Frame (Concave Embedded Frame) */
.neu-img-container,
.neu-img-frame {
	background: var(--neu-bg-card) !important;
	padding: 14px !important;
	border-radius: var(--neu-radius-lg) !important;
	box-shadow: inset 6px 6px 14px var(--neu-shadow-dark), inset -6px -6px 14px var(--neu-shadow-light) !important;
	display: inline-block !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

/* Header Light Mode / Dark Mode Toggle Button - White Background with #014e63 Icon */
.header-theme-toggle-btn,
body.dark-mode .header-theme-toggle-btn,
html.dark-mode .header-theme-toggle-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	cursor: pointer !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
	color: #014e63 !important;
	margin: 0 14px !important;
	padding: 0 !important;
	outline: none !important;
	z-index: 10 !important;
}

.header-theme-toggle-btn:hover,
body.dark-mode .header-theme-toggle-btn:hover,
html.dark-mode .header-theme-toggle-btn:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	transform: scale(1.08) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
}

.header-theme-toggle-btn svg,
body.dark-mode .header-theme-toggle-btn svg,
html.dark-mode .header-theme-toggle-btn svg {
	width: 20px !important;
	height: 20px !important;
	color: #014e63 !important;
	stroke: #014e63 !important;
	transition: transform 0.4s ease, color 0.3s ease, stroke 0.3s ease !important;
}

.header-theme-toggle-btn .sun-icon {
	display: block !important;
	color: #014e63 !important;
	transition: color 0.3s ease !important;
}

.header-theme-toggle-btn:hover .sun-icon {
	color: #ffffff !important;
}

.header-theme-toggle-btn .moon-icon {
	display: none !important;
}

/* Dark Mode Global Overrides */
body.dark-mode,
html.dark-mode,
body.dark-mode #page,
html.dark-mode #page {
	background-color: #0f172a !important;
	background: #0f172a !important;
	color: #f8fafc !important;
}

body.dark-mode header,
html.dark-mode header,
body.dark-mode .ap-site-header:not(.smart-header-fixed),
html.dark-mode .ap-site-header:not(.smart-header-fixed),
body.dark-mode .elementor-1199,
html.dark-mode .elementor-1199,
body.dark-mode .elementor-element-07b57e6,
html.dark-mode .elementor-element-07b57e6,
body.dark-mode .elementor-element-07b57e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html.dark-mode .elementor-element-07b57e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: transparent !important;
	background: transparent !important;
}

body.dark-mode .elementor-12,
body.dark-mode .elementor-12 .elementor-element.elementor-element-c6e25c8,
body.dark-mode .elementor-12 .elementor-element.elementor-element-2a0d60e,
body.dark-mode .elementor-12 .elementor-element.elementor-element-9b8f785,
body.dark-mode .elementor-12 .elementor-element.elementor-element-15397f1,
body.dark-mode #content.site-content {
	background-color: #0f172a !important;
	background: #0f172a !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .elementor-heading-title,
body.dark-mode p,
body.dark-mode .hero-stat-big,
body.dark-mode .hero-stat-small,
body.dark-mode .elementor-12 p,
body.dark-mode .elementor-12 .elementor-heading-title,
body.dark-mode .elementor-widget-text-editor {
	color: #f8fafc !important;
}

/* Top Middle Header Navigation Pill - Liquid Glass Styling (Light & Dark Mode) */
.elementor-element-c51b44c,
.ap-site-header .elementor-element-c51b44c,
.elementor-1199 .elementor-element.elementor-element-c51b44c,
.elementor-1199 .elementor-element.elementor-element-c51b44c:not(.elementor-motion-effects-element-type-background),
.elementor-1199 .elementor-element.elementor-element-c51b44c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.45) 100%), rgba(255, 255, 255, 0.5) !important;
	background-color: rgba(255, 255, 255, 0.6) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	border-radius: 50px !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.9) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.8) !important;
	box-shadow: 0 15px 35px rgba(1, 78, 99, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 2px rgba(0, 0, 0, 0.04) !important;
	padding: 6px 12px !important;
}

body.dark-mode .elementor-element-c51b44c,
html.dark-mode .elementor-element-c51b44c,
body.dark-mode .ap-site-header .elementor-element-c51b44c,
html.dark-mode .ap-site-header .elementor-element-c51b44c,
body.dark-mode .elementor-1199 .elementor-element.elementor-element-c51b44c,
html.dark-mode .elementor-1199 .elementor-element.elementor-element-c51b44c,
body.dark-mode .elementor-1199 .elementor-element.elementor-element-c51b44c:not(.elementor-motion-effects-element-type-background),
html.dark-mode .elementor-1199 .elementor-element.elementor-element-c51b44c:not(.elementor-motion-effects-element-type-background),
body.dark-mode .elementor-1199 .elementor-element.elementor-element-c51b44c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html.dark-mode .elementor-1199 .elementor-element.elementor-element-c51b44c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(18, 22, 28, 0.6) !important;
	background-color: rgba(18, 22, 28, 0.6) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	border-radius: 50px !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
	padding: 6px 12px !important;
}

.elementor-element-c51b44c .nav-menu-list .menu-item a,
.elementor-element-c51b44c .desktop-menu-active .menu-item a {
	color: #014e63 !important;
	font-weight: 500 !important;
	padding: 8px 18px !important;
	border-radius: 30px !important;
	transition: all 0.3s ease !important;
}

body.dark-mode .ap-site-header .nav-menu-list .menu-item a,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item a,
body.dark-mode .elementor-element-c51b44c .desktop-menu-active .menu-item a,
html.dark-mode .ap-site-header .nav-menu-list .menu-item a,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item a,
html.dark-mode .elementor-element-c51b44c .desktop-menu-active .menu-item a {
	color: #ffffff !important;
	font-weight: 600 !important;
	padding: 8px 18px !important;
	border-radius: 30px !important;
	transition: all 0.3s ease !important;
}

.ap-site-header .nav-menu-list .menu-item a:hover,
.elementor-element-c51b44c .nav-menu-list .menu-item a:hover,
.elementor-element-c51b44c .desktop-menu-active .menu-item a:hover {
	color: #014e63 !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	transform: translateX(8px) !important;
}

body.dark-mode .ap-site-header .nav-menu-list .menu-item a:hover,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item a:hover,
body.dark-mode .elementor-element-c51b44c .desktop-menu-active .menu-item a:hover,
html.dark-mode .ap-site-header .nav-menu-list .menu-item a:hover,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item a:hover,
html.dark-mode .elementor-element-c51b44c .desktop-menu-active .menu-item a:hover,
body.dark-mode header .nav-menu-list .menu-item a:hover,
body.dark-mode header .nav-menu-container a:hover,
body.dark-mode header .db-fw-nav-menu .menu-item a:hover,
body.dark-mode header .desktop-menu-active .menu-item a:hover,
body.dark-mode header #menu-item-1229:hover > a,
body.dark-mode header #menu-item-1229 > a:hover,
body.dark-mode header .menu-item-home > a:hover,
body.dark-mode header a[href="index.html"]:hover,
body.dark-mode header #menu-item-1234:hover > a,
body.dark-mode header #menu-item-1234 > a:hover,
body.dark-mode header a[href="services.html"]:hover,
body.dark-mode header #menu-item-1232 > a:hover,
body.dark-mode header #menu-item-1230 > a:hover,
body.dark-mode header #menu-item-1235 > a:hover,
body.dark-mode header #menu-item-1231 > a:hover,
body.dark-mode header #menu-item-1236 > a:hover,
body.dark-mode header #menu-item-2035 > a:hover,
body.dark-mode header a[href="portfolio.html"]:hover,
body.dark-mode header a[href="about.html"]:hover,
body.dark-mode header a[href="team.html"]:hover,
body.dark-mode header a[href="faqs.html"]:hover,
body.dark-mode header a[href="blog.html"]:hover,
html.dark-mode header .nav-menu-list .menu-item a:hover,
html.dark-mode header .nav-menu-container a:hover,
html.dark-mode header .db-fw-nav-menu .menu-item a:hover,
html.dark-mode header .desktop-menu-active .menu-item a:hover,
html.dark-mode header #menu-item-1229:hover > a,
html.dark-mode header #menu-item-1229 > a:hover,
html.dark-mode header .menu-item-home > a:hover,
html.dark-mode header a[href="index.html"]:hover,
html.dark-mode header #menu-item-1234:hover > a,
html.dark-mode header #menu-item-1234 > a:hover,
html.dark-mode header a[href="services.html"]:hover,
html.dark-mode header #menu-item-1232 > a:hover,
html.dark-mode header #menu-item-1230 > a:hover,
html.dark-mode header #menu-item-1235 > a:hover,
html.dark-mode header #menu-item-1231 > a:hover,
html.dark-mode header #menu-item-1236 > a:hover,
html.dark-mode header #menu-item-2035 > a:hover,
html.dark-mode header a[href="portfolio.html"]:hover,
html.dark-mode header a[href="about.html"]:hover,
html.dark-mode header a[href="team.html"]:hover,
html.dark-mode header a[href="faqs.html"]:hover,
html.dark-mode header a[href="blog.html"]:hover {
	color: #ffffff !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.ap-site-header .nav-menu-list .menu-item.current-menu-item > a,
.ap-site-header .nav-menu-list .menu-item.current_page_item > a,
.ap-site-header .nav-menu-list .menu-item.current-menu-ancestor > a,
.ap-site-header .nav-menu-list .menu-item > a[aria-current="page"],
.ap-site-header .nav-menu-list .menu-item > a.active,
.elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-item > a,
.elementor-element-c51b44c .nav-menu-list .menu-item.current_page_item > a,
.elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-ancestor > a,
.elementor-element-c51b44c .nav-menu-list .menu-item > a[aria-current="page"],
.elementor-element-c51b44c .nav-menu-list .menu-item > a.active {
	background: transparent !important;
	color: #014e63 !important;
	font-weight: 800 !important;
	padding: 8px 18px !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

body.dark-mode .ap-site-header .nav-menu-list .menu-item.current-menu-item > a,
body.dark-mode .ap-site-header .nav-menu-list .menu-item.current_page_item > a,
body.dark-mode .ap-site-header .nav-menu-list .menu-item.current-menu-ancestor > a,
body.dark-mode .ap-site-header .nav-menu-list .menu-item > a[aria-current="page"],
body.dark-mode .ap-site-header .nav-menu-list .menu-item > a.active,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-item > a,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current_page_item > a,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-ancestor > a,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item > a[aria-current="page"],
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item > a.active,
html.dark-mode .ap-site-header .nav-menu-list .menu-item.current-menu-item > a,
html.dark-mode .ap-site-header .nav-menu-list .menu-item.current_page_item > a,
html.dark-mode .ap-site-header .nav-menu-list .menu-item.current-menu-ancestor > a,
html.dark-mode .ap-site-header .nav-menu-list .menu-item > a[aria-current="page"],
html.dark-mode .ap-site-header .nav-menu-list .menu-item > a.active,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-item > a,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current_page_item > a,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-ancestor > a,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item > a[aria-current="page"],
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item > a.active {
	background: transparent !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	padding: 8px 18px !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-item > a:hover,
.elementor-element-c51b44c .nav-menu-list .menu-item.current_page_item > a:hover,
.elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-ancestor > a:hover,
.elementor-element-c51b44c .nav-menu-list .menu-item > a[aria-current="page"]:hover,
.elementor-element-c51b44c .nav-menu-list .menu-item > a.active:hover {
	color: #014e63 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	transform: translateX(8px) !important;
}

body.dark-mode .ap-site-header .nav-menu-list .menu-item.current-menu-item > a:hover,
body.dark-mode .ap-site-header .nav-menu-list .menu-item.current_page_item > a:hover,
body.dark-mode .ap-site-header .nav-menu-list .menu-item.current-menu-ancestor > a:hover,
body.dark-mode .ap-site-header .nav-menu-list .menu-item > a[aria-current="page"]:hover,
body.dark-mode .ap-site-header .nav-menu-list .menu-item > a.active:hover,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-item > a:hover,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current_page_item > a:hover,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-ancestor > a:hover,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item > a[aria-current="page"]:hover,
body.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item > a.active:hover,
html.dark-mode .ap-site-header .nav-menu-list .menu-item.current-menu-item > a:hover,
html.dark-mode .ap-site-header .nav-menu-list .menu-item.current_page_item > a:hover,
html.dark-mode .ap-site-header .nav-menu-list .menu-item.current-menu-ancestor > a:hover,
html.dark-mode .ap-site-header .nav-menu-list .menu-item > a[aria-current="page"]:hover,
html.dark-mode .ap-site-header .nav-menu-list .menu-item > a.active:hover,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-item > a:hover,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current_page_item > a:hover,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item.current-menu-ancestor > a:hover,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item > a[aria-current="page"]:hover,
html.dark-mode .elementor-element-c51b44c .nav-menu-list .menu-item > a.active:hover {
	color: #ffffff !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	transform: translateX(8px) !important;
}

body.dark-mode .header-theme-toggle-btn,
html.dark-mode .header-theme-toggle-btn {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(18, 22, 28, 0.6) !important;
	background-color: rgba(18, 22, 28, 0.6) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

body.dark-mode .header-theme-toggle-btn:hover,
html.dark-mode .header-theme-toggle-btn:hover {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.1) 100%), rgba(18, 22, 28, 0.75) !important;
	background-color: rgba(18, 22, 28, 0.75) !important;
	backdrop-filter: blur(20px) saturate(200%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(200%) !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
	transform: scale(1.08) !important;
}

body.dark-mode .header-theme-toggle-btn .sun-icon {
	display: none !important;
}

body.dark-mode .header-theme-toggle-btn .moon-icon {
	display: block !important;
	color: #ffffff !important;
	stroke: #ffffff !important;
}

/* "Get Connected" Header Button - Dark Mode Liquid Glass Effect */
body.dark-mode .header-contact-pill-btn,
html.dark-mode .header-contact-pill-btn,
body.dark-mode a.header-contact-pill-btn,
html.dark-mode a.header-contact-pill-btn,
body.dark-mode .header-contact-btn-wrapper .header-contact-pill-btn,
html.dark-mode .header-contact-btn-wrapper .header-contact-pill-btn,
body.dark-mode header .header-contact-pill-btn,
html.dark-mode header .header-contact-pill-btn {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(18, 22, 28, 0.6) !important;
	background-color: rgba(18, 22, 28, 0.6) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	color: #ffffff !important;
	border-radius: 50px !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
	font-weight: 700 !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

body.dark-mode .header-contact-pill-btn:hover,
html.dark-mode .header-contact-pill-btn:hover,
body.dark-mode a.header-contact-pill-btn:hover,
html.dark-mode a.header-contact-pill-btn:hover,
body.dark-mode .header-contact-btn-wrapper .header-contact-pill-btn:hover,
html.dark-mode .header-contact-btn-wrapper .header-contact-pill-btn:hover,
body.dark-mode header .header-contact-pill-btn:hover,
html.dark-mode header .header-contact-pill-btn:hover,
body:not(.home).dark-mode .header-contact-pill-btn:hover,
body:not(.home).dark-mode a.header-contact-pill-btn:hover {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.1) 100%), rgba(18, 22, 28, 0.78) !important;
	background-color: rgba(18, 22, 28, 0.78) !important;
	backdrop-filter: blur(20px) saturate(200%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(200%) !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
	transform: translateY(-2px) !important;
}

/* FAQ Accordion Questions Typography Override */
.xelo-accordion-item .title,
.xelo-accordion-item summary .title,
.xelo-accordion-item summary h6.title,
.xelo-accordion-item .header .title,
.xelo-accordion-item .header h6.title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #014e63 !important;
}

/* FAQ Accordion Answers Typography Override */
.xelo-accordion-item .details,
.xelo-accordion-item .details p,
.xelo-accordion-item .details * {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	color: #014e63 !important;
}

/* Hide FAQ Accordion Toggle Plus/Minus Icons */
.xelo-accordion-item .icon,
.xelo-accordion-item .icon i,
.xelo-accordion-item .icon svg,
.xelo-accordion-item .icon svg path,
.xelo-accordion-item .toggle-icon,
.xelo-accordion-item .toggle-icon i {
	display: none !important;
}

/* FAQ Accordion Item White Neumorphic Box Style Override */
.xelo-accordion-item,
.elementor-element-fd481a1 .xelo-accordion-item {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-radius: 26px !important;
	border: 1px solid rgba(1, 78, 99, 0.12) !important;
	box-shadow: 0 10px 30px rgba(1, 78, 99, 0.06), 6px 6px 16px rgba(1, 78, 99, 0.05), -6px -6px 16px #ffffff !important;
	transition: all 0.3s ease !important;
	overflow: hidden !important;
	margin-bottom: 16px !important;
}

.xelo-accordion-item .header,
.elementor-element-fd481a1 .xelo-accordion-item .header {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-radius: 26px !important;
	text-align: left !important;
	justify-content: flex-start !important;
	padding: 24px 30px !important;
}

.xelo-accordion-item .details,
.elementor-element-fd481a1 .xelo-accordion-item .details {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-radius: 26px !important;
	text-align: left !important;
	padding: 0px 30px 24px 30px !important;
}

.xelo-accordion-item .title,
.xelo-accordion-item h6.title,
.xelo-accordion-item .details p {
	text-align: left !important;
}

.xelo-accordion-item:hover {
	border-color: #014e63 !important;
	box-shadow: 0 14px 36px rgba(1, 78, 99, 0.12), 8px 8px 20px rgba(1, 78, 99, 0.08) !important;
}

/* "Often Asked by Client" FAQ Cards - Dark Mode Liquid Glass Effect */
body.dark-mode .xelo-accordion-item,
html.dark-mode .xelo-accordion-item,
body.dark-mode .elementor-element-fd481a1 .xelo-accordion-item,
html.dark-mode .elementor-element-fd481a1 .xelo-accordion-item {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%), rgba(18, 22, 28, 0.6) !important;
	background-color: rgba(18, 22, 28, 0.6) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	border-radius: 26px !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

body.dark-mode .xelo-accordion-item .header,
html.dark-mode .xelo-accordion-item .header,
body.dark-mode .elementor-element-fd481a1 .xelo-accordion-item .header,
html.dark-mode .elementor-element-fd481a1 .xelo-accordion-item .header,
body.dark-mode .xelo-accordion-item .details,
html.dark-mode .xelo-accordion-item .details,
body.dark-mode .elementor-element-fd481a1 .xelo-accordion-item .details,
html.dark-mode .elementor-element-fd481a1 .xelo-accordion-item .details {
	background: transparent !important;
	background-color: transparent !important;
}

body.dark-mode .xelo-accordion-item .title,
html.dark-mode .xelo-accordion-item .title,
body.dark-mode .xelo-accordion-item summary .title,
html.dark-mode .xelo-accordion-item summary .title,
body.dark-mode .xelo-accordion-item summary h6.title,
html.dark-mode .xelo-accordion-item summary h6.title,
body.dark-mode .xelo-accordion-item .header .title,
html.dark-mode .xelo-accordion-item .header .title,
body.dark-mode .xelo-accordion-item .header h6.title,
html.dark-mode .xelo-accordion-item .header h6.title {
	color: #ffffff !important;
}

body.dark-mode .xelo-accordion-item .details,
html.dark-mode .xelo-accordion-item .details,
body.dark-mode .xelo-accordion-item .details p,
html.dark-mode .xelo-accordion-item .details p,
body.dark-mode .xelo-accordion-item .details *,
html.dark-mode .xelo-accordion-item .details * {
	color: rgba(255, 255, 255, 0.85) !important;
}

body.dark-mode .xelo-accordion-item:hover,
html.dark-mode .xelo-accordion-item:hover {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.06) 100%), rgba(18, 22, 28, 0.75) !important;
	background-color: rgba(18, 22, 28, 0.75) !important;
	backdrop-filter: blur(24px) saturate(200%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(200%) !important;
	border-color: rgba(255, 255, 255, 0.45) !important;
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
	transform: translateY(-2px) !important;
}

/* Often Asked by Client Section - Align Left with Why Choose Us Section */
.elementor-element-5febe54 > .e-con-inner,
.elementor-element-04850b8 > .e-con-inner {
	max-width: 100% !important;
	width: 100% !important;
}

.elementor-element-5febe54 .elementor-element-aa00eb8,
.elementor-element-04850b8 .elementor-element-1d60f26,
.elementor-element-11bf07c,
.elementor-element-11bf07c .elementor-heading-title {
	text-align: left !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	padding-left: 0 !important;
}

.elementor-element-11bf07c {
	margin-left: -85px !important;
}

.faq-view-all-wrapper {
	margin-top: 32px !important;
	text-align: left !important;
	display: flex !important;
	justify-content: flex-start !important;
}

.faq-view-all-btn,
.works-all-btn-wrapper .header-contact-pill-btn,
.services-all-btn-wrapper .header-contact-pill-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	height: 56px !important;
	min-height: 56px !important;
	padding: 0 40px !important;
	border-radius: 50px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
	text-decoration: none !important;
	background-color: rgba(1, 78, 99, 0.9) !important;
	background: rgba(1, 78, 99, 0.9) !important;
	backdrop-filter: blur(12px) saturate(160%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(160%) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	box-shadow: 0 8px 24px rgba(1, 78, 99, 0.3) !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
	cursor: pointer !important;
}

.faq-view-all-btn .arrow,
.works-all-btn-wrapper .header-contact-pill-btn .arrow,
.services-all-btn-wrapper .header-contact-pill-btn .arrow {
	transition: transform 0.3s ease !important;
	display: inline-block !important;
}

.faq-view-all-btn,
.why-us-action-btn {
	background-color: #014e63 !important;
	background: #014e63 !important;
	color: #ffffff !important;
	border: 1px solid #014e63 !important;
	border-radius: 50px !important;
	height: 56px !important;
	min-height: 56px !important;
	padding: 0 40px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	box-shadow: 0 8px 24px rgba(1, 78, 99, 0.25) !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
	cursor: pointer !important;
}

.faq-view-all-btn:hover,
.why-us-action-btn:hover {
	background-color: #ffffff !important;
	background: #ffffff !important;
	color: #014e63 !important;
	border: 2px solid #014e63 !important;
	border-color: #014e63 !important;
	box-shadow: 0 10px 25px rgba(1, 78, 99, 0.25) !important;
	transform: translateY(-2px) !important;
}

.faq-view-all-btn:hover .arrow,
.works-all-btn-wrapper .header-contact-pill-btn:hover .arrow,
.services-all-btn-wrapper .header-contact-pill-btn:hover .arrow {
	transform: translateX(6px) !important;
}

/* FAQ, Our Works, Services, & Why Us Section Action Buttons - Dark Mode Liquid Glass Style */
body.dark-mode .faq-view-all-btn,
html.dark-mode .faq-view-all-btn,
body.dark-mode .why-us-action-btn,
html.dark-mode .why-us-action-btn,
body.dark-mode button.why-us-action-btn,
html.dark-mode button.why-us-action-btn,
body.dark-mode .works-all-btn-wrapper .header-contact-pill-btn,
html.dark-mode .works-all-btn-wrapper .header-contact-pill-btn,
body.dark-mode .services-all-btn-wrapper .header-contact-pill-btn,
html.dark-mode .services-all-btn-wrapper .header-contact-pill-btn {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(18, 22, 28, 0.6) !important;
	background-color: rgba(18, 22, 28, 0.6) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	color: #ffffff !important;
	border-radius: 50px !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
}

body.dark-mode .faq-view-all-btn:hover,
html.dark-mode .faq-view-all-btn:hover,
body.dark-mode .why-us-action-btn:hover,
html.dark-mode .why-us-action-btn:hover,
body.dark-mode button.why-us-action-btn:hover,
html.dark-mode button.why-us-action-btn:hover,
body.dark-mode .works-all-btn-wrapper .header-contact-pill-btn:hover,
html.dark-mode .works-all-btn-wrapper .header-contact-pill-btn:hover,
body.dark-mode .services-all-btn-wrapper .header-contact-pill-btn:hover,
html.dark-mode .services-all-btn-wrapper .header-contact-pill-btn:hover {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.1) 100%), rgba(18, 22, 28, 0.78) !important;
	background-color: rgba(18, 22, 28, 0.78) !important;
	backdrop-filter: blur(20px) saturate(200%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(200%) !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
	transform: translateY(-2px) !important;
}

.elementor-element-5febe54 .elementor-element-aa00eb8,
.elementor-element-04850b8 .elementor-element-1d60f26 {
	margin-left: 0 !important;
}

@media (min-width: 768px) {
	.elementor-element-5febe54 .elementor-element-aa00eb8,
	.elementor-element-04850b8 .elementor-element-1d60f26 {
		width: 22% !important;
		--width: 22% !important;
		flex: 0 0 22% !important;
		max-width: 22% !important;
	}

	.elementor-element-5febe54 .elementor-element-0f61d50,
	.elementor-element-04850b8 .elementor-element-bc2e3cb {
		width: 78% !important;
		--width: 78% !important;
		flex: 0 0 78% !important;
		max-width: 78% !important;
	}
}

.xelo-accordion,
.xelo-accordion-item {
	width: 100% !important;
	max-width: 100% !important;
}

/* Footer & Page Hero Background Color & Glassmorphism Effect */
footer.ap-site-footer,
.ap-site-footer,
.elementor-element-d2e0cdc,
.elementor-element-2d5c34b,
.elementor-element-bd176a6,
.elementor-element-bc08411,
body:not(.home) [data-elementor-type="wp-page"] > .elementor-element:first-child {
	background: linear-gradient(180deg, rgba(1, 78, 99, 0.85) 0%, rgba(1, 60, 77, 0.95) 100%) !important;
	background-color: rgba(1, 78, 99, 0.88) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
	box-shadow: 0 -15px 35px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

.elementor-1552,
.ap-site-footer .e-con,
.ap-site-footer .e-con-inner,
.elementor-1552 .elementor-element,
.elementor-1552 .elementor-element.elementor-element-0aed90f,
.elementor-1552 .elementor-element.elementor-element-0aed90f:not(.elementor-motion-effects-element-type-background),
.elementor-1552 .elementor-element.elementor-element-0aed90f > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1552 .elementor-element.elementor-element-410c3ea,
.elementor-1552 .elementor-element.elementor-element-410c3ea:not(.elementor-motion-effects-element-type-background),
.elementor-1552 .elementor-element.elementor-element-410c3ea > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1552 .elementor-element.elementor-element-97e3a54,
.elementor-1552 .elementor-element.elementor-element-e611f1f {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
}

body.dark-mode footer.ap-site-footer,
body.dark-mode .ap-site-footer,
html.dark-mode footer.ap-site-footer,
html.dark-mode .ap-site-footer,
body.dark-mode .elementor-element-d2e0cdc,
html.dark-mode .elementor-element-d2e0cdc,
body.dark-mode .elementor-element-2d5c34b,
html.dark-mode .elementor-element-2d5c34b,
body.dark-mode .elementor-element-bd176a6,
html.dark-mode .elementor-element-bd176a6,
body.dark-mode .elementor-element-bc08411,
html.dark-mode .elementor-element-bc08411,
body:not(.home).dark-mode [data-elementor-type="wp-page"] > .elementor-element:first-child {
	background: linear-gradient(135deg, rgba(1, 78, 99, 0.65) 0%, rgba(1, 45, 60, 0.75) 50%, rgba(0, 197, 168, 0.25) 100%), rgba(1, 78, 99, 0.5) !important;
	background-color: rgba(1, 78, 99, 0.55) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 15px 40px rgba(1, 78, 99, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

/* Footer Top Border Radius & Side Margins - Exact Homepage 40px Margins across ALL Pages */
footer.ap-site-footer,
.ap-site-footer,
body footer.ap-site-footer,
body .ap-site-footer,
html footer.ap-site-footer,
html body footer.ap-site-footer,
body.wp-singular footer.ap-site-footer,
body:not(.home) footer.ap-site-footer,
body.home footer.ap-site-footer {
	margin-left: 40px !important;
	margin-right: 40px !important;
	width: calc(100% - 80px) !important;
	max-width: calc(100% - 80px) !important;
	box-sizing: border-box !important;
	border-radius: 40px !important;
	border-top-left-radius: 60px !important;
	border-top-right-radius: 60px !important;
	overflow: hidden !important;
	display: block !important;
}

/* Subpage Hero Section Side Margins & Curved Glass Corners (Preserved Untouched) */
.elementor-element-d2e0cdc,
.elementor-element-2d5c34b,
.elementor-element-bd176a6,
.elementor-element-bc08411,
body:not(.home) [data-elementor-type="wp-page"] > .elementor-element:first-child {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: calc(100% - 40px) !important;
	max-width: calc(100% - 40px) !important;
	border-radius: 40px !important;
	border-bottom-left-radius: 60px !important;
	border-bottom-right-radius: 60px !important;
	overflow: hidden !important;
}

.elementor-1552 .elementor-element.elementor-element-0aed90f,
.elementor-1552 .elementor-element.elementor-element-0aed90f:before {
	border-top-left-radius: 60px !important;
	border-top-right-radius: 60px !important;
	overflow: hidden !important;
}

@media (max-width: 880px) {
	footer.ap-site-footer,
	.ap-site-footer,
	body footer.ap-site-footer,
	body .ap-site-footer,
	html footer.ap-site-footer,
	body:not(.home) footer.ap-site-footer,
	body.home footer.ap-site-footer {
		margin-left: 20px !important;
		margin-right: 20px !important;
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
		border-top-left-radius: 50px !important;
		border-top-right-radius: 50px !important;
	}
}

@media (max-width: 480px) {
	footer.ap-site-footer,
	.ap-site-footer,
	body footer.ap-site-footer,
	body .ap-site-footer,
	html footer.ap-site-footer,
	body:not(.home) footer.ap-site-footer,
	body.home footer.ap-site-footer {
		margin-left: 12px !important;
		margin-right: 12px !important;
		width: calc(100% - 24px) !important;
		max-width: calc(100% - 24px) !important;
		border-top-left-radius: 40px !important;
		border-top-right-radius: 40px !important;
	}
}

/* Footer Logo Styling - White Ocean Logo */
.elementor-element-f1a31b0 img,
.ap-site-footer .elementor-element-f1a31b0 img {
	content: url("../images/final logo.png") !important;
	filter: brightness(0) invert(1) !important;
	max-height: 190px !important;
	max-width: 360px !important;
	width: auto !important;
	height: auto !important;
}

.elementor-element-a72bd03,
.db-fw-copyright-wrapper,
.elementor-element-f8d989c,
.elementor-widget-db-fw-mailchimp,
.elementor-element-410c3ea,
.ap-site-footer .elementor-element-410c3ea,
.elementor-element-a2f58a9,
.ap-site-footer .elementor-element-a2f58a9,
.elementor-element-3e7a9a4,
.ap-site-footer .elementor-element-3e7a9a4,
.elementor-element-ba655ab,
.ap-site-footer .elementor-element-ba655ab {
	display: none !important;
}

.elementor-element-97e3a54 {
	border-right: none !important;
	border-width: 0 !important;
}

/* Homepage Logo Marquee Strip - Dark Mode White Logos */
body.dark-mode .marquee-logo-img,
html.dark-mode .marquee-logo-img,
body.dark-mode .logo-marquee-strip img,
html.dark-mode .logo-marquee-strip img,
body.dark-mode .logo-marquee-item img,
html.dark-mode .logo-marquee-item img {
	filter: brightness(0) invert(1) !important;
	opacity: 0.95 !important;
}

body.dark-mode .marquee-logo-img:hover,
html.dark-mode .marquee-logo-img:hover {
	filter: brightness(0) invert(1) !important;
	opacity: 1 !important;
}

/* Smart Scroll Header (Appear on Scroll Up) */
.ap-site-header {
	transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.ap-site-header.smart-header-fixed {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 99999 !important;
	margin: 0 !important;
	padding: 12px 40px !important;
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
	transform: translateY(0) !important;
}

.ap-site-header.smart-header-fixed .elementor-element-07b57e6 {
	top: 0 !important;
	position: relative !important;
}

/* Header Background - White in Light Mode, Dark Liquid Glass in Dark Mode */
.ap-site-header.smart-header-fixed,
body:not(.dark-mode) .ap-site-header.smart-header-fixed,
html:not(.dark-mode) .ap-site-header.smart-header-fixed {
	background: #ffffff !important;
	background-color: #ffffff !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

body.dark-mode .ap-site-header.smart-header-fixed,
html.dark-mode .ap-site-header.smart-header-fixed {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%), rgba(15, 23, 42, 0.45) !important;
	background-color: rgba(15, 23, 42, 0.45) !important;
	backdrop-filter: blur(24px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(180%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

.ap-site-header.smart-header-hidden {
	transform: translateY(-130%) !important;
}

@media (max-width: 767px) {
	.ap-site-header.smart-header-fixed {
		padding: 10px 16px !important;
	}
}

/* Top Header Site Logo Across All Pages - White in Light Mode */
.ap-site-header .elementor-widget-db-fw-site-logo img,
.ap-site-header .elementor-element-4a39a5d img,
.ap-site-header a[aria-label="Site Logo"] img,
.elementor-1199 .elementor-element.elementor-element-4a39a5d img,
.elementor-element-4a39a5d img {
	filter: brightness(0) invert(1) !important;
}

/* Homepage Only - #014e63 Logo Color in Light Mode */
body.home:not(.dark-mode) .ap-site-header .elementor-widget-db-fw-site-logo img,
body.home:not(.dark-mode) .ap-site-header .elementor-element-4a39a5d img,
body.home:not(.dark-mode) .ap-site-header a[aria-label="Site Logo"] img,
body.home:not(.dark-mode) .elementor-1199 .elementor-element.elementor-element-4a39a5d img,
body.home:not(.dark-mode) .elementor-element-4a39a5d img,
body.page-id-12:not(.dark-mode) .ap-site-header .elementor-widget-db-fw-site-logo img,
body.page-id-12:not(.dark-mode) .ap-site-header .elementor-element-4a39a5d img,
body.page-id-12:not(.dark-mode) .ap-site-header a[aria-label="Site Logo"] img,
body.page-id-12:not(.dark-mode) .elementor-1199 .elementor-element.elementor-element-4a39a5d img,
body.page-id-12:not(.dark-mode) .elementor-element-4a39a5d img {
	filter: brightness(0) saturate(100%) invert(20%) sepia(76%) saturate(1312%) hue-rotate(152deg) brightness(96%) contrast(98%) !important;
}

/* Smart Header Fixed (Scrolling Up) - #014e63 Logo Color in Light Mode Across All Pages */
body:not(.dark-mode) .ap-site-header.smart-header-fixed .elementor-widget-db-fw-site-logo img,
body:not(.dark-mode) .ap-site-header.smart-header-fixed .elementor-element-4a39a5d img,
body:not(.dark-mode) .ap-site-header.smart-header-fixed a[aria-label="Site Logo"] img,
body:not(.dark-mode) .ap-site-header.smart-header-fixed .elementor-1199 .elementor-element.elementor-element-4a39a5d img,
body:not(.dark-mode) .ap-site-header.smart-header-fixed .elementor-element-4a39a5d img,
html:not(.dark-mode) .ap-site-header.smart-header-fixed .elementor-widget-db-fw-site-logo img,
html:not(.dark-mode) .ap-site-header.smart-header-fixed .elementor-element-4a39a5d img,
html:not(.dark-mode) .ap-site-header.smart-header-fixed a[aria-label="Site Logo"] img,
html:not(.dark-mode) .ap-site-header.smart-header-fixed .elementor-1199 .elementor-element.elementor-element-4a39a5d img,
html:not(.dark-mode) .ap-site-header.smart-header-fixed .elementor-element-4a39a5d img {
	filter: brightness(0) saturate(100%) invert(20%) sepia(76%) saturate(1312%) hue-rotate(152deg) brightness(96%) contrast(98%) !important;
}

/* Smart Header Fixed (Scrolling Up) - #014e63 Get Connected Button & White Text in Light Mode Across ALL Pages */
body:not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-pill-btn,
body:not(.dark-mode) .ap-site-header.smart-header-fixed a.header-contact-pill-btn,
body:not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-btn-wrapper .header-contact-pill-btn,
body:not(.home):not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-pill-btn,
body:not(.home):not(.dark-mode) .ap-site-header.smart-header-fixed a.header-contact-pill-btn,
body:not(.home):not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-btn-wrapper .header-contact-pill-btn,
body:not(.home):not(.page-id-12):not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-pill-btn,
body:not(.home):not(.page-id-12):not(.dark-mode) .ap-site-header.smart-header-fixed a.header-contact-pill-btn,
body:not(.home):not(.page-id-12):not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-btn-wrapper .header-contact-pill-btn,
html:not(.dark-mode) body .ap-site-header.smart-header-fixed .header-contact-pill-btn,
html:not(.dark-mode) body .ap-site-header.smart-header-fixed a.header-contact-pill-btn,
html:not(.dark-mode) body .ap-site-header.smart-header-fixed .header-contact-btn-wrapper .header-contact-pill-btn {
	background-color: #014e63 !important;
	background: #014e63 !important;
	color: #ffffff !important;
	border: 1px solid #014e63 !important;
	box-shadow: 0 6px 20px rgba(1, 78, 99, 0.25) !important;
}

body:not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-pill-btn:hover,
body:not(.dark-mode) .ap-site-header.smart-header-fixed a.header-contact-pill-btn:hover,
body:not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-btn-wrapper .header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12):not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12):not(.dark-mode) .ap-site-header.smart-header-fixed a.header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12):not(.dark-mode) .ap-site-header.smart-header-fixed .header-contact-btn-wrapper .header-contact-pill-btn:hover,
html:not(.dark-mode) body .ap-site-header.smart-header-fixed .header-contact-pill-btn:hover,
html:not(.dark-mode) body .ap-site-header.smart-header-fixed a.header-contact-pill-btn:hover,
html:not(.dark-mode) body .ap-site-header.smart-header-fixed .header-contact-btn-wrapper .header-contact-pill-btn:hover {
	background-color: #ffffff !important;
	background: #ffffff !important;
	color: #014e63 !important;
	border: 2px solid #014e63 !important;
	border-color: #014e63 !important;
	box-shadow: 0 10px 25px rgba(1, 78, 99, 0.25) !important;
	transform: translateY(-2px) !important;
}

/* Dark Mode Logo - White Across All Pages */
body.dark-mode .ap-site-header .elementor-widget-db-fw-site-logo img,
html.dark-mode .ap-site-header .elementor-widget-db-fw-site-logo img,
body.dark-mode .ap-site-header .elementor-element-4a39a5d img,
html.dark-mode .ap-site-header .elementor-element-4a39a5d img,
body.dark-mode .ap-site-header a[aria-label="Site Logo"] img,
html.dark-mode .ap-site-header a[aria-label="Site Logo"] img,
body.dark-mode .elementor-1199 .elementor-element.elementor-element-4a39a5d img,
html.dark-mode .elementor-1199 .elementor-element.elementor-element-4a39a5d img,
body.dark-mode .elementor-element-4a39a5d img,
html.dark-mode .elementor-element-4a39a5d img {
	filter: brightness(0) invert(1) !important;
}

/* Center-Top Footer Logo Layout */
.elementor-1552 .elementor-element.elementor-element-97e3a54,
.ap-site-footer .elementor-element-97e3a54 {
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding-top: 80px !important;
	padding-bottom: 60px !important;
	gap: 20px !important;
}

.elementor-1552 .elementor-element.elementor-element-4ae2a89,
.ap-site-footer .elementor-element-4ae2a89 {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	margin: 0 !important;
}

.elementor-1552 .elementor-element.elementor-element-f1a31b0,
.ap-site-footer .elementor-element-f1a31b0 {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	margin: 0 auto !important;
}

.elementor-1552 .elementor-element.elementor-element-f1a31b0 a,
.ap-site-footer .elementor-element-f1a31b0 a {
	display: inline-block !important;
	margin: 0 auto !important;
	text-align: center !important;
}

.elementor-1552 .elementor-element.elementor-element-f1a31b0 img,
.ap-site-footer .elementor-element-f1a31b0 img {
	display: block !important;
	margin: 0 auto !important;
	max-height: 190px !important;
	max-width: 360px !important;
	width: auto !important;
	filter: brightness(0) invert(1) !important;
	-webkit-filter: brightness(0) invert(1) !important;
}

/* Equal Left and Right Alignment for Entire Footer Container */
.elementor-1552 .elementor-element.elementor-element-0aed90f,
.ap-site-footer .elementor-element-0aed90f {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.elementor-1552 .elementor-element-0aed90f > .e-con-inner,
.ap-site-footer .elementor-element-0aed90f > .e-con-inner {
	width: 100% !important;
	max-width: 1350px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
}

.elementor-1552 .elementor-element-e611f1f,
.ap-site-footer .elementor-element-e611f1f {
	width: 100% !important;
	max-width: 1300px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 22px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.elementor-1552 .elementor-element-bd2a4e5,
.ap-site-footer .elementor-element-bd2a4e5,
.elementor-1552 .elementor-element-4531fdc,
.ap-site-footer .elementor-element-4531fdc {
	width: 100% !important;
	max-width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
}

.elementor-element-fa46794,
.elementor-element-f8e56f9 {
	display: none !important;
}

.elementor-1552 .elementor-element-d392c73,
.ap-site-footer .elementor-element-d392c73,
.elementor-1552 .elementor-element-ab5ae22,
.ap-site-footer .elementor-element-ab5ae22 {
	width: 100% !important;
}

.elementor-1552 .elementor-element-d392c73 .elementor-icon-list-items,
.ap-site-footer .elementor-element-d392c73 .elementor-icon-list-items,
.elementor-1552 .elementor-element-ab5ae22 .elementor-icon-list-items,
.ap-site-footer .elementor-element-ab5ae22 .elementor-icon-list-items {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 auto !important;
	list-style: none !important;
}

.elementor-1552 .elementor-element-d392c73 .elementor-icon-list-item,
.ap-site-footer .elementor-element-d392c73 .elementor-icon-list-item,
.elementor-1552 .elementor-element-ab5ae22 .elementor-icon-list-item,
.ap-site-footer .elementor-element-ab5ae22 .elementor-icon-list-item {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0 22px !important;
	margin: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.elementor-1552 .elementor-element-d392c73 .elementor-icon-list-item:last-child,
.ap-site-footer .elementor-element-d392c73 .elementor-icon-list-item:last-child,
.elementor-1552 .elementor-element-ab5ae22 .elementor-icon-list-item:last-child,
.ap-site-footer .elementor-element-ab5ae22 .elementor-icon-list-item:last-child {
	border-right: none !important;
}

/* Footer Center-Aligned Social Icons (Instagram, Facebook, LinkedIn) */
.footer-social-icons-row {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 20px !important;
	margin-top: 28px !important;
	width: 100% !important;
}

/* Footer Social Icon Buttons (Universal & Mode-Specific) */
.footer-social-icons-row {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
	margin-top: 16px !important;
}

.footer-social-icon-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	border-radius: 50% !important;
	text-decoration: none !important;
	transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
	cursor: pointer !important;
}

.footer-social-icon-btn svg {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	display: block !important;
	fill: currentColor !important;
	transition: transform 0.35s ease !important;
}

body:not(.dark-mode) .footer-social-icon-btn,
body:not(.dark-mode) .elementor-1552 .footer-social-icon-btn,
body:not(.dark-mode) footer .footer-social-icon-btn,
html:not(.dark-mode) .footer-social-icon-btn,
html:not(.dark-mode) .elementor-1552 .footer-social-icon-btn,
html:not(.dark-mode) footer .footer-social-icon-btn {
	background: #FFFFFF !important;
	border: 1.5px solid rgba(1, 78, 99, 0.25) !important;
	color: #014e63 !important;
	box-shadow: 0 6px 18px rgba(1, 78, 99, 0.15), 0 0 12px rgba(0, 197, 168, 0.12) !important;
}

body:not(.dark-mode) .footer-social-icon-btn svg,
body:not(.dark-mode) .footer-social-icon-btn svg path,
body:not(.dark-mode) .elementor-1552 .footer-social-icon-btn svg,
body:not(.dark-mode) .elementor-1552 .footer-social-icon-btn svg path,
body:not(.dark-mode) footer .footer-social-icon-btn svg,
body:not(.dark-mode) footer .footer-social-icon-btn svg path,
html:not(.dark-mode) .footer-social-icon-btn svg,
html:not(.dark-mode) .footer-social-icon-btn svg path,
html:not(.dark-mode) .elementor-1552 .footer-social-icon-btn svg,
html:not(.dark-mode) .elementor-1552 .footer-social-icon-btn svg path,
html:not(.dark-mode) footer .footer-social-icon-btn svg,
html:not(.dark-mode) footer .footer-social-icon-btn svg path {
	fill: #014e63 !important;
	color: #014e63 !important;
}

body:not(.dark-mode) .footer-social-icon-btn:hover,
body:not(.dark-mode) .elementor-1552 .footer-social-icon-btn:hover,
body:not(.dark-mode) footer .footer-social-icon-btn:hover,
html:not(.dark-mode) .footer-social-icon-btn:hover,
html:not(.dark-mode) .elementor-1552 .footer-social-icon-btn:hover,
html:not(.dark-mode) footer .footer-social-icon-btn:hover {
	background: linear-gradient(135deg, #014e63, #00c5a8) !important;
	color: #FFFFFF !important;
	border-color: #00c5a8 !important;
	transform: translateY(-4px) scale(1.08) !important;
	box-shadow: 0 10px 25px rgba(0, 197, 168, 0.45), 0 0 20px rgba(0, 197, 168, 0.35) !important;
}

body:not(.dark-mode) .footer-social-icon-btn:hover svg,
body:not(.dark-mode) .footer-social-icon-btn:hover svg path,
body:not(.dark-mode) .elementor-1552 .footer-social-icon-btn:hover svg,
body:not(.dark-mode) .elementor-1552 .footer-social-icon-btn:hover svg path,
body:not(.dark-mode) footer .footer-social-icon-btn:hover svg,
body:not(.dark-mode) footer .footer-social-icon-btn:hover svg path,
html:not(.dark-mode) .footer-social-icon-btn:hover svg,
html:not(.dark-mode) .footer-social-icon-btn:hover svg path,
html:not(.dark-mode) .elementor-1552 .footer-social-icon-btn:hover svg,
html:not(.dark-mode) .elementor-1552 .footer-social-icon-btn:hover svg path,
html:not(.dark-mode) footer .footer-social-icon-btn:hover svg,
html:not(.dark-mode) footer .footer-social-icon-btn:hover svg path {
	fill: #FFFFFF !important;
	color: #FFFFFF !important;
}

body:not(.dark-mode) .footer-social-icon-btn[aria-label="Instagram"]:hover {
	background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045) !important;
	border-color: #fd1d1d !important;
	box-shadow: 0 10px 25px rgba(253, 29, 29, 0.45), 0 0 20px rgba(253, 29, 29, 0.35) !important;
}

body:not(.dark-mode) .footer-social-icon-btn[aria-label="Facebook"]:hover {
	background: linear-gradient(135deg, #1877f2, #0056b3) !important;
	border-color: #1877f2 !important;
	box-shadow: 0 10px 25px rgba(24, 119, 242, 0.45), 0 0 20px rgba(24, 119, 242, 0.35) !important;
}

body:not(.dark-mode) .footer-social-icon-btn[aria-label="LinkedIn"]:hover {
	background: linear-gradient(135deg, #0a66c2, #004182) !important;
	border-color: #0a66c2 !important;
	box-shadow: 0 10px 25px rgba(10, 102, 194, 0.45), 0 0 20px rgba(10, 102, 194, 0.35) !important;
}

body:not(.dark-mode) .footer-social-icon-btn[aria-label="Google Business"]:hover {
	background: linear-gradient(135deg, #4285F4, #34A853) !important;
	border-color: #4285F4 !important;
	box-shadow: 0 10px 25px rgba(66, 133, 244, 0.45), 0 0 20px rgba(66, 133, 244, 0.35) !important;
}

/* Dark Mode Footer Social Links Visibility & Glow */
body.dark-mode footer a,
html.dark-mode footer a,
body.dark-mode .elementor-icon-list-text,
html.dark-mode .elementor-icon-list-text,
body.dark-mode .elementor-icon-list-item a,
html.dark-mode .elementor-icon-list-item a {
	color: rgba(255, 255, 255, 0.85) !important;
	transition: all 0.3s ease !important;
}

body.dark-mode footer a:hover,
html.dark-mode footer a:hover,
body.dark-mode .elementor-icon-list-item a:hover .elementor-icon-list-text,
html.dark-mode .elementor-icon-list-item a:hover .elementor-icon-list-text {
	color: #00c5a8 !important;
	text-shadow: 0 0 12px rgba(0, 197, 168, 0.6) !important;
}

body.dark-mode .footer-social-icon-btn,
html.dark-mode .footer-social-icon-btn {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(18, 22, 28, 0.85) !important;
	background-color: rgba(18, 22, 28, 0.85) !important;
	border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
	color: #ffffff !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), 0 0 15px rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .footer-social-icon-btn svg,
html.dark-mode .footer-social-icon-btn svg {
	fill: #ffffff !important;
}

body.dark-mode .footer-social-icon-btn:hover,
html.dark-mode .footer-social-icon-btn:hover {
	background: linear-gradient(135deg, #014e63, #00c5a8) !important;
	color: #ffffff !important;
	border-color: #00c5a8 !important;
	transform: translateY(-4px) scale(1.08) !important;
	box-shadow: 0 0 25px rgba(0, 197, 168, 0.8), 0 10px 25px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode .footer-social-icon-btn[aria-label="Instagram"]:hover,
html.dark-mode .footer-social-icon-btn[aria-label="Instagram"]:hover {
	background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045) !important;
	border-color: #fd1d1d !important;
	box-shadow: 0 0 25px rgba(253, 29, 29, 0.8), 0 10px 25px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode .footer-social-icon-btn[aria-label="Facebook"]:hover,
html.dark-mode .footer-social-icon-btn[aria-label="Facebook"]:hover {
	background: linear-gradient(135deg, #1877f2, #0056b3) !important;
	border-color: #1877f2 !important;
	box-shadow: 0 0 25px rgba(24, 119, 242, 0.8), 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .footer-social-icon-btn[aria-label="LinkedIn"]:hover,
html.dark-mode .footer-social-icon-btn[aria-label="LinkedIn"]:hover {
	background: linear-gradient(135deg, #0a66c2, #004182) !important;
	border-color: #0a66c2 !important;
	box-shadow: 0 0 25px rgba(10, 102, 194, 0.8), 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .footer-social-icon-btn[aria-label="Google Business"]:hover,
html.dark-mode .footer-social-icon-btn[aria-label="Google Business"]:hover {
	background: linear-gradient(135deg, #4285F4, #34A853) !important;
	border-color: #4285F4 !important;
	box-shadow: 0 0 25px rgba(66, 133, 244, 0.8), 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

/* Privacy Policy & Website Terms of Use Page Header Background Color */
/* Client Logos Dynamic Color - Light Mode (#014e63) & Dark Mode (#FFFFFF) */
.our-clients-grid img,
body.light-mode .our-clients-grid img,
html.light-mode .our-clients-grid img,
body:not(.dark-mode) .our-clients-grid img {
	filter: drop-shadow(0px 0px 0px #014e63) brightness(0) saturate(100%) invert(20%) sepia(85%) saturate(1450%) hue-rotate(162deg) brightness(92%) contrast(101%) !important;
	mix-blend-mode: normal !important;
	opacity: 0.95 !important;
	transition: filter 0.3s ease, opacity 0.3s ease !important;
}

body.dark-mode .our-clients-grid img,
html.dark-mode .our-clients-grid img {
	filter: brightness(0) invert(1) !important;
	mix-blend-mode: normal !important;
	opacity: 0.95 !important;
}
/* Core Manufacturing Services Layout on Services Page - Side Margins */
.elementor-538 .elementor-element-15397f1 {
	max-width: 1320px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 48px !important;
	padding-right: 48px !important;
	box-sizing: border-box !important;
	text-align: left !important;
}

.elementor-538 .elementor-element-15397f1 > .e-con-inner,
.elementor-538 .elementor-element-15397f1 .elementor-element-2c4c80c,
.elementor-538 .elementor-element-15397f1 .elementor-element-0001770,
.elementor-538 .elementor-element-15397f1 .elementor-element-14cf343,
.elementor-538 .elementor-element-15397f1 .elementor-element-5abb821 {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: center !important;
}

.elementor-538 .elementor-element-14cf343 .elementor-heading-title,
.elementor-538 .elementor-element-14cf343 h2 {
	font-size: 38px !important;
	line-height: 1.25em !important;
	text-align: center !important;
}

.elementor-538 .elementor-element-5abb821 p {
	text-align: center !important;
}

.elementor-538 .elementor-element-8ee2136 {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 50px !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	margin-top: 40px !important;
	margin-bottom: 80px !important;
	padding: 0 40px !important;
	box-sizing: border-box !important;
}

.elementor-538 .elementor-element-8ee2136 > .e-con-child,
.elementor-538 .elementor-element-8ee2136 > #service-1,
.elementor-538 .elementor-element-8ee2136 > #service-2,
.elementor-538 .elementor-element-8ee2136 > #service-3,
.elementor-538 .elementor-element-8ee2136 > #service-4,
.elementor-538 .elementor-element-8ee2136 > #service-5 {
	flex: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	min-height: 650px !important;
	height: 650px !important;
	padding: 80px 40px !important;
	border-radius: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-overlay-content {
	width: 80% !important;
	max-width: 900px !important;
	padding: 40px 60px !important;
	box-sizing: border-box !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-tag {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: #018fa8 !important;
	margin-bottom: 8px !important;
	display: inline-block !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-overlay-title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	line-height: 1.2em !important;
	color: #014e63 !important;
	margin-bottom: 12px !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-overlay-desc {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.6em !important;
	color: #014e63 !important;
	margin-bottom: 16px !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-features span {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}

.elementor-538 .elementor-element-8ee2136 .service-card-link-btn {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	color: #018fa8 !important;
}

.elementor-538 .elementor-element-8ee2136 .elementor-widget-heading,
.elementor-538 .elementor-element-8ee2136 .elementor-heading-title,
.elementor-538 .elementor-element-8ee2136 .elementor-widget-text-editor,
.elementor-538 .elementor-element-8ee2136 p:not(.service-card-overlay-desc),
.elementor-538 .elementor-element-8ee2136 .elementor-widget-db-fw-svg-path-animation,
.elementor-538 .elementor-element-8ee2136 .db-svg-path-animation {
	display: none !important;
}

.elementor-538 .elementor-element-8ee2136 .db-svg-path-animation svg {
	width: 56px !important;
	height: 56px !important;
}

.elementor-538 .elementor-element-8ee2136 .db-svg-path-animation svg path,
.elementor-538 .elementor-element-8ee2136 .db-svg-path-animation svg .cls-1 {
	stroke: #ffffff !important;
	stroke-width: 0.6px !important;
}

/* Header Background Strip - Fully Transparent in Light and Dark Mode */
header,
.ap-site-header,
.elementor-1199,
.elementor-element-07b57e6,
body:not(.dark-mode) header,
body:not(.dark-mode) .ap-site-header,
body:not(.dark-mode) .elementor-1199,
body:not(.dark-mode) .elementor-element-07b57e6,
body.light-mode header,
body.light-mode .ap-site-header,
body.light-mode .elementor-1199,
body.light-mode .elementor-element-07b57e6,
html:not(.dark-mode) header,
html:not(.dark-mode) .ap-site-header,
html:not(.dark-mode) .elementor-1199,
html:not(.dark-mode) .elementor-element-07b57e6,
body.dark-mode header,
body.dark-mode .ap-site-header,
body.dark-mode .elementor-1199,
body.dark-mode .elementor-element-07b57e6,
html.dark-mode header,
html.dark-mode .ap-site-header,
html.dark-mode .elementor-1199,
html.dark-mode .elementor-element-07b57e6 {
	background-color: transparent !important;
	background: transparent !important;
}

.elementor-page-1914 .elementor-element.elementor-element-a8106c9,
.elementor-page-1914 .elementor-element.elementor-element-a8106c9:not(.elementor-motion-effects-element-type-background),
.elementor-page-1914 .elementor-element.elementor-element-a8106c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-page-1930 .elementor-element.elementor-element-0683cd0,
.elementor-page-1930 .elementor-element.elementor-element-0683cd0:not(.elementor-motion-effects-element-type-background),
.elementor-page-1930 .elementor-element.elementor-element-0683cd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #014e63 !important;
}

/* Remove Neumorphic Shadow from Theme Toggle Button (Light Mode) */
.header-theme-toggle-btn,
.header-theme-toggle-btn:hover,
body:not(.home) .header-theme-toggle-btn,
body:not(.home) .header-theme-toggle-btn:hover {
	box-shadow: none !important;
}

/* Privacy Policy & Website Terms of Use Content Styling */
.elementor-page-1914 .privacy-policy-body-content,
.elementor-page-1914 .privacy-policy-body-content p,
.elementor-page-1914 .privacy-policy-body-content h3,
.elementor-page-1914 .privacy-policy-body-content li,
.elementor-page-1914 .privacy-policy-body-content strong,
.elementor-page-1914 .privacy-policy-body-content span,
.elementor-page-1930 .privacy-policy-body-content,
.elementor-page-1930 .privacy-policy-body-content p,
.elementor-page-1930 .privacy-policy-body-content h3,
.elementor-page-1930 .privacy-policy-body-content li,
.elementor-page-1930 .privacy-policy-body-content strong,
.elementor-page-1930 .privacy-policy-body-content span {
	color: #014e63 !important;
}

body.dark-mode .privacy-policy-body-content,
html.dark-mode .privacy-policy-body-content,
body.dark-mode .privacy-policy-body-content p,
html.dark-mode .privacy-policy-body-content p,
body.dark-mode .privacy-policy-body-content h3,
html.dark-mode .privacy-policy-body-content h3,
body.dark-mode .privacy-policy-body-content li,
html.dark-mode .privacy-policy-body-content li,
body.dark-mode .privacy-policy-body-content strong,
html.dark-mode .privacy-policy-body-content strong {
	color: #FFFFFF !important;
}

body.dark-mode .privacy-policy-body-content a,
html.dark-mode .privacy-policy-body-content a {
	color: #9DECFA !important;
}

body.dark-mode .privacy-policy-body-content div[style*="background"] {
	background: rgba(255, 255, 255, 0.08) !important;
	border-left-color: #9DECFA !important;
}

/* Privacy Policy & Website Terms of Use Headings - 18px DM Sans Bold Uppercase */
.elementor-page-1914 .privacy-policy-body-content h3,
.elementor-page-1914 .privacy-policy-body-content h1,
.elementor-page-1914 .privacy-policy-body-content h2,
.elementor-page-1914 .privacy-policy-body-content h4,
.elementor-page-1930 .privacy-policy-body-content h3,
.elementor-page-1930 .privacy-policy-body-content h1,
.elementor-page-1930 .privacy-policy-body-content h2,
.elementor-page-1930 .privacy-policy-body-content h4 {
	font-family: "DM Sans", sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	margin-bottom: 12px !important;
}

/* Privacy Policy & Website Terms of Use Body - 18px DM Sans Regular */
.elementor-page-1914 .privacy-policy-body-content p,
.elementor-page-1914 .privacy-policy-body-content li,
.elementor-page-1914 .privacy-policy-body-content span,
.elementor-page-1930 .privacy-policy-body-content p,
.elementor-page-1930 .privacy-policy-body-content li,
.elementor-page-1930 .privacy-policy-body-content span {
	font-family: "DM Sans", sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	line-height: 1.8 !important;
}

/* Privacy Policy & Website Terms of Use Container Side Margins & Padding */
.elementor-page-1914 .elementor-element-0f437f0,
.elementor-page-1930 .elementor-element-0f437f0,
.elementor-page-1914 .elementor-element-0683cd0,
.elementor-page-1930 .elementor-element-0683cd0,
.elementor-page-1914 .elementor-element-a8106c9,
.elementor-page-1930 .elementor-element-a8106c9 {
	padding-left: 6% !important;
	padding-right: 6% !important;
	box-sizing: border-box !important;
}

.elementor-page-1914 .privacy-policy-body-content,
.elementor-page-1930 .privacy-policy-body-content {
	max-width: 1100px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
}

/* Subpages (Every Page Except Homepage) - "Get Connected" Button Hover */
body:not(.home):not(.page-id-12) .header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12) a.header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12) .header-contact-btn-wrapper .header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12) header .header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12) .ap-site-header .header-contact-pill-btn:hover,
body:not(.home):not(.page-id-12) .ap-site-header a.header-contact-pill-btn:hover {
	background-color: transparent !important;
	background: transparent !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
	border-color: #ffffff !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
	transform: translateY(-2px) !important;
}

/* Page Hero Banner Headings Across Every Page - 90px DM Sans Bold */
body:not(.home) .elementor > .e-parent:first-child .elementor-widget-heading .elementor-heading-title,
body:not(.home) .elementor > .e-parent:first-of-type .elementor-widget-heading .elementor-heading-title,
body:not(.home) .elementor-element-7d8d115 .elementor-heading-title,
body:not(.home) .elementor-element-d5bd3fd .elementor-heading-title,
body:not(.home) .elementor-element-444cb7c .elementor-heading-title,
body:not(.home) .elementor-element-15104d4 .elementor-heading-title,
body:not(.home) .elementor-element-d31bdc4 .elementor-heading-title,
body:not(.home) .elementor-element-824147c .elementor-heading-title,
body:not(.home) .elementor-element-bed5a1c .elementor-heading-title,
body:not(.home) .elementor-element-be25553 .elementor-heading-title {
	font-family: "DM Sans", sans-serif !important;
	font-size: 90px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
}

@media (max-width: 1200px) {
	body:not(.home) .elementor > .e-parent:first-child .elementor-widget-heading .elementor-heading-title,
	body:not(.home) .elementor > .e-parent:first-of-type .elementor-widget-heading .elementor-heading-title,
	body:not(.home) .elementor-element-7d8d115 .elementor-heading-title,
	body:not(.home) .elementor-element-d5bd3fd .elementor-heading-title,
	body:not(.home) .elementor-element-444cb7c .elementor-heading-title,
	body:not(.home) .elementor-element-15104d4 .elementor-heading-title,
	body:not(.home) .elementor-element-d31bdc4 .elementor-heading-title,
	body:not(.home) .elementor-element-824147c .elementor-heading-title,
	body:not(.home) .elementor-element-bed5a1c .elementor-heading-title {
		font-size: 60px !important;
	}
}

@media (max-width: 767px) {
	body:not(.home) .elementor > .e-parent:first-child .elementor-widget-heading .elementor-heading-title,
	body:not(.home) .elementor > .e-parent:first-of-type .elementor-widget-heading .elementor-heading-title,
	body:not(.home) .elementor-element-7d8d115 .elementor-heading-title,
	body:not(.home) .elementor-element-d5bd3fd .elementor-heading-title,
	body:not(.home) .elementor-element-444cb7c .elementor-heading-title,
	body:not(.home) .elementor-element-15104d4 .elementor-heading-title,
	body:not(.home) .elementor-element-d31bdc4 .elementor-heading-title,
	body:not(.home) .elementor-element-824147c .elementor-heading-title,
	body:not(.home) .elementor-element-bed5a1c .elementor-heading-title {
		font-size: 40px !important;
	}
}

/* Floating WhatsApp Button (Right Bottom) */
.whatsapp-float-btn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	background-color: #25d366;
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 18px rgba(37, 211, 102, 0.4), 0 2px 10px rgba(0, 0, 0, 0.15);
	z-index: 99999;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	text-decoration: none;
	cursor: pointer;
	animation: whatsapp-pulse 2.5s infinite;
}

.whatsapp-float-btn:hover {
	background-color: #20ba5a;
	transform: scale(1.1) translateY(-3px);
	box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6), 0 4px 15px rgba(0, 0, 0, 0.2);
}

.whatsapp-float-btn:active {
	transform: scale(0.95);
}

/* Floating WhatsApp Button - Dark Mode Liquid Glass Effect */
body.dark-mode .whatsapp-float-btn,
html.dark-mode .whatsapp-float-btn {
	background: linear-gradient(135deg, rgba(37, 211, 102, 0.45) 0%, rgba(37, 211, 102, 0.15) 100%), rgba(18, 22, 28, 0.6) !important;
	background-color: rgba(18, 22, 28, 0.6) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	color: #25d366 !important;
	border: 1px solid rgba(37, 211, 102, 0.4) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 15px rgba(37, 211, 102, 0.25) !important;
	animation: whatsapp-pulse-dark 2.5s infinite !important;
}

body.dark-mode .whatsapp-float-btn svg,
html.dark-mode .whatsapp-float-btn svg {
	fill: #25d366 !important;
	color: #25d366 !important;
}

body.dark-mode .whatsapp-float-btn:hover,
html.dark-mode .whatsapp-float-btn:hover {
	background: linear-gradient(135deg, rgba(37, 211, 102, 0.65) 0%, rgba(37, 211, 102, 0.25) 100%), rgba(18, 22, 28, 0.75) !important;
	background-color: rgba(18, 22, 28, 0.75) !important;
	backdrop-filter: blur(20px) saturate(200%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(200%) !important;
	color: #25d366 !important;
	border-color: rgba(37, 211, 102, 0.7) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 0 25px rgba(37, 211, 102, 0.45) !important;
	transform: scale(1.1) translateY(-3px) !important;
}

@keyframes whatsapp-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
	}
	70% {
		box-shadow: 0 0 0 16px rgba(37, 211, 102, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	}
}

@keyframes whatsapp-pulse-dark {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	}
	70% {
		box-shadow: 0 0 0 16px rgba(37, 211, 102, 0), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	}
}

@media (max-width: 767px) {
	.whatsapp-float-btn {
		bottom: 20px;
		right: 20px;
		width: 52px;
		height: 52px;
	}
	.whatsapp-float-btn svg {
		width: 24px;
		height: 24px;
	}
}

/* Solutions Section Images (Services Page) - Remove White Shadow & Glow */
.elementor-element-905ea88 img,
.elementor-element-2612fc6 img,
.elementor-element-1fb50fb img,
.elementor-element-a006c3f img,
.elementor-element-2612fc6,
.elementor-element-1fb50fb,
.elementor-element-a006c3f,
.elementor-element-613b9e5 img,
.elementor-element-7b83bae img,
.elementor-element-613b9e5 .elementor-widget-image,
.elementor-element-7b83bae .elementor-widget-image,
.elementor-element-905ea88 .elementor-widget-image,
.elementor-element-905ea88 *,
.elementor-538 img,
.elementor-538 .elementor-widget-image,
.elementor-538 .elementor-widget-image img,
body.dark-mode .elementor-538 img,
body.dark-mode .elementor-538 .elementor-widget-image img,
html.dark-mode .elementor-538 img,
html.dark-mode .elementor-538 .elementor-widget-image img,
body.dark-mode .elementor-element-905ea88 img,
body.dark-mode .elementor-element-2612fc6 img,
body.dark-mode .elementor-element-1fb50fb img,
body.dark-mode .elementor-element-a006c3f img,
body.dark-mode .elementor-element-2612fc6,
body.dark-mode .elementor-element-1fb50fb,
body.dark-mode .elementor-element-a006c3f,
body.dark-mode .elementor-element-613b9e5 img,
body.dark-mode .elementor-element-7b83bae img,
body.dark-mode .elementor-element-905ea88 *,
html.dark-mode .elementor-element-905ea88 img,
html.dark-mode .elementor-element-2612fc6 img,
html.dark-mode .elementor-element-1fb50fb img,
html.dark-mode .elementor-element-a006c3f img,
html.dark-mode .elementor-element-905ea88 *,
.elementor-widget-image img,
.elementor-widget-image .elementor-widget-container,
body.dark-mode .elementor-widget-image img,
body.dark-mode .elementor-widget-image .elementor-widget-container {
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
	filter: none !important;
	drop-shadow: none !important;
	-webkit-filter: none !important;
	-webkit-box-shadow: none !important;
}

.elementor-element-2612fc6:before,
.elementor-element-2612fc6:after,
.elementor-element-1fb50fb:before,
.elementor-element-1fb50fb:after,
.elementor-element-a006c3f:before,
.elementor-element-a006c3f:after,
body.dark-mode .elementor-element-2612fc6:before,
body.dark-mode .elementor-element-2612fc6:after,
body.dark-mode .elementor-element-1fb50fb:before,
body.dark-mode .elementor-element-1fb50fb:after,
body.dark-mode .elementor-element-a006c3f:before,
body.dark-mode .elementor-element-a006c3f:after {
	display: none !important;
	box-shadow: none !important;
	content: none !important;
}

/* Hide Solutions sub-label text */
.elementor-element-587247e {
	display: none !important;
}

/* Solutions Main Heading Typography - DM Sans Bold Uppercase 38px */
.elementor-element-385665f {
	margin-bottom: 12px !important;
}
.elementor-element-385665f .elementor-heading-title {
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 38px !important;
	line-height: 1.3em !important;
	letter-spacing: 0.5px !important;
}

/* Services Page (.elementor-538) - Potential Services Section Background (Matches Upper Solutions Section Color) */
.elementor-538 .elementor-element.elementor-element-119cadd,
.elementor-538 .elementor-element.elementor-element-119cadd:not(.elementor-motion-effects-element-type-background),
.elementor-538 .elementor-element.elementor-element-119cadd > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.dark-mode .elementor-538 .elementor-element.elementor-element-119cadd,
html.dark-mode .elementor-538 .elementor-element.elementor-element-119cadd {
	background: transparent !important;
	background-color: transparent !important;
	color: #FFFFFF !important;
}

html.dark-mode .elementor-538 .elementor-element.elementor-element-119cadd .elementor-heading-title,
html.dark-mode .elementor-538 .elementor-element.elementor-element-8d92919 .elementor-heading-title,
html.dark-mode .elementor-538 .elementor-element.elementor-element-93531c2,
html.dark-mode .elementor-538 .elementor-element.elementor-element-93531c2 p,
body.dark-mode .elementor-538 .elementor-element.elementor-element-119cadd .elementor-heading-title,
body.dark-mode .elementor-538 .elementor-element.elementor-element-8d92919 .elementor-heading-title,
body.dark-mode .elementor-538 .elementor-element.elementor-element-93531c2,
body.dark-mode .elementor-538 .elementor-element.elementor-element-93531c2 p {
	color: #FFFFFF !important;
}

/* Accordion Dark Mode on Services Page - Dark Mode Only */
html.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item,
html.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .header,
html.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .details,
body.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item,
body.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .header,
body.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .details {
	background-color: #161B22 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .title,
html.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .details *,
body.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .title,
body.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .details * {
	color: #FFFFFF !important;
}

html.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .icon svg path,
body.dark-mode .elementor-538 .elementor-element.elementor-element-020405b .xelo-accordion-item .icon svg path {
	fill: #FFFFFF !important;
}

/* FAQ section text colors in Dark Mode */
html.dark-mode .elementor-538 .elementor-element.elementor-element-5c6da08 .elementor-heading-title,
html.dark-mode .elementor-538 .elementor-element.elementor-element-31bee8e,
body.dark-mode .elementor-538 .elementor-element.elementor-element-5c6da08 .elementor-heading-title,
body.dark-mode .elementor-538 .elementor-element.elementor-element-31bee8e {
	color: #FFFFFF !important;
}

/* Dark mode glassmorphism for form textareas and inputs */
html.dark-mode .wpcf7-form-control-wrap input,
html.dark-mode .wpcf7-form-control-wrap textarea,
body.dark-mode .wpcf7-form-control-wrap input,
body.dark-mode .wpcf7-form-control-wrap textarea,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="text"],
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="email"],
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="tel"],
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="text"],
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="email"],
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="tel"],
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea {
	background: rgba(255, 255, 255, 0.07) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	color: #FFFFFF !important;
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html.dark-mode .wpcf7-form-control-wrap input:focus,
html.dark-mode .wpcf7-form-control-wrap textarea:focus,
body.dark-mode .wpcf7-form-control-wrap input:focus,
body.dark-mode .wpcf7-form-control-wrap textarea:focus,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="text"]:focus,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="email"]:focus,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="tel"]:focus,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea:focus,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="text"]:focus,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="email"]:focus,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="tel"]:focus,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea:focus {
	background: rgba(255, 255, 255, 0.14) !important;
	border-color: rgba(0, 197, 168, 0.8) !important;
	box-shadow: 0 8px 32px 0 rgba(0, 197, 168, 0.3), 0 0 0 4px rgba(0, 197, 168, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* Contact Page Left-Side Container Dark Mode Text Color */
html.dark-mode .elementor-element-484013d,
html.dark-mode .elementor-element-484013d .elementor-heading-title,
html.dark-mode .elementor-element-484013d p,
html.dark-mode .elementor-element-484013d h3,
html.dark-mode .elementor-element-484013d span,
html.dark-mode .elementor-element-484013d a,
body.dark-mode .elementor-element-484013d,
body.dark-mode .elementor-element-484013d .elementor-heading-title,
body.dark-mode .elementor-element-484013d p,
body.dark-mode .elementor-element-484013d h3,
body.dark-mode .elementor-element-484013d span,
body.dark-mode .elementor-element-484013d a {
	color: #FFFFFF !important;
}

/* Contact Page Form Card & Message Box Dark Mode Glassmorphism Effect */
html.dark-mode .elementor-1616 .elementor-element.elementor-element-20be60c,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-20be60c,
html.dark-mode .elementor-element-9500f66 .elementor-element-20be60c,
body.dark-mode .elementor-element-9500f66 .elementor-element-20be60c {
	background: rgba(255, 255, 255, 0.05) !important;
	backdrop-filter: blur(24px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
	border-radius: 24px !important;
}

html.dark-mode .wpcf7-textarea,
body.dark-mode .wpcf7-textarea,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="text"],
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="email"],
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="tel"],
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="text"],
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="email"],
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input[type="tel"],
html.dark-mode .xelo-contact-form textarea,
body.dark-mode .xelo-contact-form textarea,
html.dark-mode .xelo-contact-form input,
body.dark-mode .xelo-contact-form input {
	background: rgba(255, 255, 255, 0.07) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	color: #FFFFFF !important;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input::placeholder,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea::placeholder,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input::placeholder,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea::placeholder,
html.dark-mode .xelo-contact-form textarea::placeholder,
body.dark-mode .xelo-contact-form textarea::placeholder,
html.dark-mode .xelo-contact-form input::placeholder,
body.dark-mode .xelo-contact-form input::placeholder {
	color: rgba(255, 255, 255, 0.65) !important;
	opacity: 1 !important;
}

html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input:focus,
html.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea:focus,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab .xelo-bk-col input:focus,
body.dark-mode .elementor-1616 .elementor-element.elementor-element-e9e5fab textarea:focus,
html.dark-mode .xelo-contact-form textarea:focus,
body.dark-mode .xelo-contact-form textarea:focus,
html.dark-mode .xelo-contact-form input:focus,
body.dark-mode .xelo-contact-form input:focus {
	background: rgba(255, 255, 255, 0.14) !important;
	border-color: rgba(0, 197, 168, 0.8) !important;
	box-shadow: 0 0 0 4px rgba(0, 197, 168, 0.25), 0 8px 24px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
	outline: none !important;
}

/* Custom Contact Form Styling (Liquid Glass Effect) */
.elementor-1616 .elementor-element.elementor-element-20be60c,
.elementor-element-9500f66 .elementor-element-20be60c {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0.08) 100%), rgba(12, 18, 30, 0.6) !important;
	backdrop-filter: blur(32px) saturate(220%) !important;
	-webkit-backdrop-filter: blur(32px) saturate(220%) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.45) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-radius: 32px !important;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -2px 10px rgba(0, 0, 0, 0.2) !important;
}

/* Inquiry / Contact Box Card Container (Services & Why Us) - Matches Seamlessly with Page Background */
.why-us-inquiry-card,
.services-inquiry-card {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 48px 20px 0 20px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 28px;
	width: 100%;
	box-sizing: border-box;
}

.services-footer-spacer {
	height: 150px !important;
	min-height: 150px !important;
	width: 100% !important;
	display: block !important;
	clear: both !important;
}

.why-us-footer-spacer {
	height: 140px !important;
	min-height: 140px !important;
	width: 100% !important;
	display: block !important;
	clear: both !important;
}

body.dark-mode .why-us-inquiry-card,
html.dark-mode .why-us-inquiry-card,
body.dark-mode .services-inquiry-card,
html.dark-mode .services-inquiry-card {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

body.dark-mode .why-us-inquiry-card h3,
body.dark-mode .why-us-inquiry-card h4,
body.dark-mode .services-inquiry-card h3,
body.dark-mode .services-inquiry-card h4 {
	color: #ffffff !important;
}

body.dark-mode .why-us-inquiry-card p,
body.dark-mode .services-inquiry-card p {
	color: #cbd5e1 !important;
}

.custom-contact-form-wrapper {
	width: 100%;
	padding: 36px 30px;
	background: transparent;
}

.custom-contact-form-wrapper .message-box-heading {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	margin-bottom: 24px !important;
	letter-spacing: 0.5px !important;
	color: #014e63 !important;
}

html.dark-mode .custom-contact-form-wrapper .message-box-heading,
body.dark-mode .custom-contact-form-wrapper .message-box-heading {
	color: #FFFFFF !important;
}

html.dark-mode .custom-contact-form-wrapper p,
body.dark-mode .custom-contact-form-wrapper p {
	color: #94a3b8 !important;
}

.custom-contact-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.custom-contact-form .form-row.two-cols {
	display: flex;
	gap: 20px;
}

.custom-contact-form .form-row.two-cols .form-field {
	flex: 1;
}

.custom-contact-form .form-row.full-width {
	width: 100%;
}

.custom-contact-form .form-row.button-row {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form textarea {
	width: 100% !important;
	padding: 16px 24px !important;
	border-radius: 30px !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
	backdrop-filter: blur(20px) saturate(200%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(200%) !important;
	color: #ffffff !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 16px !important;
	outline: none !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.custom-contact-form textarea {
	border-radius: 22px !important;
	resize: vertical !important;
	min-height: 140px !important;
}

.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder {
	color: rgba(255, 255, 255, 0.55) !important;
	font-weight: 400 !important;
}

.custom-contact-form input:focus,
.custom-contact-form textarea:focus {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.07) 100%) !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
}

.custom-contact-form .custom-submit-btn,
.custom-contact-form button.custom-submit-btn,
button.custom-submit-btn {
	padding: 16px 52px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	border-radius: 50px !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-top: 10px !important;
	background-color: #014e63 !important;
	background: #014e63 !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 12px 28px rgba(1, 78, 99, 0.38) !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.custom-contact-form .custom-submit-btn:hover,
.custom-contact-form button.custom-submit-btn:hover,
button.custom-submit-btn:hover {
	background-color: #ffffff !important;
	background: #ffffff !important;
	color: #014e63 !important;
	border: 2px solid #014e63 !important;
	box-shadow: 0 16px 36px rgba(1, 78, 99, 0.35) !important;
	transform: translateY(-3px) !important;
}

.custom-contact-form .custom-submit-btn:active,
.custom-contact-form button.custom-submit-btn:active,
button.custom-submit-btn:active {
	transform: translateY(0px) !important;
	box-shadow: 0 6px 16px rgba(1, 78, 99, 0.3) !important;
}

/* Light Mode Glassmorphism Support */
body:not(.dark-mode) .elementor-1616 .elementor-element.elementor-element-20be60c,
body:not(.dark-mode) .elementor-element-9500f66 .elementor-element-20be60c {
	background: rgba(255, 255, 255, 0.45) !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	box-shadow: 0 20px 50px rgba(31, 38, 135, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.9) !important;
}

body:not(.dark-mode) .elementor-1616 .elementor-element-484013d,
body:not(.dark-mode) .elementor-1616 .elementor-element-5f8abb0 .elementor-heading-title,
body:not(.dark-mode) .elementor-1616 .elementor-element-4f568c0,
body:not(.dark-mode) .elementor-1616 .elementor-element-4754761 .elementor-icon-box-title,
body:not(.dark-mode) .elementor-1616 .elementor-element-d0f4bfc .elementor-icon-box-title,
body:not(.dark-mode) .elementor-1616 .elementor-icon-box-description,
body:not(.dark-mode) .elementor-1616 .elementor-icon-box-description a {
	color: #014e63 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

body:not(.dark-mode) .custom-contact-form input[type="text"],
body:not(.dark-mode) .custom-contact-form input[type="email"],
body:not(.dark-mode) .custom-contact-form input[type="tel"],
body:not(.dark-mode) .custom-contact-form textarea {
	background: rgba(255, 255, 255, 0.6) !important;
	border: 1px solid rgba(124, 147, 183, 0.3) !important;
	color: #014e63 !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

body:not(.dark-mode) .custom-contact-form input::placeholder,
body:not(.dark-mode) .custom-contact-form textarea::placeholder {
	color: rgba(1, 78, 99, 0.65) !important;
}

body:not(.dark-mode) .custom-contact-form .custom-submit-btn {
	background-color: #014e63 !important;
	background: #014e63 !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 12px 28px rgba(1, 78, 99, 0.38) !important;
}

body:not(.dark-mode) .custom-contact-form .custom-submit-btn:hover {
	background-color: #ffffff !important;
	background: #ffffff !important;
	color: #014e63 !important;
	border: 2px solid #014e63 !important;
	border-color: #014e63 !important;
	box-shadow: 0 16px 36px rgba(1, 78, 99, 0.35) !important;
	transform: translateY(-3px) !important;
}

@media (max-width: 576px) {
	.custom-contact-form .form-row.two-cols {
		flex-direction: column !important;
		gap: 20px !important;
	}
}

/* Footer Link Buttons Typography (Matching Header Pill Font Specs) */
footer .elementor-icon-list-item,
footer .elementor-icon-list-item a,
footer .elementor-icon-list-text,
.elementor-1552 .elementor-icon-list-item,
.elementor-1552 .elementor-icon-list-item a,
.elementor-1552 .elementor-icon-list-text {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #ffffff !important;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
	display: inline-block !important;
}

body.dark-mode footer .elementor-icon-list-item,
body.dark-mode footer .elementor-icon-list-item a,
body.dark-mode footer .elementor-icon-list-text,
body.dark-mode .elementor-1552 .elementor-icon-list-item,
body.dark-mode .elementor-1552 .elementor-icon-list-item a,
body.dark-mode .elementor-1552 .elementor-icon-list-text,
html.dark-mode footer .elementor-icon-list-item,
html.dark-mode footer .elementor-icon-list-item a,
html.dark-mode footer .elementor-icon-list-text,
html.dark-mode .elementor-1552 .elementor-icon-list-item,
html.dark-mode .elementor-1552 .elementor-icon-list-item a,
html.dark-mode .elementor-1552 .elementor-icon-list-text {
	font-weight: 600 !important;
	color: #ffffff !important;
}

/* Comprehensive Lock - NO Color Change on Hover, Focus, Active, or Visited in ANY Mode */
footer a:not(.footer-social-icon-btn),
footer a:not(.footer-social-icon-btn):hover,
footer a:not(.footer-social-icon-btn):focus,
footer a:not(.footer-social-icon-btn):active,
footer a:not(.footer-social-icon-btn):visited,
footer .elementor-icon-list-item,
footer .elementor-icon-list-item:hover,
footer .elementor-icon-list-text,
footer .elementor-icon-list-text:hover,
footer .elementor-icon-list-item:hover a,
footer .elementor-icon-list-item:hover .elementor-icon-list-text,
body.dark-mode footer a:not(.footer-social-icon-btn),
body.dark-mode footer a:not(.footer-social-icon-btn):hover,
body.dark-mode footer a:not(.footer-social-icon-btn):focus,
body.dark-mode footer a:not(.footer-social-icon-btn):active,
body.dark-mode footer a:not(.footer-social-icon-btn):visited,
body.dark-mode footer .elementor-icon-list-item,
body.dark-mode footer .elementor-icon-list-item:hover,
body.dark-mode footer .elementor-icon-list-text,
body.dark-mode footer .elementor-icon-list-text:hover,
body.dark-mode footer .elementor-icon-list-item:hover a,
body.dark-mode footer .elementor-icon-list-item:hover .elementor-icon-list-text,
html.dark-mode footer a:not(.footer-social-icon-btn),
html.dark-mode footer a:not(.footer-social-icon-btn):hover,
html.dark-mode footer a:not(.footer-social-icon-btn):focus,
html.dark-mode footer a:not(.footer-social-icon-btn):active,
html.dark-mode footer a:not(.footer-social-icon-btn):visited,
html.dark-mode footer .elementor-icon-list-item,
html.dark-mode footer .elementor-icon-list-item:hover,
html.dark-mode footer .elementor-icon-list-text,
html.dark-mode footer .elementor-icon-list-text:hover,
html.dark-mode footer .elementor-icon-list-item:hover a,
html.dark-mode footer .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-1552 a:not(.footer-social-icon-btn),
.elementor-1552 a:not(.footer-social-icon-btn):hover,
.elementor-1552 a:not(.footer-social-icon-btn):focus,
.elementor-1552 a:not(.footer-social-icon-btn):active,
.elementor-1552 a:not(.footer-social-icon-btn):visited,
.elementor-1552 .elementor-icon-list-item,
.elementor-1552 .elementor-icon-list-item:hover,
.elementor-1552 .elementor-icon-list-text,
.elementor-1552 .elementor-icon-list-text:hover,
.elementor-1552 .elementor-icon-list-item:hover a,
.elementor-1552 .elementor-icon-list-item:hover .elementor-icon-list-text,
body.dark-mode .elementor-1552 a:not(.footer-social-icon-btn),
body.dark-mode .elementor-1552 a:not(.footer-social-icon-btn):hover,
body.dark-mode .elementor-1552 a:not(.footer-social-icon-btn):focus,
body.dark-mode .elementor-1552 a:not(.footer-social-icon-btn):active,
body.dark-mode .elementor-1552 a:not(.footer-social-icon-btn):visited,
body.dark-mode .elementor-1552 .elementor-icon-list-item,
body.dark-mode .elementor-1552 .elementor-icon-list-item:hover,
body.dark-mode .elementor-1552 .elementor-icon-list-text,
body.dark-mode .elementor-1552 .elementor-icon-list-text:hover,
body.dark-mode .elementor-1552 .elementor-icon-list-item:hover a,
body.dark-mode .elementor-1552 .elementor-icon-list-item:hover .elementor-icon-list-text,
html.dark-mode .elementor-1552 a:not(.footer-social-icon-btn),
html.dark-mode .elementor-1552 a:not(.footer-social-icon-btn):hover,
html.dark-mode .elementor-1552 a:not(.footer-social-icon-btn):focus,
html.dark-mode .elementor-1552 a:not(.footer-social-icon-btn):active,
html.dark-mode .elementor-1552 a:not(.footer-social-icon-btn):visited,
html.dark-mode .elementor-1552 .elementor-icon-list-item,
html.dark-mode .elementor-1552 .elementor-icon-list-item:hover,
html.dark-mode .elementor-1552 .elementor-icon-list-text,
html.dark-mode .elementor-1552 .elementor-icon-list-text:hover,
html.dark-mode .elementor-1552 .elementor-icon-list-item:hover a,
html.dark-mode .elementor-1552 .elementor-icon-list-item:hover .elementor-icon-list-text {
	color: #ffffff !important;
}

footer .elementor-icon-list-item a:hover,
footer .elementor-icon-list-item a:focus,
footer .elementor-icon-list-item a:active,
footer .elementor-icon-list-item:hover a,
footer .elementor-icon-list-item:hover .elementor-icon-list-text,
footer .elementor-icon-list-text:hover,
.elementor-1552 .elementor-icon-list-item a:hover,
.elementor-1552 .elementor-icon-list-item a:focus,
.elementor-1552 .elementor-icon-list-item a:active,
.elementor-1552 .elementor-icon-list-item:hover a,
.elementor-1552 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-1552 .elementor-icon-list-text:hover {
	transform: translateX(8px) !important;
}

footer .elementor-inline-items .elementor-icon-list-item a:hover,
footer .elementor-inline-items .elementor-icon-list-item a:focus,
footer .elementor-inline-items .elementor-icon-list-item a:active,
footer .elementor-inline-items .elementor-icon-list-item:hover a,
footer .elementor-inline-items .elementor-icon-list-item:hover .elementor-icon-list-text,
footer .elementor-inline-items .elementor-icon-list-text:hover,
.elementor-1552 .elementor-inline-items .elementor-icon-list-item a:hover,
.elementor-1552 .elementor-inline-items .elementor-icon-list-item a:focus,
.elementor-1552 .elementor-inline-items .elementor-icon-list-item a:active,
.elementor-1552 .elementor-inline-items .elementor-icon-list-item:hover a,
.elementor-1552 .elementor-inline-items .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-1552 .elementor-inline-items .elementor-icon-list-text:hover {
	transform: translateY(-3px) !important;
}

.footer-social-icon-btn {
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.footer-social-icon-btn:hover {
	transform: translateY(-4px) scale(1.1) !important;
	box-shadow: 0 8px 20px rgba(0, 197, 168, 0.4) !important;
}

/* DM Sans Typography & Color Styling for Work Details (Project Turtle) Page */

/* Top Hero Section Title - DM Sans 90px (Desktop) / 50px (Tablet) / 36px (Mobile), 700 Weight (Bold), White */
.elementor-1458 .elementor-element-8530359 .elementor-heading-title,
.elementor-1458 .elementor-element-d000346 .elementor-heading-title {
	font-family: "DM Sans", sans-serif !important;
	font-size: 90px !important;
	font-weight: 700 !important;
	line-height: 90px !important;
	color: #FFFFFF !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

@media (max-width: 1200px) {
	.elementor-1458 .elementor-element-8530359 .elementor-heading-title,
	.elementor-1458 .elementor-element-d000346 .elementor-heading-title {
		font-size: 50px !important;
		line-height: 60px !important;
	}
}

@media (max-width: 880px) {
	.elementor-1458 .elementor-element-8530359 .elementor-heading-title,
	.elementor-1458 .elementor-element-d000346 .elementor-heading-title {
		font-size: 36px !important;
		line-height: 46px !important;
	}
}

/* Inner Content Headings: Overview, Key Features, Product Specifications, etc. - 38px DM Sans Bold Uppercase */
.elementor-1458 .elementor-element-ad3d3de .elementor-heading-title,
.elementor-1458 .elementor-element-ad3d3de h2 {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 38px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	line-height: 1.25em !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 1rem !important;
}

.elementor-1458 .elementor-element-ad3d3de .elementor-widget-heading {
	margin-bottom: 1rem !important;
}

/* Product Image Gallery Grid (B, C, D, E) maintaining 446px x 552px dimensions - Right Aligned */
.product-gallery-row {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 24px !important;
	margin-bottom: 50px !important;
	width: 100% !important;
}

.product-gallery-item {
	position: relative !important;
	flex: 0 0 auto !important;
	border-radius: 20px !important;
	overflow: hidden !important;
}

/* Curtain Slide Reveal Animation matching Homepage Spacers */
.gallery-slide-overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: #FBEFE1 !important;
	z-index: 3 !important;
	pointer-events: none !important;
	border-radius: 20px !important;
	animation: slideRevealCurtain 1.1s cubic-bezier(0.77, 0, 0.175, 1) forwards !important;
}

body.dark-mode .gallery-slide-overlay,
html.dark-mode .gallery-slide-overlay {
	background-color: #0b2e3a !important;
}

.overlay-delay-1 { animation-delay: 0.1s !important; }
.overlay-delay-2 { animation-delay: 0.25s !important; }
.overlay-delay-3 { animation-delay: 0.4s !important; }
.overlay-delay-4 { animation-delay: 0.55s !important; }
.overlay-delay-5 { animation-delay: 0.7s !important; }

@keyframes slideRevealCurtain {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(101%);
	}
}

.product-gallery-item img {
	width: 446px !important;
	max-width: 100% !important;
	height: 552px !important;
	max-height: 552px !important;
	object-fit: cover !important;
	object-position: center center !important;
	border-radius: 20px !important;
	box-shadow: none !important;
	filter: none !important;
	display: block !important;
}

.product-gallery-item img:hover {
	box-shadow: none !important;
	filter: none !important;
	drop-shadow: none !important;
	outline: none !important;
	transform: scale(1.015) !important;
	transition: transform 0.3s ease !important;
}

@media (max-width: 767px) {
	.product-gallery-row {
		gap: 16px !important;
	}
	.product-gallery-item {
		width: 100% !important;
	}
	.product-gallery-item img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: 450px !important;
	}
}

/* Zero out top-margin on content containers (lists, text-editors) so heading bottom gap is precisely 1rem */
.elementor-1458 .elementor-element-ad3d3de .elementor-widget-icon-list,
.elementor-1458 .elementor-element-ad3d3de .elementor-widget-text-editor {
	margin-top: 0 !important;
}

.elementor-1458 .elementor-element-ad3d3de h3,
.elementor-1458 h3 {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	line-height: 1.3em !important;
	letter-spacing: 0.5px !important;
	margin-top: 25px !important;
	margin-bottom: 10px !important;
}

/* Global & Page-Specific Body Copy Line Height (1.65em) */
p,
body p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-icon-list-text,
.elementor-icon-list-number,
.elementor-icon-list-bullet,
.elementor-1458 p,
.elementor-1458 li,
.elementor-1458 .elementor-widget-text-editor,
.elementor-1458 .elementor-element-ad3d3de p,
.elementor-1458 .elementor-element-ad3d3de li,
.elementor-1458 .elementor-element-ad3d3de .elementor-widget-text-editor,
.elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-text,
.elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-number,
.elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-bullet {
	line-height: 1.65em !important;
}

/* Body Text: Paragraphs, Lists, Text Editor - 18px DM Sans Regular */
.elementor-1458 .elementor-element-ad3d3de p,
.elementor-1458 .elementor-element-ad3d3de li,
.elementor-1458 .elementor-element-ad3d3de .elementor-widget-text-editor,
.elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-text,
.elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-number,
.elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-bullet {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.65em !important;
}

.elementor-1458 .elementor-icon-list-text strong,
.elementor-1458 .elementor-icon-list-number,
.elementor-1458 .elementor-icon-list-bullet,
.elementor-1458 strong {
	font-weight: 700 !important;
}

/* Top-align list bullets, numbers, and text points */
.elementor-1458 .elementor-icon-list-item {
	display: flex !important;
	align-items: flex-start !important;
}

.elementor-1458 .elementor-icon-list-number,
.elementor-1458 .elementor-icon-list-bullet {
	flex-shrink: 0 !important;
	align-self: flex-start !important;
	line-height: 1.65em !important;
}

.elementor-1458 .elementor-icon-list-text {
	align-self: flex-start !important;
	line-height: 1.65em !important;
}

@media (max-width: 767px) {
	.elementor-1458 .elementor-element-ad3d3de .elementor-heading-title,
	.elementor-1458 .elementor-element-ad3d3de h2 {
		font-size: 28px !important;
	}
	.elementor-1458 .elementor-element-ad3d3de h3,
	.elementor-1458 h3 {
		font-size: 20px !important;
	}
	.elementor-1458 .elementor-element-ad3d3de p,
	.elementor-1458 .elementor-element-ad3d3de li {
		font-size: 16px !important;
	}
}

/* Light & Dark Mode Color Overrides for elementor-1458 */
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de,
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de p,
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de h2,
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de h3,
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de .elementor-heading-title,
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de .elementor-widget-text-editor,
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-text,
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-number,
body:not(.dark-mode) .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-bullet {
	color: #014e63 !important;
}

body.dark-mode .elementor-1458,
body.dark-mode .elementor-1458 *,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de p,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de h2,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de h3,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-heading-title,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-widget-text-editor,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-text,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-number,
body.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-bullet,
html.dark-mode .elementor-1458,
html.dark-mode .elementor-1458 *,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de p,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de h2,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de h3,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-heading-title,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-widget-text-editor,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-text,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-number,
html.dark-mode .elementor-1458 .elementor-element-ad3d3de .elementor-icon-list-bullet {
	color: #ffffff !important;
}

/* Overrides for Logo Strip Section Header */
.craft-marquee-heading {
	color: #014e63 !important;
}

body.dark-mode .craft-marquee-heading,
html.dark-mode .craft-marquee-heading {
	color: #ffffff !important;
}

.logo-strip-badge,
body.dark-mode .logo-strip-badge,
html.dark-mode .logo-strip-badge {
	background: none !important;
	background-color: transparent !important;
	color: #ffffff !important;
}

body:not(.dark-mode) .logo-strip-badge {
	color: #018fa8 !important;
}


/* About, Service Detail & Services Page Global Text Color (#014e63 in light mode) */
body:not(.dark-mode) .elementor-538,
body:not(.dark-mode) .elementor-538 p,
body:not(.dark-mode) .elementor-538 .elementor-widget-text-editor,
body:not(.dark-mode) .elementor-538 .elementor-heading-title,
body:not(.dark-mode) .elementor-1182,
body:not(.dark-mode) .elementor-1182 p,
body:not(.dark-mode) .elementor-1182 .elementor-widget-text-editor,
body:not(.dark-mode) .elementor-1182 .elementor-heading-title,
body:not(.dark-mode) .elementor-432,
body:not(.dark-mode) .elementor-432 p,
body:not(.dark-mode) .elementor-432 .elementor-widget-text-editor,
body:not(.dark-mode) .elementor-432 .elementor-heading-title {
	color: #014e63;
}

/* Hero Banner Overrides for About, Services & Detail Pages (White Header & Subtitle) */
.elementor-element-d2e0cdc,
.elementor-element-d2e0cdc *,
.elementor-element-d2e0cdc p,
.elementor-element-d2e0cdc .elementor-heading-title,
.elementor-element-5e166a0,
.elementor-element-5e166a0 *,
.elementor-element-5e166a0 p,
.elementor-element-5e166a0 .elementor-heading-title,
.elementor-element-f032164,
.elementor-element-f032164 *,
.elementor-element-f032164 p,
.elementor-element-f032164 .elementor-heading-title {
	color: #ffffff !important;
}

/* Why Ocean Page Card Interactive Styling */
.why-ocean-card {
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
}

.why-ocean-card:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 16px 36px rgba(1, 78, 99, 0.12) !important;
	border-color: rgba(1, 78, 99, 0.3) !important;
}

body.dark-mode .why-ocean-card {
	background: #141618 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .why-ocean-card h3,
body.dark-mode .why-ocean-card p {
	color: #e5f1f4 !important;
}

body.dark-mode .why-ocean-card svg {
	stroke: #4fd1c5 !important;
}

/* ==========================================================================
   Homepage Blogs Slider Section
   ========================================================================== */
.elementor-element-blogs-section {
	padding: 20px 0 60px 0 !important;
	width: 100% !important;
}

.elementor-element-blogs-section .e-con-inner {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.elementor-element-blogs-section .homepage-blogs-header {
	width: 100% !important;
	display: block !important;
	text-align: center !important;
	margin: 0 auto 35px auto !important;
}

.elementor-element-blogs-section .homepage-blogs-header h2,
.elementor-element-blogs-section .homepage-blogs-header .elementor-heading-title,
.elementor-element-blogs-section h2.elementor-heading-title,
.elementor-element-blogs-section .elementor-heading-title,
.homepage-blogs-heading {
	width: 100% !important;
	text-align: center !important;
	display: block !important;
	margin: 0 auto !important;
	color: #014e63 !important;
}

.homepage-blogs-slider {
	width: 100% !important;
	overflow: hidden !important;
	position: relative !important;
	padding: 10px 4px 30px 4px !important;
}

.homepage-blogs-slider .swiper-wrapper {
	display: flex !important;
	align-items: stretch !important;
}

.homepage-blogs-slider .swiper-slide {
	height: auto !important;
	display: flex !important;
	flex-direction: column !important;
	flex-shrink: 0 !important;
	box-sizing: border-box !important;
}

.homepage-blog-card {
	background: #ffffff !important;
	border: 1.5px solid rgba(1, 78, 99, 0.12) !important;
	border-radius: 24px !important;
	overflow: hidden !important;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	box-shadow: 0 8px 24px rgba(1, 78, 99, 0.04) !important;
}

.homepage-blog-card:hover {
	transform: translateY(-8px) !important;
	box-shadow: 0 20px 40px rgba(1, 78, 99, 0.12) !important;
	border-color: rgba(1, 78, 99, 0.35) !important;
}

.blog-card-img-wrap {
	position: relative !important;
	width: 100% !important;
	height: 260px !important;
	overflow: hidden !important;
}

.homepage-blog-card-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.homepage-blog-card:hover .homepage-blog-card-img {
	transform: scale(1.06) !important;
}

.homepage-blog-badge {
	position: absolute !important;
	top: 14px !important;
	left: 14px !important;
	background: rgba(1, 78, 99, 0.9) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	color: #ffffff !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	padding: 5px 12px !important;
	border-radius: 50px !important;
	z-index: 2 !important;
}

.homepage-blog-card-body {
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
}

.homepage-blog-card-title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 0 12px 0 !important;
	color: #014e63 !important;
}

.homepage-blog-card-title a {
	color: #014e63 !important;
	text-decoration: none !important;
}

.homepage-blog-card-title a:hover {
	color: #014e63 !important;
}

.homepage-blog-card-excerpt {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	color: #555555 !important;
	margin: 0 0 20px 0 !important;
	flex-grow: 1 !important;
}

.homepage-blog-card-footer {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	gap: 10px !important;
	padding-top: 16px !important;
	border-top: 1px solid rgba(1, 78, 99, 0.08) !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 13px !important;
}

.homepage-blog-card-footer .blog-date {
	color: #888888 !important;
	font-weight: 500 !important;
	flex-shrink: 0 !important;
	line-height: 1.4 !important;
}

.homepage-blog-card-footer .blog-link-arrow {
	color: #014e63 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	display: inline-block !important;
	text-align: right !important;
	line-height: 1.4 !important;
}

.homepage-blog-card-footer .blog-link-arrow .arrow-icon {
	display: inline-block !important;
	margin-left: 4px !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.homepage-blog-card-footer .blog-link-arrow:hover .arrow-icon,
.homepage-blog-card:hover .homepage-blog-card-footer .blog-link-arrow .arrow-icon {
	transform: translateX(4px) !important;
}

.blogs-view-all-pill:hover {
	background: #014e63 !important;
	color: #ffffff !important;
}

.blog-swiper-prev:hover,
.blog-swiper-next:hover {
	background: #014e63 !important;
	color: #ffffff !important;
}

/* Dark Mode Blogs Slider */
body.dark-mode .homepage-blog-card {
	background: #151c24 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .homepage-blog-card:hover {
	border-color: rgba(56, 189, 248, 0.35) !important;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .homepage-blog-card-title,
body.dark-mode .homepage-blog-card-title a {
	color: #ffffff !important;
}

body.dark-mode .homepage-blog-card-title a:hover {
	color: #ffffff !important;
}

body.dark-mode .homepage-blog-card-excerpt {
	color: #94a3b8 !important;
}

body.dark-mode .homepage-blog-card-footer {
	border-top-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .homepage-blog-card-footer .blog-date {
	color: #64748b !important;
}

body.dark-mode .homepage-blog-card-footer .blog-link-arrow {
	color: #38bdf8 !important;
}

body.dark-mode .blogs-section-badge {
	color: #38bdf8 !important;
	background: rgba(56, 189, 248, 0.15) !important;
}

body.dark-mode .elementor-element-blogs-section .elementor-heading-title,
html.dark-mode .elementor-element-blogs-section .elementor-heading-title,
body.dark-mode .homepage-blogs-header h2,
html.dark-mode .homepage-blogs-header h2,
body.dark-mode .homepage-blogs-heading,
html.dark-mode .homepage-blogs-heading {
	color: #ffffff !important;
}

body.dark-mode .blogs-view-all-pill {
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .blogs-view-all-pill:hover {
	background: #38bdf8 !important;
	border-color: #38bdf8 !important;
	color: #0b1118 !important;
}

body.dark-mode .blog-swiper-prev,
body.dark-mode .blog-swiper-next {
	background: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
}

body.dark-mode .blog-swiper-prev:hover,
body.dark-mode .blog-swiper-next:hover {
	background: #38bdf8 !important;
	border-color: #38bdf8 !important;
	color: #0b1118 !important;
}

/* ==========================================================================
   ABOUT PAGE (elementor-432) SEAMLESS SECTIONS (Light & Dark Mode)
   ========================================================================== */
.elementor-432 .elementor-element.elementor-element-c6e25c8,
.elementor-432 .elementor-element.elementor-element-3150116 {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.elementor-432 .elementor-element.elementor-element-c6e25c8 {
	padding-top: 80px !important;
	padding-bottom: 20px !important;
}

.elementor-432 .elementor-element.elementor-element-3150116 {
	padding-top: 20px !important;
}

.elementor-432 .elementor-element.elementor-element-8389bba .elementor-heading-title,
.elementor-432 .elementor-element.elementor-element-3c3f4a8 .elementor-heading-title,
.elementor-432 .elementor-element.elementor-element-ec6947f .elementor-heading-title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 38px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	line-height: 1.25em !important;
	letter-spacing: 0.5px !important;
}

.elementor-432 .elementor-element.elementor-element-45d2422 p,
.elementor-432 .elementor-element.elementor-element-a4ba7c1 p,
.elementor-432 .elementor-element.elementor-element-2bc7fd0 p {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.7em !important;
}

/* LIGHT MODE COLORS */
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-c6e25c8,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-3150116,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-3150116:not(.elementor-motion-effects-element-type-background),
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-3150116 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-32cfed1,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-d0c4b18 {
	background-color: #ffffff !important;
	background: #ffffff !important;
}

body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-8389bba .elementor-heading-title,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-3c3f4a8 .elementor-heading-title,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-ec6947f .elementor-heading-title,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-45d2422 p,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-a4ba7c1 p,
body:not(.dark-mode) .elementor-432 .elementor-element.elementor-element-2bc7fd0 p {
	color: #014e63 !important;
}

/* DARK MODE UNIFIED BACKGROUND & TYPOGRAPHY */
body.dark-mode .elementor-432 .elementor-element.elementor-element-c6e25c8,
body.dark-mode .elementor-432 .elementor-element.elementor-element-3150116,
body.dark-mode .elementor-432 .elementor-element.elementor-element-3150116:not(.elementor-motion-effects-element-type-background),
body.dark-mode .elementor-432 .elementor-element.elementor-element-3150116 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.dark-mode .elementor-432 .elementor-element.elementor-element-32cfed1,
body.dark-mode .elementor-432 .elementor-element.elementor-element-d0c4b18,
body.dark-mode .elementor-432 .elementor-element.elementor-element-229b6ac,
body.dark-mode .elementor-432 .elementor-element.elementor-element-eb2139c,
html.dark-mode .elementor-432 .elementor-element.elementor-element-c6e25c8,
html.dark-mode .elementor-432 .elementor-element.elementor-element-3150116 {
	background-color: #0f172a !important;
	background: #0f172a !important;
	border: none !important;
	box-shadow: none !important;
}

body.dark-mode .elementor-432 .elementor-element.elementor-element-8389bba .elementor-heading-title,
body.dark-mode .elementor-432 .elementor-element.elementor-element-3c3f4a8 .elementor-heading-title,
body.dark-mode .elementor-432 .elementor-element.elementor-element-ec6947f .elementor-heading-title {
	color: #ffffff !important;
}

body.dark-mode .elementor-432 .elementor-element.elementor-element-45d2422 p,
body.dark-mode .elementor-432 .elementor-element.elementor-element-a4ba7c1 p,
body.dark-mode .elementor-432 .elementor-element.elementor-element-2bc7fd0 p {
	color: #cbd5e1 !important;
}