/* ===================================================================
   ZEQON TECHNOLOGIES - custom overrides on top of the base theme
   =================================================================== */

/* Flat, plain footer background (Meritto-style) - the theme's decorative
   wave/blob graphic (assets/img/bg/footer.png) has been removed. */
.footer {
	background-color: #1b2032;
	background-image: none;
	padding-top: 50px;
}
/* The theme padded these 160px from the top to clear the wave graphic above -
   with that graphic gone, that padding was just dead empty space. */
.footer_logo,
.single_footer {
	padding-top: 0;
}

/* Keep the header white at all times (not just once scrolled) - the theme
   only styled the "is-sticky" (scrolled) state as white/opaque; before that,
   it was fully transparent over the hero image. */
.sticky-wrapper .site-navbar {
	background: #fff;
	border-bottom: 1px solid transparent;
	box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
}
.sticky-wrapper .site-navbar .site-menu-toggle {
	color: #000;
}
.sticky-wrapper .site-navbar .site-logo a {
	color: #ffaa17;
}
.sticky-wrapper .site-navbar .site-menu > li > a {
	color: #000 !important;
}
.sticky-wrapper .site-navbar .site-menu > li > a:hover,
.sticky-wrapper .site-navbar .site-menu > li > a.active {
	color: #ffaa17 !important;
}

/* Office location cards (contact.php) - icon badge + a bit of polish so the
   card itself carries the design instead of a per-state image. */
.branch_card {
	border-top: 3px solid #ffaa17;
	transition: 0.25s ease;
}
.branch_card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.branch_icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff4e2;
	color: #ffaa17;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

/* Breadcrumb bar (contact.php, Meritto-style "Home > Page" trail) */
.breadcrumb_area {
	background: #f7f7f9;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}
.breadcrumb_area .breadcrumb {
	background: transparent;
	margin: 0;
	padding: 0;
}
.breadcrumb_area .breadcrumb-item a {
	color: #6f7172;
}
.breadcrumb_area .breadcrumb-item a:hover {
	color: #ffaa17;
}
.breadcrumb_area .breadcrumb-item.active {
	color: #ffaa17;
	font-weight: 600;
}

/* Footer "Our Businesses" strip (From the House of Zeqon) */
/* YouTube brand color for the footer social icon - the theme only shipped
   colors for Facebook/Twitter/Instagram/LinkedIn */
.f_youtube {
	background: #FF0000;
}

/* Contact form success message - the theme never styled this, so it was
   inheriting the default gray body text, invisible on the form's dark blue
   background. */
.contact .success {
	display: block;
	background: #2fb344;
	color: #fff;
	font-weight: 600;
	padding: 15px 20px;
	border-radius: 4px;
	margin-bottom: 20px;
}

/* Client/partner logos: 5 items don't divide evenly into the theme's 4-per-row
   grid, so the 5th one wraps flush under the 1st with no gap. Give wrapped
   rows breathing room, and fit all 5 on one row at desktop width. */
.partner-logo .row > [class*="col-"] {
	margin-bottom: 30px;
}
@media (min-width: 992px) {
	.partner-logo .col-lg-3 {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/* Zeqon logo image, used in the header nav */
.site-logo-img {
	height: 48px;
	width: auto;
	max-width: 100%;
}

/* Footer logo: white card behind the image so it reads on the dark footer background */
.footer-logo-img-wrap {
	display: inline-block;
	background: #fff;
	padding: 8px 14px;
	border-radius: 4px;
	margin-bottom: 15px;
}
.footer-logo-img {
	height: 40px;
	width: auto;
	display: block;
}

/* Click-to-enlarge image on the full turnkey solutions list (portfolio.php) */
.portfolio-img-popup {
	display: block;
	cursor: pointer;
	position: relative;
}
.portfolio-img-popup:hover img {
	opacity: 0.85;
}
.portfolio-img-popup img {
	transition: 0.2s;
}

/* Generic value / info cards (about, service, team pages) */
.value_card, .tech_card, .branch_card {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.07);
	padding: 30px 25px;
	margin-bottom: 30px;
	height: 100%;
}
.value_card h4, .tech_card h3, .branch_card h4 {
	margin-bottom: 12px;
	font-weight: 700;
}
.tech_card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tech_card ul li {
	padding: 6px 0;
	border-bottom: 1px dashed #eee;
}
.tech_card ul li:last-child { border-bottom: none; }

.leadership_card {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.07);
	padding: 30px;
	margin-bottom: 30px;
}
.leadership_card h3 { margin-bottom: 5px; }
.leadership_card .role { color: #ffaa17; font-weight: 600; margin-bottom: 10px; }
.leadership_card p { margin-bottom: 6px; }

.org_chart_area { text-align: center; }
.org_chart_area .org_top {
	display: inline-block;
	background: #232323;
	color: #fff;
	padding: 12px 30px;
	border-radius: 4px;
	margin-bottom: 25px;
	font-weight: 700;
	letter-spacing: 1px;
}
.org_chart_area .org_row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
.org_chart_area .org_col {
	background: #f7f7f9;
	border-radius: 4px;
	padding: 15px 20px;
	min-width: 180px;
	flex: 1 1 200px;
	max-width: 240px;
}
.org_chart_area .org_col ul {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}
.org_chart_area .org_col ul li {
	padding: 4px 0;
	color: #6f7172;
}
.org_chart_area .org_col h5 {
	font-weight: 700;
	color: #ffaa17;
	margin: 0;
}

.badge_row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.badge_pill {
	display: inline-block;
	background: #f1f1f4;
	color: #232323;
	padding: 6px 16px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
}
a.badge_pill:hover { background: #ffaa17; color: #fff; }

/* Mega dropdown for the Core Services / Enterprise Branding / Technologies / Industries menus */
.mega-dropdown {
	width: 480px !important;
	column-count: 2;
	column-gap: 0;
	max-height: 80vh;
	overflow-y: auto;
}
.mega-dropdown > li {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}
@media (max-width: 991px) {
	.mega-dropdown {
		width: 100% !important;
		column-count: 1;
		max-height: none;
		overflow-y: visible;
	}
}

/* Numbered "Our Process" steps used on service/technology/industry detail pages */
.process_steps {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	justify-content: center;
}
.process_step {
	flex: 1 1 280px;
	max-width: 320px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.07);
	padding: 30px 25px;
	position: relative;
	padding-top: 55px;
}
.process_step .process_step_num {
	position: absolute;
	top: -18px;
	left: 25px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #ffaa17;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(255,170,23,0.4);
}
.process_step h4 {
	margin-bottom: 10px;
	font-weight: 700;
}
.process_step p {
	margin: 0;
	color: #6f7172;
}

/* Detail-page hero: intro copy + image side by side (reused across service/tech/industry pages) */
.detail_hero_img {
	max-width: 100%;
	border-radius: 6px;
}