/* Base Dark Background */
html,
body,
.body {
	background-color: var(--dark) !important;
}

/* Header & Footer KTI Dark Styling */
#header .header-body,
html #header.header-transparent .header-body,
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body,
html.sticky-header-active #header.header-transparent .header-body,
html.sticky-header-active #header .header-body {
	background-color: var(--dark) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#header .header-nav-main nav > ul > li > a {
	color: var(--light) !important;
}

#header .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main nav > ul > li > a.active {
	color: var(--secondary) !important;
}

#header .header-btn-collapse-nav {
	color: var(--light) !important;
}

#footer,
#footer.bg-dark,
footer#footer {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background-color: var(--dark) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: var(--light);
	overflow: hidden;
}

#footer .footer-copyright {
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.service-phase {
	position: relative;
	background: #ffffff;
	border-top: 4px solid var(--phase-color);
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(11, 45, 58, 0.08);
}

.service-phase-blue { --phase-color: #1268b3; }
.service-phase-green { --phase-color: #17854b; }
.service-phase-orange { --phase-color: #ef5b24; }
.service-phase-purple { --phase-color: #5d38c9; }
.service-phase-yellow { --phase-color: #c68a00; }
.service-phase-teal { --phase-color: #079eae; }

.service-phase-heading {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 44px;
	margin-bottom: 18px;
}

.service-phase-icon {
	flex: 0 0 auto;
	color: var(--phase-color);
	font-size: 28px;
}

.service-phase h3 { color: var(--phase-color); }
.service-phase p { min-height: 48px; }
.service-phase ul { margin: 0; padding-left: 18px; color: #5d7383; font-size: 13px; line-height: 1.65; }
.service-phase li { padding-left: 3px; margin-bottom: 5px; }

@media (max-width: 767px) {
	.service-phase p { min-height: 0; }
}

.custom-contact-content {
	background: #ffffff;
	box-shadow: 0 12px 36px rgba(11, 45, 58, 0.08);
}

.contact-label {
	display: block;
	margin-bottom: 6px;
	color: #788b95;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.contact-value {
	display: block;
	color: var(--dark);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.55;
	text-decoration: none;
}

a.contact-value:hover { color: var(--primary); }

.contact-location {
	min-height: 370px;
	background: linear-gradient(145deg, rgba(57, 195, 188, 0.12), rgba(11, 45, 58, 0.05));
	border-left: 4px solid var(--secondary);
}