/* =====================================================================
   SUNRICH360® MICE - Solid Brand Colors System (No Gradients)
   Solid Brand Red:  #C91F26 / #E02830
   Solid Brand Blue: #2563EB / #1B365D
   Solid Dark:       #0c0d10 / #14161d
   Solid Light Text: #ffffff / #cbd5e1 / #94a3b8
   ===================================================================== */

:root {
	--tt-main-bg-color: #0c0d10 !important;
	--tt-main-color: #C91F26 !important;
	
	--sunrich-red: #C91F26;
	--sunrich-red-hover: #E02830;
	--sunrich-red-subtle: #241113;
	--sunrich-red-border: #C91F26;
	
	--sunrich-blue: #2563EB;
	--sunrich-blue-hover: #1D4ED8;
	--sunrich-blue-subtle: #101c33;
	--sunrich-blue-border: #2563EB;
	--sunrich-navy: #1B365D;
	
	--sunrich-dark-surface: #14161d;
	--sunrich-dark-border: rgba(255, 255, 255, 0.12);
}

/* =====================================================================
   GLOBAL TYPOGRAPHY ENFORCEMENT: 'Poppins', sans-serif
   ===================================================================== */
html, body, #body-inner, #scroll-container, #page-content,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, span, a, div, button, input, textarea, select, label,
.tt-heading, .tt-heading-title, .tt-heading-subtitle,
.ph-caption, .ph-caption-title, .ph-caption-title-ghost, .ph-caption-subtitle, .ph-caption-description, .ph-categories, .ph-share-trigger,
.tt-main-menu-list, .tt-ol-menu-list, .tt-ol-menu-toggle-btn-text, .tt-m-menu-toggle-btn-text, .tt-ol-menu-ghost, .tt-ol-menu-social,
.tt-btn, .tt-page-nav, .tt-next-project, .tt-pn-link, .tt-pn-subtitle, .tt-pagination, .tt-np-ghost, .tt-bp-nav-text,
.project-info-list, .project-info-list a, .project-info-label, .project-info-value,
.font-alter, [class*="font-alter"],
.mice-stats-card .stat-number, .mice-stats-card .stat-label,
.deliv-num, .deliv-title, .deliv-desc,
.tt-scroll-down, .tt-ps-caption-category, .tt-ps-nav-pagination, .tt-pc-navigation, .tt-cc-pagination,
.tt-phc-item::before, .tt-phc-counter, .pli-counter, .ptl-item-caption::before, .ptl-item-caption-inner,
.ttgr-cat-trigger-wrap, .ttgr-cat-list, .ttgr-cat-classic-nav, .pi-item-title-link-inner, .pi-item-title-link::before,
.portfolio-interactive-ghost, .pspl-item-title-link-inner, .pspl-item-title-link::before,
.tt-scrolling-text, .tt-scrolling-btn, .footer-social-text,
.footer-col-title, .footer-menu-links a, .footer-desc, .footer-bottom, .f-contact-item {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Preserve FontAwesome Icons */
.fa, .fas, .far, .fal, .fab, [class^="fa-"], [class*=" fa-"],
.fa::before, .fas::before, .far::before, .fal::before, .fab::before,
[class^="fa-"]::before, [class*=" fa-"]::before {
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "FontAwesome" !important;
}

/* Ensure Clean Dark Theme Canvas */
body, #body-inner, #scroll-container, .tt-overlay-menu {
	/* background-color: #0b1c38 !important; */
	background: linear-gradient(135deg, #091933 0%, #0b1d3a 55%, #071428 100%) !important;
	color: #FFF !important;
}

/* =====================================================================
   1. MENU HAMBURGER BUTTON (Always Visible, Bold & Crisp, No Gradients)
   ===================================================================== */
#tt-ol-menu-toggle-btn-wrap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background-color: #14161d !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 30px !important;
	padding: 5px 14px 5px 18px !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	z-index: 9999 !important;
}
#tt-ol-menu-toggle-btn-wrap:hover {
	border-color: var(--sunrich-red) !important;
	background-color: #1b1315 !important;
}

/* Menu Text */
.tt-ol-menu-toggle-btn-text-wrap {
	height: auto !important;
	display: inline-flex !important;
	align-items: center !important;
}
.tt-ol-menu-toggle-btn-text {
	position: relative !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	line-height: 1 !important;
}
.tt-ol-menu-toggle-btn-text .text-menu {
	color: #ffffff !important;
	display: inline-block !important;
	transition: color 0.25s ease !important;
}
#tt-ol-menu-toggle-btn-wrap:hover .tt-ol-menu-toggle-btn-text .text-menu {
	color: var(--sunrich-red) !important;
}
.tt-ol-menu-toggle-btn-text .text-close {
	color: #ffffff !important;
	display: none !important;
	transition: color 0.25s ease !important;
}
body.tt-ol-menu-open .tt-ol-menu-toggle-btn-text .text-menu {
	display: none !important;
}
body.tt-ol-menu-open .tt-ol-menu-toggle-btn-text .text-close {
	display: inline-block !important;
	color: var(--sunrich-red) !important;
}

/* Hamburger Icon Container */
.tt-ol-menu-toggle-btn-holder {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.tt-ol-menu-toggle-btn {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
}

/* Bold Hamburger Lines (Disable the template hover collapse!) */
.tt-ol-menu-toggle-btn span {
	position: relative !important;
	display: block !important;
	top: auto !important;
	left: auto !important;
	width: 20px !important;
	height: 2px !important;
	background-color: #ffffff !important;
	transform: none !important;
	border-radius: 2px !important;
	transition: all 0.25s ease-in-out !important;
}
.tt-ol-menu-toggle-btn span::before,
.tt-ol-menu-toggle-btn span::after {
	position: absolute !important;
	display: block !important;
	content: '' !important;
	height: 2px !important;
	width: 20px !important;
	background-color: #ffffff !important;
	border-radius: 2px !important;
	transition: all 0.25s ease-in-out !important;
}
.tt-ol-menu-toggle-btn span::before {
	top: -6px !important;
	bottom: auto !important;
}
.tt-ol-menu-toggle-btn span::after {
	bottom: -6px !important;
	top: auto !important;
}

/* On Button Hover: Keep lines full width and turn Solid Brand Red */
body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span,
#tt-ol-menu-toggle-btn-wrap:hover .tt-ol-menu-toggle-btn span {
	width: 20px !important;
	height: 2px !important;
	background-color: var(--sunrich-red) !important;
	border-radius: 2px !important;
}
body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span::before,
#tt-ol-menu-toggle-btn-wrap:hover .tt-ol-menu-toggle-btn span::before {
	top: -6px !important;
	width: 20px !important;
	background-color: var(--sunrich-red) !important;
}
body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span::after,
#tt-ol-menu-toggle-btn-wrap:hover .tt-ol-menu-toggle-btn span::after {
	bottom: -6px !important;
	width: 20px !important;
	background-color: var(--sunrich-red) !important;
}

/* When Menu is Open: Turn Hamburger into Solid Close (X) */
body.tt-ol-menu-open .tt-ol-menu-toggle-btn span {
	background-color: transparent !important;
}
body.tt-ol-menu-open .tt-ol-menu-toggle-btn span::before {
	top: 0 !important;
	width: 20px !important;
	background-color: var(--sunrich-red) !important;
	transform: rotate(45deg) !important;
}
body.tt-ol-menu-open .tt-ol-menu-toggle-btn span::after {
	bottom: 0 !important;
	width: 20px !important;
	background-color: var(--sunrich-red) !important;
	transform: rotate(-45deg) !important;
}

/* =====================================================================
   2. PAGE HEADER HERO (Solid Colors Only - No Gradients)
   ===================================================================== */
#page-header {
	position: relative;
	background-color: transparent !important;
}
#page-header::before,
#page-header::after {
	display: none !important; /* NO GRADIENT LIGHTING */
}

/* Subtitle Badge (Solid Colors) */
.ph-caption-subtitle {
	margin-bottom: 24px !important;
}
.ph-caption-subtitle .ph-appear {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	background-color: #14161d !important;
	border: 1px solid var(--sunrich-blue) !important;
	padding: 8px 22px !important;
	border-radius: 30px !important;
	font-size: 13px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}
.ph-caption-subtitle .ph-appear::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: var(--sunrich-red) !important;
	border-radius: 50%;
}

/* Title Solid Crisp White */
.ph-caption-title .ph-appear {
	color: #ffffff !important;
	font-weight: 800 !important;
	letter-spacing: -0.5px !important;
}

/* Ghost Title Watermark (Solid Low Opacity White) */
.ph-caption-title-ghost .ph-appear {
	color: rgba(255, 255, 255, 0.05) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.05) !important;
	background: none !important;
}

/* =====================================================================
   3. OVERLAY NAVIGATION MENU (Solid Brand Colors Only)
   ===================================================================== */
/* Menu Counter Numbers in Solid Brand Red */
@media (min-width: 992px) {
	.tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list > li::before {
		color: var(--sunrich-red) !important;
		opacity: 1 !important;
		font-weight: 700 !important;
		font-size: 15px !important;
		top: 8px !important;
		left: -38px !important;
		text-shadow: none !important;
	}
}

/* Menu Links */
.tt-ol-menu-list > li > a {
	color: #94a3b8 !important;
	transition: all 0.25s ease !important;
	position: relative !important;
}
.tt-ol-menu-list > li:hover > a {
	color: var(--sunrich-blue) !important;
	transform: translateX(10px) !important;
}
.tt-ol-menu-list > li.active > a {
	color: #ffffff !important;
	font-weight: 800 !important;
}
.tt-ol-menu-list > li.active > a::after {
	content: "";
	position: absolute;
	right: -24px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--sunrich-blue) !important;
	box-shadow: none !important;
}

/* Menu Ghost Watermark (Solid Low Opacity) */
.tt-ol-menu-ghost {
	color: rgba(255, 255, 255, 0.03) !important;
	opacity: 1 !important;
	pointer-events: none !important;
	user-select: none !important;
	background: none !important;
}

/* Menu Social Links (Solid Colors) */
.tt-ol-menu-social-heading {
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 14px !important;
}
.tt-ol-menu-social li a {
	color: #cbd5e1 !important;
	font-size: 15px !important;
	transition: all 0.25s ease !important;
}
.tt-ol-menu-social li a:hover {
	color: var(--sunrich-blue) !important;
	padding-left: 6px !important;
}

/* =====================================================================
   4. FILTER NAVIGATION (Solid Brand Red & Blue - No Gradients)
   ===================================================================== */
/* Fixed Floating Filter Trigger */
.ttgr-cat-trigger .ttgr-cat-icon {
	background-color: var(--sunrich-red) !important;
	color: #FFF !important;
	box-shadow: none !important;
	border: 1px solid var(--sunrich-red) !important;
	transition: all 0.25s ease !important;
}
.ttgr-cat-trigger:hover .ttgr-cat-icon {
	background-color: var(--sunrich-blue) !important;
	border-color: var(--sunrich-blue) !important;
	transform: scale(1.08) !important;
}
.ttgr-cat-trigger .ttgr-cat-text {
	color: #FFF !important;
	font-weight: 600 !important;
}

/* Filter Nav List Background */
.ttgr-cat-list-holder {
	background-color: #0c0d10 !important;
	border: 1px solid var(--sunrich-dark-border) !important;
}

/* Filter Tabs */
.ttgr-cat-list .ttgr-cat-item a {
	color: #94a3b8 !important;
	border-radius: 25px !important;
	padding: 6px 18px !important;
	transition: all 0.25s ease !important;
	background-color: transparent !important;
}
.ttgr-cat-list .ttgr-cat-item a:hover {
	color: var(--sunrich-blue) !important;
}
.ttgr-cat-list .ttgr-cat-item a.active {
	background-color: var(--sunrich-red) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	box-shadow: none !important;
}

/* =====================================================================
   5. PORTFOLIO GRID ITEMS (Solid Brand Category Badges & Hovers)
   ===================================================================== */
/* Category Badges */
.pgi-category {
	display: inline-block !important;
	padding: 5px 14px !important;
	border-radius: 20px !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-weight: 700 !important;
	margin-top: 6px !important;
	margin-bottom: 8px !important;
	transition: all 0.25s ease !important;
}

/* Category Solid Blue: Conferences & Meetings */
.tt-grid-item.conferences .pgi-category,
.tt-grid-item.meetings .pgi-category {
	background-color: var(--sunrich-blue-subtle) !important;
	color: #93c5fd !important;
	border: 1px solid var(--sunrich-blue) !important;
	box-shadow: none !important;
}

/* Category Solid Red: Incentives & Exhibitions */
.tt-grid-item.incentives .pgi-category,
.tt-grid-item.exhibitions .pgi-category {
	background-color: var(--sunrich-red-subtle) !important;
	color: #fca5a5 !important;
	border: 1px solid var(--sunrich-red) !important;
	box-shadow: none !important;
}

/* Portfolio Card Hover Effects */
.portfolio-grid-item {
	position: relative !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
}
.portfolio-grid-item:hover {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
	outline: 1px solid var(--sunrich-blue) !important;
}
.portfolio-grid-item:hover .pgi-title a {
	color: var(--sunrich-red) !important;
}

/* =====================================================================
   6. SOLID BRAND BUTTONS & FORMS (No Gradients)
   ===================================================================== */
.tt-btn-primary {
	background-color: var(--sunrich-red) !important;
	border: 1px solid var(--sunrich-red) !important;
	color: #FFF !important;
	box-shadow: none !important;
	border-radius: 30px !important;
	padding: 14px 34px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	transition: all 0.25s ease !important;
}
.tt-btn-primary:hover {
	background-color: var(--sunrich-blue) !important;
	border-color: var(--sunrich-blue) !important;
	color: #FFF !important;
	box-shadow: none !important;
	transform: translateY(-2px);
}

/* Contact Info Icons in Solid Brand Red */
.tt-ci-icon {
	color: var(--sunrich-red) !important;
	background-color: var(--sunrich-red-subtle) !important;
	border: 1px solid var(--sunrich-red) !important;
	width: 38px !important;
	height: 38px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 50% !important;
	margin-right: 12px !important;
	box-shadow: none !important;
}
.tt-contact-info li a:hover {
	color: var(--sunrich-blue) !important;
}

/* Form Inputs Focus (Solid Blue) */
.tt-form-control:focus {
	border-color: var(--sunrich-blue) !important;
	box-shadow: none !important;
	outline: 1px solid var(--sunrich-blue) !important;
}

/* =====================================================================
   6B. ABOUT US & GENERAL HEADINGS (Solid High-Contrast Colors)
   ===================================================================== */
.tt-heading .tt-heading-title,
.tt-heading-title,
h1.ph-caption-title,
h2.tt-heading-title {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	-webkit-text-stroke: 0 !important;
	opacity: 1 !important;
}

.tt-heading .tt-heading-subtitle {
	color: var(--sunrich-red) !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
}

/* =====================================================================
   6C. MICE CAPABILITIES ACCORDION (Solid Brand Colors Only)
   ===================================================================== */
.tt-accordion.tt-ac-borders .tt-accordion-item {
	background-color: #111319 !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	margin-bottom: 14px !important;
	transition: all 0.25s ease !important;
	overflow: hidden;
}

.tt-accordion.tt-ac-borders .tt-accordion-item:hover {
	border-color: rgba(37, 99, 235, 0.5) !important;
}

.tt-accordion.tt-ac-borders .tt-accordion-item.active {
	border-color: var(--sunrich-red) !important;
	background-color: #141722 !important;
}

.tt-accordion.tt-ac-borders .tt-ac-head {
	padding: 24px 28px !important;
}

.tt-accordion-item .tt-ac-head-title {
	color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: 0.2px !important;
	transition: color 0.25s ease !important;
	margin: 0 !important;
}

.tt-accordion-item .ac-number {
	color: var(--sunrich-red) !important;
	font-weight: 800 !important;
	margin-right: 8px !important;
	transition: color 0.25s ease !important;
}

.tt-accordion-heading:hover .tt-ac-head-title {
	color: var(--sunrich-blue) !important;
}

.tt-accordion-heading:hover .ac-number {
	color: var(--sunrich-blue) !important;
}

.tt-accordion-item.active .tt-ac-head-title {
	color: #ffffff !important;
}

.tt-accordion-item.active .ac-number {
	color: var(--sunrich-red) !important;
}

/* Accordion Caret Solid Colors */
.tt-accordion-caret {
	color: var(--sunrich-red) !important;
	box-shadow: inset 0 0 0 40px var(--sunrich-red) !important;
	transition: all 0.25s ease !important;
}

.tt-accordion-caret:before,
.tt-accordion-caret:after {
	box-shadow: inset 0 0 0 40px var(--sunrich-red) !important;
	color: var(--sunrich-red) !important;
	transition: all 0.25s ease !important;
}

.tt-accordion-item:hover .tt-accordion-caret,
.tt-accordion-item:hover .tt-accordion-caret:before,
.tt-accordion-item:hover .tt-accordion-caret:after {
	color: var(--sunrich-blue) !important;
	box-shadow: inset 0 0 0 40px var(--sunrich-blue) !important;
}

.tt-accordion-item.active .tt-accordion-caret,
.tt-accordion-item.active .tt-accordion-caret:before,
.tt-accordion-item.active .tt-accordion-caret:after {
	color: var(--sunrich-red) !important;
	box-shadow: inset 0 0 0 40px var(--sunrich-red) !important;
}

.tt-accordion-content {
	padding: 0 28px 24px !important;
}

.tt-accordion-content p {
	color: #cbd5e1 !important;
	font-size: 15.5px !important;
	line-height: 1.8 !important;
	margin: 0 !important;
}

/* =====================================================================
   6D. MICE IMPACT METRICS CARD (Solid Brand Red & Blue)
   ===================================================================== */
.mice-stats-card {
	background-color: #111319 !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 14px !important;
	padding: 45px 30px !important;
	text-align: center;
}

.mice-stats-card .stats-col {
	border-right: 1px solid rgba(255, 255, 255, 0.08);
	padding: 15px 20px;
}

.mice-stats-card .stats-col-last {
	border-right: none !important;
}

.mice-stats-card .stat-number {
	font-family: 'Poppins', sans-serif !important;
	font-size: 46px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.1;
	margin-bottom: 10px;
	letter-spacing: -1px;
}

.mice-stats-card .stats-col:nth-child(1) .stat-plus,
.mice-stats-card .stats-col:nth-child(3) .stat-plus {
	color: var(--sunrich-red) !important;
}

.mice-stats-card .stats-col:nth-child(2) .stat-plus,
.mice-stats-card .stats-col:nth-child(4) .stat-plus {
	color: var(--sunrich-blue) !important;
}

.mice-stats-card .stat-label {
	font-size: 13px;
	font-weight: 600;
	color: #94a3b8;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

@media (max-width: 991px) {
	.mice-stats-card .stats-col {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.mice-stats-card .stats-col-last {
		border-bottom: none !important;
		margin-bottom: 0;
	}
}

/* =====================================================================
   6E. PORTFOLIO DETAILS PAGE (Solid Brand Colors Only)
   ===================================================================== */
.project-spec-card {
	background-color: #111319 !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
}

.deliverable-box {
	background-color: #111319 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 10px !important;
	transition: all 0.25s ease !important;
}
.deliverable-box:hover {
	border-color: rgba(37, 99, 235, 0.5) !important;
	background-color: #141722 !important;
	transform: translateY(-2px);
}

.tt-np-title a:hover {
	color: var(--sunrich-red) !important;
}

.project-nav-back a:hover {
	color: var(--sunrich-blue) !important;
}
.project-nav-back a:hover .tt-btn-icon {
	background-color: var(--sunrich-blue) !important;
	border-color: var(--sunrich-blue) !important;
	color: #FFF !important;
}

.inquire-director-btn:hover {
	background-color: var(--sunrich-blue) !important;
	border-color: var(--sunrich-blue) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =====================================================================
   7. MAGIC CURSOR (Solid Red)
   ===================================================================== */
#ball.ball-view {
	background-color: var(--sunrich-red) !important;
	box-shadow: none !important;
	color: #FFF !important;
	font-weight: 700 !important;
}
body.tt-magic-cursor #ball {
	border-color: rgba(255, 255, 255, 0.7);
}

/* =====================================================================
   8. EXECUTIVE MICE FOOTER (Plain Deep Navy Base + Subtle Architectural Texture)
   ===================================================================== */
.sunrich-mice-footer {
	background-color: #061224 !important;
	background-image:
		radial-gradient(rgba(147, 197, 253, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
		linear-gradient(180deg, #08172e 0%, #061224 55%, #040c1a 100%) !important;
	background-size: 20px 20px, 60px 60px, 60px 60px, 100% 100% !important;
	border-top: 2px solid rgba(224, 36, 48, 0.65) !important;
	position: relative !important;
	margin-top: 0 !important;
	padding: 0 !important;
	z-index: 10 !important;
	overflow: hidden !important;
}

.footer-diagonal-svg {
	display: none !important;
}

/* Main Footer Container */
.tt-footer-main {
	position: relative !important;
	z-index: 3 !important;
	padding: 85px 15px 55px !important;
}

/* Column 1: Brand Info */
.footer-brand-col {
	margin-bottom: 35px;
	padding-right: 25px;
}

.footer-logo-img {
	height: 46px;
	width: auto;
	max-width: 230px;
	object-fit: contain;
	display: inline-block;
	margin-bottom: 22px;
}

.footer-brand-desc {
	color: rgba(226, 232, 240, 0.9) !important;
	font-size: 14.5px !important;
	line-height: 1.75 !important;
	margin-bottom: 24px !important;
	max-width: 390px;
}

.footer-hubs-pill {
	margin-bottom: 26px !important;
}

/* Frosted Navy Glass Social Buttons */
.footer-social-wrap {
	display: flex;
	gap: 12px;
	align-items: center;
}

.footer-soc-btn {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(11, 27, 54, 0.78) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	color: #ffffff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
	transition: all 0.25s ease;
	text-decoration: none;
}

.footer-soc-btn:hover {
	background: linear-gradient(135deg, #e11d2e 0%, #c91f26 100%) !important;
	border-color: #e11d2e !important;
	color: #ffffff !important;
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(225, 29, 46, 0.45) !important;
}

/* Footer Column Headings with Red Dot & Accent Rule */
.footer-col-header {
	margin-bottom: 24px !important;
}

.footer-col-title {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.4px !important;
	margin: 0 0 10px 0 !important;
}

.footer-title-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background-color: #e02430 !important;
	display: inline-block !important;
	flex-shrink: 0 !important;
}

.footer-col-rule {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.footer-col-rule .r-red {
	width: 28px !important;
	height: 2.5px !important;
	border-radius: 2px !important;
	background-color: #e02430 !important;
}

.footer-col-rule .r-line {
	width: 55px !important;
	height: 1px !important;
	background-color: rgba(255, 255, 255, 0.22) !important;
}

/* Navigation & Disciplines Menu Lists */
.footer-links-col {
	margin-bottom: 35px;
}

.footer-menu-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.footer-menu-list li {
	margin-bottom: 13px !important;
}

.footer-menu-list li a {
	color: rgba(203, 213, 225, 0.9) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.footer-menu-list li a::before {
	content: "" !important;
	width: 5px !important;
	height: 5px !important;
	border-radius: 50% !important;
	background-color: rgba(255, 255, 255, 0.3) !important;
	transition: all 0.25s ease !important;
}

.footer-menu-list li a:hover {
	color: #ffffff !important;
	transform: translateX(6px);
}

.footer-menu-list li a:hover::before {
	background-color: #e02430 !important;
	transform: scale(1.3);
}

/* Column 4: Direct Connect Frosted Navy Card */
.footer-contact-col {
	margin-bottom: 35px;
}

.footer-connect-card {
	/* background: linear-gradient(145deg, rgba(14, 37, 75, 0.78) 0%, rgba(8, 21, 43, 0.9) 100%) !important; */
	/* border: 1px solid rgba(255, 255, 255, 0.18) !important; */
	/* border-top: 3px solid #e02430 !important; */
	/* border-radius: 16px !important; */
	/* padding: 26px 24px !important; */
	/* box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35) !important; */
}

.footer-contact-items {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 24px !important;
}

.footer-contact-items li {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
}

.footer-contact-items li:last-child {
	margin-bottom: 0;
}

.footer-contact-icon {
	width: 36px !important;
	height: 36px !important;
	border-radius: 10px !important;
	background: rgba(225, 29, 46, 0.14) !important;
	border: 1px solid rgba(225, 29, 46, 0.5) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.footer-contact-icon i {
	color: #ff5a67 !important;
	font-size: 13px !important;
	margin: 0 !important;
	width: auto !important;
}

.footer-contact-items .lbl {
	display: block;
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(148, 163, 184, 0.95);
	font-weight: 600;
	margin-bottom: 2px;
	line-height: 1.2;
}

.footer-contact-items a,
.footer-contact-items span {
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.25s ease;
}

.footer-contact-items a:hover {
	color: #93c5fd !important;
}

/* Plan Your Event CTA Button inside Connect Card */
.footer-inquiry-btn {
	width: 100% !important;
	padding: 13px 22px !important;
	font-size: 12px !important;
}

/* =====================================================================
   BOTTOM LEGAL & COPYRIGHT BAR (Banner-Matched Deep Navy & Glass Pill)
   ===================================================================== */
.footer-bottom-bar {
	position: relative !important;
	z-index: 3 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
	padding: 20px 0 !important;
	background-color: rgba(5, 13, 27, 0.85) !important;
	backdrop-filter: blur(8px) !important;
}

.footer-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

.footer-bottom-left,
.footer-bottom-center,
.footer-bottom-right {
	display: flex;
	align-items: center;
}

.ref-copyright-text {
	color: rgba(226, 232, 240, 0.88) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: 0.3px !important;
	user-select: none;
}

.ref-legal-link {
	color: rgba(226, 232, 240, 0.88) !important;
	text-decoration: none !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.5px !important;
	transition: all 0.25s ease !important;
	padding: 4px 0 !important;
}

.ref-legal-link:hover {
	color: #ffffff !important;
	text-decoration: underline !important;
}

.ref-legal-sep {
	color: rgba(255, 255, 255, 0.35) !important;
	font-size: 12px !important;
	user-select: none;
	margin: 0 12px;
}

/* Banner-Matched Glass Pill Back to Top Button */
.footer-bottom-right .footer-top-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: rgba(11, 27, 54, 0.78) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	color: #ffffff !important;
	height: 38px !important;
	padding: 0 18px !important;
	border-radius: 50px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
}

.footer-bottom-right .footer-top-pill i {
	font-size: 11px !important;
	color: #e02430 !important;
	transition: transform 0.25s ease, color 0.25s ease !important;
}

.footer-bottom-right .footer-top-pill:hover {
	background: #e11d2e !important;
	border-color: #e11d2e !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 18px rgba(225, 29, 46, 0.4) !important;
}

.footer-bottom-right .footer-top-pill:hover i {
	color: #ffffff !important;
	transform: translateY(-2px) !important;
}

@media (max-width: 991px) {
	.footer-bottom-inner {
		flex-direction: column;
		text-align: center;
		justify-content: center;
	}
}

/* =====================================================================
   MICE VISUAL ARCHIVE - Adaptive Masonry Mosaic Gallery (Any Size Images)
   ===================================================================== */
.mice-masonry-gallery {
	column-count: 3;
	column-gap: 24px;
	width: 100%;
	margin-top: 35px;
}

@media (max-width: 1199px) and (min-width: 768px) {
	.mice-masonry-gallery {
		column-count: 2;
		column-gap: 20px;
	}
}

@media (max-width: 767px) {
	.mice-masonry-gallery {
		column-count: 1;
		column-gap: 0;
	}
}

.mice-gallery-item {
	break-inside: avoid;
	display: inline-block;
	width: 100%;
	margin-bottom: 24px;
	vertical-align: top;
}

.mice-gallery-link {
	display: block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

.mice-gallery-card {
	position: relative;
	background-color: #14161d;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.mice-gallery-link:hover .mice-gallery-card,
.mice-gallery-card:hover {
	border-color: #2563EB;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(37, 99, 235, 0.5);
	transform: translateY(-5px);
}

.mice-gallery-img-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #0c0d10;
}

/* True native aspect ratios - accepts ANY image size without cropping or stretching */
.mice-gallery-img-wrap img {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	display: block !important;
	object-fit: cover !important;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.mice-gallery-link:hover .mice-gallery-img-wrap img,
.mice-gallery-card:hover .mice-gallery-img-wrap img {
	transform: scale(1.05);
}

/* Overlay with Solid Brand Styling - Clean & Bright (No dark/black blanket) */
.mice-gallery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent !important;
	background-color: transparent !important;
	opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 18px;
	transition: opacity 0.3s ease;
	z-index: 2;
	pointer-events: none;
}

.mice-gallery-link:hover .mice-gallery-overlay,
.mice-gallery-card:hover .mice-gallery-overlay {
	opacity: 1;
}

.mice-gallery-top-badge {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.mice-gallery-top-badge .badge-tag {
	background-color: #14161d;
	border: 1px solid #2563EB;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 20px;
	font-family: 'Poppins', sans-serif !important;
}

.mice-gallery-top-badge .badge-expand {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #C91F26;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	box-shadow: 0 4px 12px rgba(201, 31, 38, 0.5);
	transition: transform 0.2s ease;
}

.mice-gallery-card:hover .badge-expand {
	transform: scale(1.1);
}

.mice-gallery-caption {
	transform: translateY(12px);
	transition: transform 0.3s ease;
}

.mice-gallery-card:hover .mice-gallery-caption {
	transform: translateY(0);
}

.mice-gallery-title {
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 0 6px 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.mice-gallery-meta {
	color: #94a3b8 !important;
	font-size: 12px !important;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: 'Poppins', sans-serif !important;
}

.mice-gallery-meta i {
	color: #2563EB;
}

/* =====================================================================
   REMOVE BLACK OVERLAYS ON IMAGES (Clean, Bright & Natural Image Display)
   ===================================================================== */

/* 1. Page Header & Hero Images: Remove #040404 black cover overlay */
[class*="ph-image-cover-"] .ph-image-inner::before,
.ph-image-inner::before,
#page-header .ph-image-inner::before,
#page-header.ph-bg-image .ph-image-inner::before {
	display: none !important;
	opacity: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
}

/* 2. Remove black cover-opacity overlay pseudo-elements */
[class*="cover-opacity-"]::before,
[class*="cover-opacity-"]::after {
	display: none !important;
	opacity: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
}

/* 3. Next Project footer banners: Remove black cover overlay */
.tt-next-project[class*="np-image-cover-"] .tt-np-image::before,
.tt-next-project .tt-np-image::before {
	display: none !important;
	opacity: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
}

/* 4. Portfolio Grid items: Clean and bright, no dark overlay */
.portfolio-grid-item .pgi-image-holder::before,
.portfolio-grid-item .pgi-image-holder::after,
.portfolio-grid-item .pgi-image-wrap::before,
.portfolio-grid-item .pgi-image-wrap::after,
.portfolio-grid-item .pgi-image::before,
.portfolio-grid-item .pgi-image::after {
	display: none !important;
	opacity: 0 !important;
	background: transparent !important;
}

/* 5. Visual Archive Gallery: No black blanket overlay */
.mice-gallery-overlay {
	background: transparent !important;
	background-color: transparent !important;
}

.mice-gallery-caption {
	background: rgba(20, 22, 29, 0.88) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 8px !important;
	padding: 8px 14px !important;
	backdrop-filter: blur(4px) !important;
}

/* 6. Ensure all images are displayed bright, clear, and normal */
img,
.ph-image img,
.pgi-image img,
.mice-gallery-img-wrap img,
.tt-np-image img,
.tt-gallery-image img,
.portfolio-grid-item img {
	filter: none !important;
	-webkit-filter: none !important;
	opacity: 1 !important;
}

/* =====================================================================
/* =====================================================================
   PROPER VISIBILITY FOR TEXT OVER IMAGES: TEXT-RELATED SIZING STRIPS
   (Solid Brand Blue & Brand Red Strips — NO Black Backgrounds)
   ===================================================================== */

/* 1. Portfolio Grid Cards: Text-Related Sizing Strip (NO Black Box) */
#portfolio-grid.pgi-cap-inside .pgi-caption {
	position: absolute !important;
	left: 20px !important;
	bottom: 20px !important;
	right: auto !important;
	width: auto !important;
	max-width: calc(100% - 40px) !important;
	padding: 0 !important;
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border: none !important;
	box-shadow: none !important;
	z-index: 10 !important;
	transform: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	pointer-events: auto !important;
}

#portfolio-grid.pgi-cap-inside .pgi-caption-inner {
	display: flex !important;
	flex-direction: column-reverse !important; /* Category strip on top, Title strip below */
	align-items: flex-start !important;
	gap: 8px !important;
	width: auto !important;
	max-width: 100% !important;
}

/* Category Badge: Compact Text-Related Sizing Strip (Brand Red) */
#portfolio-grid.pgi-cap-inside .pgi-categories-wrap,
body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .pgi-categories-wrap,
body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .portfolio-grid-item:hover .pgi-categories-wrap {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	display: inline-flex !important;
	width: fit-content !important;
	margin: 0 !important;
	line-height: 1 !important;
}

#portfolio-grid.pgi-cap-inside .pgi-category {
	display: inline-block !important;
	width: fit-content !important;
	background: #C91F26 !important; /* Solid Brand Red Strip */
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	padding: 5px 12px !important;
	border-radius: 4px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	opacity: 1 !important;
	margin: 0 !important;
	font-family: 'Poppins', sans-serif !important;
	transition: background 0.25s ease !important;
}

#portfolio-grid.pgi-cap-inside .pgi-category::before {
	display: none !important; /* No dot needed inside solid badge */
}

/* Portfolio Title: Text-Related Sizing Strip (Solid Brand Blue) */
#portfolio-grid.pgi-cap-inside .pgi-title,
#portfolio-grid.pgi-cap-inside.pgi-cap-hover .pgi-title,
body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .pgi-title,
body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .portfolio-grid-item:hover .pgi-title,
#portfolio-grid.pgi-cap-inside .pgi-image-is-light .pgi-title {
	display: block !important;
	width: fit-content !important;
	max-width: 100% !important;
	margin: 0 !important;
	line-height: 1.5 !important;
	transform: none !important;
	font-family: 'Poppins', sans-serif !important;
	white-space: normal !important;
	overflow: visible !important;
}

#portfolio-grid.pgi-cap-inside .pgi-title a {
	display: inline !important;
	background: #2563EB !important; /* Solid Brand Blue Strip */
	color: #ffffff !important;
	font-size: clamp(15px, 1.4vw, 20px) !important;
	font-weight: 700 !important;
	padding: 5px 12px !important;
	border-radius: 4px !important;
	box-decoration-break: clone !important;
	-webkit-box-decoration-break: clone !important;
	line-height: 1.65 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
	text-decoration: none !important;
	transition: background 0.25s ease, color 0.25s ease !important;
}

/* Hover Interaction: Invert Brand Colors */
.portfolio-grid-item:hover .pgi-title a {
	background: #C91F26 !important; /* Changes to Brand Red on hover */
	color: #ffffff !important;
}

.portfolio-grid-item:hover .pgi-category {
	background: #2563EB !important; /* Category changes to Brand Blue on hover */
	color: #ffffff !important;
}

@media (max-width: 767px) {
	#portfolio-grid.pgi-cap-inside .pgi-caption {
		left: 12px !important;
		bottom: 12px !important;
		max-width: calc(100% - 24px) !important;
	}
	#portfolio-grid.pgi-cap-inside .pgi-title a {
		font-size: 14px !important;
		padding: 4px 10px !important;
		line-height: 1.6 !important;
	}
	#portfolio-grid.pgi-cap-inside .pgi-category {
		font-size: 10px !important;
		padding: 4px 8px !important;
	}
}

/* 2. Page Header / Hero Banners: Clean Subtitle Strip & High-Contrast Typography */
#page-header.ph-bg-image::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 55% !important;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%) !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

#page-header .ph-caption {
	position: relative !important;
	z-index: 10 !important;
}

#page-header .ph-caption-subtitle {
	margin-bottom: 14px !important;
}

.ph-caption-subtitle .ph-appear,
#page-header .ph-caption-subtitle .ph-appear {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	background-color: #14161d !important;
	/* border: 1px solid var(--sunrich-blue) !important; */
	padding: 8px 22px !important;
	border-radius: 30px !important;
	font-size: 13px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-shadow: none !important;
}

#page-header .ph-caption-title {
	margin: 0 !important;
}

#page-header .ph-caption-title .ph-appear {
	display: block !important;
	background: none !important; /* Remove giant blue block */
	color: #ffffff !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: clamp(28px, 4.2vw, 64px) !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.5px !important;
	font-family: 'Poppins', sans-serif !important;
	text-shadow: 0 4px 24px rgba(0, 0, 0, 0.95), 0 2px 8px rgba(0, 0, 0, 0.9) !important;
}

/* 3. Next Project Footer Banner: Dedicated Sizing Strips (100% Readable) */
.tt-next-project::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: rgba(10, 11, 14, 0.72) !important; /* Balanced scrim so image shines through */
	pointer-events: none !important;
	z-index: 2 !important;
}

.tt-np-caption {
	position: relative !important;
	z-index: 5 !important;
	text-align: center !important;
	max-width: 900px !important;
	margin: 0 auto !important;
	padding: 70px 20px !important;
}

.tt-np-subtitle {
	display: inline-block !important;
	width: fit-content !important;
	background: #C91F26 !important; /* Brand Red Strip */
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.8px !important;
	padding: 5px 14px !important;
	border-radius: 4px !important;
	margin-bottom: 16px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
	text-shadow: none !important;
}

.tt-np-title {
	margin: 0 0 16px 0 !important;
}

.tt-np-title a {
	display: inline !important;
	background: none !important; /* Remove blue block */
	color: #ffffff !important;
	font-size: clamp(24px, 3.2vw, 46px) !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	padding: 0 !important;
	box-shadow: none !important;
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.95), 0 2px 6px rgba(0, 0, 0, 0.9) !important;
	text-decoration: none !important;
	transition: color 0.25s ease !important;
}

.tt-next-project:hover .tt-np-title a {
	color: #2563EB !important; /* Hover highlight to brand blue */
}

.next-proj-cat {
	display: inline-block !important;
	width: fit-content !important;
	background: #2563EB !important; /* Brand Blue Strip */
	color: #ffffff !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px !important;
	padding: 6px 18px !important;
	border-radius: 20px !important;
	margin-top: 8px !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
	text-shadow: none !important;
}

/* =====================================================================
   MICE HEADER: BACK TO SUNRICH360 HOME BUTTON & MENU PILL (Reference Match)
   ===================================================================== */
.tt-header-col:last-child {
	display: flex !important;
	align-items: center !important;
}

.tt-header-back-home-wrap {
	display: flex !important;
	align-items: center !important;
	margin-right: 0 !important;
	pointer-events: auto !important;
}

.tt-header-back-home {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	background: rgba(11, 27, 54, 0.72) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
	color: #ffffff !important;
	height: 44px !important;
	padding: 0 22px !important;
	border-radius: 50px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	text-decoration: none !important;
	line-height: 1 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
	transition: all 0.25s ease !important;
	pointer-events: auto !important;
}

.tt-header-back-home i {
	font-size: 11px !important;
	color: #93c5fd !important;
	transition: transform 0.25s ease, color 0.25s ease !important;
}

.tt-header-back-home:hover {
	background: #2563EB !important;
	border-color: #2563EB !important;
	color: #ffffff !important;
	box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45) !important;
	transform: translateY(-1px) !important;
}

.tt-header-back-home:hover i {
	color: #ffffff !important;
	transform: translateX(-3px) !important;
}

/* Vertical Divider Between Back Button and Menu Button */
.tt-header-nav-divider {
	display: inline-block !important;
	width: 1px !important;
	height: 22px !important;
	background-color: rgba(255, 255, 255, 0.45) !important;
	margin: 0 18px !important;
	pointer-events: none !important;
	flex-shrink: 0 !important;
}

/* Menu Toggle Pill Button (Matching Reference Layout) */
#tt-ol-menu-toggle-btn-wrap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
	background: rgba(11, 27, 54, 0.72) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
	border-radius: 50px !important;
	height: 44px !important;
	padding: 0 18px 0 22px !important;
	cursor: pointer !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
	transition: all 0.25s ease !important;
	z-index: 9999 !important;
}

.tt-ol-menu-btn-sep {
	display: inline-block !important;
	width: 1px !important;
	height: 18px !important;
	background-color: rgba(255, 255, 255, 0.22) !important;
	flex-shrink: 0 !important;
}

.tt-ol-menu-toggle-btn-text {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	letter-spacing: 1.2px !important;
}

@media (max-width: 767px) {
	.tt-header-nav-divider {
		margin: 0 10px !important;
		height: 18px !important;
	}
	.tt-header-back-home {
		height: 38px !important;
		padding: 0 14px !important;
		font-size: 11px !important;
		letter-spacing: 0.5px !important;
	}
	.tt-header-back-home .back-home-text {
		display: none !important;
	}
	.tt-header-back-home::after {
		content: "Home" !important;
	}
	#tt-ol-menu-toggle-btn-wrap {
		height: 38px !important;
		padding: 0 14px 0 16px !important;
		gap: 8px !important;
	}
}

/* In Overlay Menu List */
.tt-ol-menu-list li.menu-item-portal {
	margin-top: 18px !important;
	padding-top: 18px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.tt-ol-menu-list li.menu-item-portal a {
	color: #94a3b8 !important;
	font-size: clamp(16px, 1.8vw, 22px) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	transition: color 0.25s ease !important;
}

.tt-ol-menu-list li.menu-item-portal a:hover {
	color: #2563EB !important;
}

.tt-ol-menu-list li.menu-item-portal a i {
	font-size: 0.85em !important;
	color: #C91F26 !important;
	transition: transform 0.25s ease !important;
}

.tt-ol-menu-list li.menu-item-portal a:hover i {
	transform: translateX(-4px) !important;
	color: #2563EB !important;
}

/* =====================================================================
   PORTFOLIO SPLIT-DIAGONAL HERO HEADER (Reference Exact Match)
   ===================================================================== */
#page-header.ph-portfolio-hero {
	position: relative !important;
	width: 100% !important;
	height: 100vh !important;
	min-height: 680px !important;
	max-height: 1150px !important;
	overflow: hidden !important;
	background-color: #0b1d3a !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
}

#page-header.ph-portfolio-hero::before,
#page-header.ph-portfolio-hero::after {
	display: none !important;
}

/* 1. Right Framed Photo Layer */
.ph-hero-photo-layer {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 25% !important; /* Shifts photo right so full group subject sits cleanly in right 75% */
	width: 75% !important;
	height: 100% !important;
	z-index: 1 !important;
	overflow: hidden !important;
}

.ph-hero-photo-layer img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center bottom !important;
	display: block !important;
	filter: none !important;
	opacity: 1 !important;
}

/* 2. Multi-Layer Diagonal Overlay SVG */
.ph-hero-diagonal-svg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 2 !important;
	pointer-events: none !important;
	display: block !important;
}

/* 3. Left Content Overlay Container */
.ph-hero-container {
	position: relative !important;
	z-index: 5 !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 4.2vw !important;
	margin-top: -15px !important;
	pointer-events: none !important;
}

.ph-hero-content {
	max-width: 650px !important;
	pointer-events: auto !important;
}

/* Category Pill Badge */
.ph-hero-badge-wrap {
	margin-bottom: 22px !important;
}

.ph-hero-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background-color: rgba(11, 24, 48, 0.85) !important;
	border: 1px solid rgba(201, 31, 38, 0.65) !important;
	border-radius: 50px !important;
	padding: 7px 20px 7px 16px !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.ph-hero-badge-dot {
	width: 9px !important;
	height: 9px !important;
	border-radius: 50% !important;
	background-color: #e02430 !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
}

.ph-hero-badge-text {
	font-family: 'Poppins', sans-serif !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 1.4px !important;
	line-height: 1 !important;
}

/* Main Hero Heading */
h1.ph-hero-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: clamp(32px, 3.35vw, 56px) !important;
	font-weight: 700 !important;
	line-height: 1.16 !important;
	letter-spacing: -0.5px !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	margin: 0 0 20px 0 !important;
	text-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

/* Hero Description Paragraph */
p.ph-hero-desc {
	font-family: 'Poppins', sans-serif !important;
	font-size: clamp(14px, 1.02vw, 16.5px) !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	color: rgba(226, 232, 240, 0.92) !important;
	max-width: 470px !important;
	margin: 0 0 26px 0 !important;
}

/* Date & Location Meta Row */
.ph-hero-meta {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 18px !important;
	margin-bottom: 34px !important;
}

.ph-hero-meta-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 400 !important;
	color: #ffffff !important;
}

.ph-hero-meta-icon {
	width: 18px !important;
	height: 18px !important;
	color: rgba(255, 255, 255, 0.88) !important;
	flex-shrink: 0 !important;
}

.ph-hero-meta-divider {
	display: inline-block !important;
	width: 1px !important;
	height: 20px !important;
	background-color: rgba(255, 255, 255, 0.32) !important;
}

/* Explore Event CTA Button */
.ph-hero-cta-wrap {
	display: block !important;
}

.ph-hero-cta-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
	background: linear-gradient(90deg, #e11d2e 0%, #d41929 100%) !important;
	color: #ffffff !important;
	padding: 15px 32px !important;
	border-radius: 50px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	text-decoration: none !important;
	box-shadow: 0 8px 24px rgba(225, 29, 46, 0.38) !important;
	transition: all 0.28s ease !important;
}

.ph-hero-cta-btn:hover {
	background: linear-gradient(90deg, #f02234 0%, #e11d2e 100%) !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 28px rgba(225, 29, 46, 0.52) !important;
}

.ph-hero-cta-arrow {
	width: 17px !important;
	height: 17px !important;
	transition: transform 0.25s ease !important;
}

.ph-hero-cta-btn:hover .ph-hero-cta-arrow {
	transform: translateX(4px) !important;
}

/* 4. Bottom-Left Scroll Indicator */
.ph-hero-scroll-indicator {
	position: absolute !important;
	left: 4.2vw !important;
	bottom: 36px !important;
	z-index: 6 !important;
}

.ph-hero-scroll-link {
	display: inline-flex !important;
	align-items: flex-end !important;
	gap: 14px !important;
	text-decoration: none !important;
	color: #ffffff !important;
}

.ph-hero-scroll-left {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.ph-hero-mouse {
	width: 19px !important;
	height: 30px !important;
	border: 1.5px solid rgba(255, 255, 255, 0.78) !important;
	border-radius: 12px !important;
	display: flex !important;
	justify-content: center !important;
	padding-top: 5px !important;
	box-sizing: border-box !important;
}

.ph-hero-mouse-wheel {
	width: 1.5px !important;
	height: 7px !important;
	background-color: rgba(255, 255, 255, 0.85) !important;
	border-radius: 2px !important;
	animation: sunrichMouseWheel 1.8s ease-in-out infinite !important;
}

@keyframes sunrichMouseWheel {
	0%, 100% {
		transform: translateY(0);
		opacity: 1;
	}
	60% {
		transform: translateY(5px);
		opacity: 0.35;
	}
}

.ph-hero-scroll-line {
	display: block !important;
	width: 1.5px !important;
	height: 32px !important;
	background-color: rgba(255, 255, 255, 0.65) !important;
	margin-top: 8px !important;
}

.ph-hero-scroll-text {
	font-family: 'Poppins', sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 500 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.85) !important;
	line-height: 1 !important;
	padding-bottom: 5px !important;
	transition: color 0.25s ease !important;
}

.ph-hero-scroll-link:hover .ph-hero-scroll-text {
	color: #ffffff !important;
}

/* Responsive Adjustments for Tablet & Mobile */
@media (max-width: 1199px) {
	.ph-hero-photo-layer {
		left: 15% !important;
		width: 85% !important;
	}
	.ph-hero-content {
		max-width: 520px !important;
	}
}

@media (max-width: 991px) {
	#page-header.ph-portfolio-hero {
		height: auto !important;
		min-height: 100vh !important;
		padding: 120px 0 110px !important;
	}
	.ph-hero-photo-layer {
		left: 0 !important;
		width: 100% !important;
	}
	.ph-hero-diagonal-svg {
		opacity: 0.92 !important;
	}
	.ph-hero-container {
		padding: 0 24px !important;
		margin-top: 0 !important;
	}
	.ph-hero-scroll-indicator {
		left: 24px !important;
		bottom: 24px !important;
	}
}

/* =====================================================================
   PORTFOLIO DETAILS PAGE CONTENT - BANNER-MATCHED NAVY & RED DESIGN
   ===================================================================== */

/* Deep Navy Page Canvas matching Hero Banner */
.sr-pd-page-content {
	background-color: #071428 !important;
	background-image:
		radial-gradient(circle at 12% 18%, rgba(23, 62, 120, 0.32) 0%, transparent 45%),
		radial-gradient(circle at 88% 65%, rgba(225, 29, 46, 0.08) 0%, transparent 45%) !important;
	position: relative !important;
}

/* Shared Banner-Matched Red-Dot Pill Badge */
.sr-pd-pill-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background-color: rgba(11, 24, 48, 0.88) !important;
	border: 1px solid rgba(201, 31, 38, 0.65) !important;
	border-radius: 50px !important;
	padding: 7px 20px 7px 15px !important;
	margin-bottom: 18px !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.22) !important;
}

.sr-pd-pill-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background-color: #e02430 !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
}

.sr-pd-pill-text {
	font-family: 'Poppins', sans-serif !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	line-height: 1 !important;
}

/* Shared Banner-Matched Section Titles */
h2.sr-pd-section-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: clamp(26px, 2.3vw, 38px) !important;
	font-weight: 700 !important;
	line-height: 1.22 !important;
	letter-spacing: -0.4px !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	margin: 0 0 18px 0 !important;
}

h2.sr-pd-section-title span {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	position: relative !important;
}

/* Accent Rule under Left Overview Heading */
.sr-pd-accent-Rule {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 22px 0 32px 0 !important;
}

.sr-pd-accent-Rule .rule-red {
	width: 44px !important;
	height: 3px !important;
	border-radius: 3px !important;
	background-color: #e02430 !important;
}

.sr-pd-accent-Rule .rule-line {
	width: 90px !important;
	height: 1px !important;
	background-color: rgba(255, 255, 255, 0.22) !important;
}

/* Back to Portfolio Button (Matches Header "Back to SUNRICH360" Pill) */
.sr-pd-back-wrap {
	margin-top: 8px !important;
}

.sr-pd-back-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
	background: rgba(11, 27, 54, 0.78) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	color: #ffffff !important;
	height: 44px !important;
	padding: 0 24px !important;
	border-radius: 50px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	text-decoration: none !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
	transition: all 0.25s ease !important;
}

.sr-pd-back-btn i {
	font-size: 11px !important;
	color: #93c5fd !important;
	transition: transform 0.25s ease, color 0.25s ease !important;
}

.sr-pd-back-btn:hover {
	background: #e11d2e !important;
	border-color: #e11d2e !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 24px rgba(225, 29, 46, 0.4) !important;
}

.sr-pd-back-btn:hover i {
	color: #ffffff !important;
	transform: translateX(-3px) !important;
}

/* Section 1 Right: Narrative Card */
.sr-pd-narrative-card {
	position: relative !important;
	background: linear-gradient(135deg, rgba(14, 37, 75, 0.72) 0%, rgba(9, 23, 46, 0.85) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-left: 3.5px solid #e02430 !important;
	border-radius: 14px !important;
	padding: 28px 34px !important;
	margin-bottom: 28px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28) !important;
}

.sr-pd-narrative-text {
	font-family: 'Poppins', sans-serif !important;
	font-size: 16.5px !important;
	font-weight: 400 !important;
	line-height: 1.8 !important;
	color: rgba(226, 232, 240, 0.94) !important;
	margin: 0 !important;
}

/* Section 1 Right: Executive Specification Card */
.sr-pd-spec-card {
	position: relative !important;
	background: linear-gradient(135deg, #0b1d3a 0%, #102a52 60%, #09172e 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 16px !important;
	padding: 30px 32px 26px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
	overflow: hidden !important;
}

/* Subtle diagonal sheen on spec card */
.sr-pd-spec-card::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 240px !important;
	height: 100% !important;
	background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.04) 35.5%, rgba(23, 64, 128, 0.22) 100%) !important;
	pointer-events: none !important;
}

.sr-pd-spec-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 24px 28px !important;
	position: relative !important;
	z-index: 2 !important;
}

@media (min-width: 1200px) {
	.sr-pd-spec-grid {
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 18px !important;
	}
}

.sr-pd-spec-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
	padding-right: 12px !important;
	border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.sr-pd-spec-item:last-child {
	border-right: none !important;
	padding-right: 0 !important;
}

@media (max-width: 1199px) {
	.sr-pd-spec-item:nth-child(2n) {
		border-right: none !important;
	}
}

@media (max-width: 575px) {
	.sr-pd-spec-grid {
		grid-template-columns: 1fr !important;
	}
	.sr-pd-spec-item {
		border-right: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
		padding-bottom: 16px !important;
	}
	.sr-pd-spec-item:last-child {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}
}

.sr-pd-spec-icon {
	width: 38px !important;
	height: 38px !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #93c5fd !important;
	flex-shrink: 0 !important;
}

.sr-pd-spec-icon.sr-spec-icon-red {
	background: rgba(225, 29, 46, 0.15) !important;
	border-color: rgba(225, 29, 46, 0.5) !important;
	color: #ff6b78 !important;
}

.sr-pd-spec-icon svg {
	width: 18px !important;
	height: 18px !important;
}

.sr-pd-spec-label {
	font-size: 10.5px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.1px !important;
	color: rgba(148, 163, 184, 0.95) !important;
	margin-bottom: 4px !important;
	line-height: 1.2 !important;
}

.sr-pd-spec-val {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	line-height: 1.35 !important;
}

.sr-pd-spec-val.sr-spec-val-highlight {
	color: #ff5a67 !important;
	font-weight: 700 !important;
}

/* Operational Disciplines Pill Footer inside Spec Card */
.sr-pd-disciplines-bar {
	position: relative !important;
	z-index: 2 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
	margin-top: 24px !important;
	padding-top: 20px !important;
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.sr-pd-disciplines-label {
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	color: rgba(203, 213, 225, 0.85) !important;
	margin-right: 4px !important;
}

.sr-pd-disciplines-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.sr-pd-disc-tag {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: rgba(9, 23, 46, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 30px !important;
	padding: 5px 15px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #ffffff !important;
}

.sr-pd-disc-tag .disc-dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background-color: #e02430 !important;
}

/* =====================================================================
   SECTION 2: KEY DELIVERABLES & TECHNICAL STAGING CARDS
   ===================================================================== */
.sr-pd-section-header {
	margin-bottom: 40px !important;
}

.sr-pd-deliv-card {
	position: relative !important;
	background: linear-gradient(155deg, #0e254b 0%, #09172e 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 16px !important;
	padding: 32px 26px 30px !important;
	height: 100% !important;
	overflow: hidden !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sr-pd-deliv-card::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 3px !important;
	background: linear-gradient(90deg, #e11d2e 0%, rgba(37, 99, 235, 0.6) 100%) !important;
	opacity: 0.75 !important;
	transition: opacity 0.3s ease, height 0.3s ease !important;
}

.sr-pd-deliv-card:hover {
	transform: translateY(-6px) !important;
	border-color: rgba(225, 29, 46, 0.65) !important;
	box-shadow: 0 20px 42px rgba(0, 0, 0, 0.5) !important;
}

.sr-pd-deliv-card:hover::after {
	opacity: 1 !important;
	height: 4px !important;
}

.sr-pd-deliv-corner {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 110px !important;
	height: 110px !important;
	pointer-events: none !important;
}

.sr-pd-deliv-top {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 18px !important;
	position: relative !important;
	z-index: 2 !important;
}

.sr-pd-deliv-num {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(225, 29, 46, 0.16) !important;
	border: 1px solid rgba(225, 29, 46, 0.6) !important;
	color: #ffffff !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	padding: 4px 13px !important;
	border-radius: 30px !important;
	letter-spacing: 0.8px !important;
}

.sr-pd-deliv-badge-line {
	width: 36px !important;
	height: 1px !important;
	background-color: rgba(255, 255, 255, 0.22) !important;
}

h4.sr-pd-deliv-title {
	position: relative !important;
	z-index: 2 !important;
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.38 !important;
	margin: 0 0 12px 0 !important;
}

p.sr-pd-deliv-desc {
	position: relative !important;
	z-index: 2 !important;
	color: rgba(203, 213, 225, 0.88) !important;
	font-size: 14px !important;
	line-height: 1.68 !important;
	margin: 0 !important;
}

/* =====================================================================
   SECTION 3: VISUAL ARCHIVE GALLERY (Banner-Matched Styling)
   ===================================================================== */
.sr-pd-gallery-header {
	margin-bottom: 34px !important;
}

.sr-pd-section-desc {
	color: rgba(203, 213, 225, 0.88) !important;
	font-size: 15px !important;
	max-width: 680px !important;
	line-height: 1.7 !important;
	margin: 6px 0 0 0 !important;
}

.sr-pd-page-content .mice-gallery-card {
	background-color: #0b1d3a !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 14px !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
}

.sr-pd-page-content .mice-gallery-card:hover {
	border-color: rgba(225, 29, 46, 0.75) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.65) !important;
}

.sr-pd-page-content .mice-gallery-top-badge .badge-tag {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background-color: rgba(11, 24, 48, 0.9) !important;
	border: 1px solid rgba(201, 31, 38, 0.7) !important;
	color: #ffffff !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	letter-spacing: 1.2px !important;
	padding: 5px 14px 5px 11px !important;
	border-radius: 30px !important;
}

.sr-pd-page-content .mice-gallery-top-badge .badge-tag-dot {
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background-color: #e02430 !important;
	display: inline-block !important;
}

.sr-pd-page-content .mice-gallery-caption {
	background: linear-gradient(135deg, rgba(11, 29, 58, 0.94) 0%, rgba(9, 23, 46, 0.96) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-left: 3px solid #e02430 !important;
	border-radius: 10px !important;
	padding: 12px 16px !important;
}

.sr-pd-page-content .mice-gallery-meta i {
	color: #e02430 !important;
}

/* =====================================================================
   SECTION 4: EXECUTIVE ADVISORY SPLIT-DIAGONAL CTA BANNER
   ===================================================================== */
.sr-pd-cta-banner {
	position: relative !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.45) !important;
	padding: 56px 52px !important;
	background-color: #0b1d3a !important;
}

.sr-pd-cta-svg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

.sr-pd-cta-inner {
	position: relative !important;
	z-index: 3 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 40px !important;
	flex-wrap: wrap !important;
}

.sr-pd-cta-left {
	max-width: 680px !important;
}

h2.sr-pd-cta-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: clamp(26px, 2.5vw, 40px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
	margin: 0 0 14px 0 !important;
}

p.sr-pd-cta-desc {
	font-size: 15.5px !important;
	line-height: 1.7 !important;
	color: rgba(226, 232, 240, 0.9) !important;
	margin: 0 !important;
}

.sr-pd-cta-right {
	flex-shrink: 0 !important;
}

@media (max-width: 991px) {
	.sr-pd-cta-banner {
		padding: 40px 28px !important;
	}
	.sr-pd-cta-inner {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 28px !important;
	}
}

/* =====================================================================
   SECTION 5: NEXT MICE PROJECT SPLIT-DIAGONAL HERO SHOWCASE
   ===================================================================== */
.sr-pd-next-hero {
	position: relative !important;
	width: 100% !important;
	min-height: 500px !important;
	background-color: #0b1d3a !important;
	border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	padding: 80px 0 !important;
}

.sr-pd-next-photo {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 25% !important;
	width: 75% !important;
	height: 100% !important;
	z-index: 1 !important;
	overflow: hidden !important;
}

.sr-pd-next-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
	transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sr-pd-next-hero:hover .sr-pd-next-photo img {
	transform: scale(1.04) !important;
}

.sr-pd-next-diagonal-svg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

.sr-pd-next-container {
	position: relative !important;
	z-index: 5 !important;
	width: 100% !important;
	padding: 0 4.2vw !important;
}

.sr-pd-next-content {
	max-width: 640px !important;
}

h2.sr-pd-next-title {
	margin: 4px 0 22px 0 !important;
}

h2.sr-pd-next-title a {
	font-family: 'Poppins', sans-serif !important;
	font-size: clamp(28px, 3vw, 48px) !important;
	font-weight: 700 !important;
	line-height: 1.18 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: color 0.25s ease !important;
}

h2.sr-pd-next-title a:hover {
	color: #93c5fd !important;
}

.sr-pd-next-meta {
	margin-bottom: 30px !important;
}

@media (max-width: 991px) {
	.sr-pd-next-photo {
		left: 0 !important;
		width: 100% !important;
	}
	.sr-pd-next-diagonal-svg {
		opacity: 0.92 !important;
	}
	.sr-pd-next-container {
		padding: 0 24px !important;
	}
}

/* Seamless Footer Connection on Portfolio Details Page */
#page-content.sr-pd-page-content ~ footer.sunrich-mice-footer,
.sr-pd-page-content + .sunrich-mice-footer {
	margin-top: 0 !important;
	background-color: #050e1d !important;
}

/* =====================================================================
   HOME PAGE (index.php) - BANNER-MATCHED PORTFOLIO SHOWCASE & FILTERS
   ===================================================================== */

.sr-home-pillars-card {
	padding: 28px 32px !important;
}

/* Portfolio Section Header & Filter Bar */
.sr-home-portfolio-header {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 28px !important;
	margin-bottom: 42px !important;
}

.sr-home-ph-left {
	max-width: 600px !important;
}

/* Banner-Matched Category Filter Pills */
.sr-home-filter-pills {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.sr-filter-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 9px !important;
	background: rgba(11, 27, 54, 0.78) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: 50px !important;
	padding: 9px 20px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	color: rgba(226, 232, 240, 0.92) !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	outline: none !important;
}

.sr-filter-pill .pill-dot {
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background-color: rgba(255, 255, 255, 0.35) !important;
	transition: all 0.25s ease !important;
}

.sr-filter-pill:hover {
	border-color: rgba(225, 29, 46, 0.7) !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
}

.sr-filter-pill:hover .pill-dot {
	background-color: #e02430 !important;
}

.sr-filter-pill.active {
	background: linear-gradient(90deg, #e11d2e 0%, #d41929 100%) !important;
	border-color: #e11d2e !important;
	color: #ffffff !important;
	box-shadow: 0 6px 20px rgba(225, 29, 46, 0.38) !important;
}

.sr-filter-pill.active .pill-dot {
	background-color: #ffffff !important;
}

/* Home Portfolio Grid Cards (Banner-Matched Deep Navy & Frosted Overlays) */
#portfolio-grid.sr-home-portfolio-grid .sr-home-pgi-card {
	position: relative !important;
	background-color: #0b1d3a !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#portfolio-grid.sr-home-portfolio-grid .sr-home-pgi-card:hover {
	border-color: rgba(225, 29, 46, 0.75) !important;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.65) !important;
	outline: none !important;
	transform: translateY(-5px) !important;
}

/* Top Bar Inside Portfolio Card (Red-Dot Pill Badge + Arrow Circle) */
.sr-pgi-top-bar {
	position: absolute !important;
	top: 22px !important;
	left: 22px !important;
	right: 22px !important;
	z-index: 12 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	pointer-events: none !important;
}

.sr-pgi-pill {
	margin-bottom: 0 !important;
	background-color: rgba(9, 23, 46, 0.9) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(225, 29, 46, 0.7) !important;
	padding: 6px 16px 6px 13px !important;
}

.sr-pgi-arrow-btn {
	pointer-events: auto !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, #e11d2e 0%, #c91f26 100%) !important;
	color: #ffffff !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 6px 18px rgba(225, 29, 46, 0.45) !important;
	transition: all 0.28s ease !important;
	text-decoration: none !important;
	flex-shrink: 0 !important;
}

.sr-pgi-arrow-btn svg {
	width: 18px !important;
	height: 18px !important;
	transform: rotate(-45deg) !important;
	transition: transform 0.28s ease !important;
}

.sr-home-pgi-card:hover .sr-pgi-arrow-btn {
	transform: scale(1.08) !important;
	box-shadow: 0 8px 24px rgba(225, 29, 46, 0.65) !important;
}

.sr-home-pgi-card:hover .sr-pgi-arrow-btn svg {
	transform: rotate(0deg) !important;
}

/* Bottom Frosted Navy Caption Bar inside Portfolio Card */
#portfolio-grid.sr-home-portfolio-grid .pgi-caption.sr-pgi-caption {
	position: absolute !important;
	left: 20px !important;
	right: 20px !important;
	bottom: 20px !important;
	width: auto !important;
	max-width: none !important;
	background: linear-gradient(135deg, rgba(11, 29, 58, 0.92) 0%, rgba(8, 20, 42, 0.95) 100%) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-left: 4px solid #e02430 !important;
	border-radius: 14px !important;
	padding: 18px 22px !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
	z-index: 12 !important;
	transition: all 0.3s ease !important;
}

#portfolio-grid.sr-home-portfolio-grid .sr-pgi-caption-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
}

#portfolio-grid.sr-home-portfolio-grid .pgi-title.sr-pgi-title {
	margin: 0 !important;
	line-height: 1.28 !important;
	width: 100% !important;
}

#portfolio-grid.sr-home-portfolio-grid .pgi-title.sr-pgi-title a {
	display: inline-block !important;
	background: transparent !important;
	color: #ffffff !important;
	font-size: clamp(18px, 1.55vw, 24px) !important;
	font-weight: 700 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	line-height: 1.28 !important;
	text-decoration: none !important;
	transition: color 0.25s ease !important;
}

#portfolio-grid.sr-home-portfolio-grid .sr-home-pgi-card:hover .pgi-title.sr-pgi-title a {
	background: transparent !important;
	color: #93c5fd !important;
}

.sr-pgi-meta {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	font-size: 12.5px !important;
	font-weight: 400 !important;
	color: rgba(226, 232, 240, 0.9) !important;
}

.sr-pgi-meta-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
}

.sr-pgi-meta-item i {
	color: #e02430 !important;
	font-size: 12px !important;
}

.sr-pgi-meta-sep {
	color: rgba(255, 255, 255, 0.35) !important;
}

@media (max-width: 767px) {
	.sr-pgi-top-bar {
		top: 14px !important;
		left: 14px !important;
		right: 14px !important;
	}
	#portfolio-grid.sr-home-portfolio-grid .pgi-caption.sr-pgi-caption {
		left: 12px !important;
		right: 12px !important;
		bottom: 12px !important;
		padding: 14px 16px !important;
	}
	#portfolio-grid.sr-home-portfolio-grid .pgi-title.sr-pgi-title a {
		font-size: 16px !important;
	}
	.sr-pgi-meta {
		font-size: 11.5px !important;
		gap: 8px !important;
	}
}

/* =====================================================================
   TEXT-ONLY PAGE HEADER ("MICE Experiences" on index.php) - NAVY & RED
   ===================================================================== */
body, #body-inner, #scroll-container, .tt-overlay-menu {
	/* background-color: #0b1c38 !important; */
	background: linear-gradient(135deg, #091933 0%, #0b1d3a 55%, #071428 100%) !important;
}

#page-header:not(.ph-portfolio-hero) {
	background: linear-gradient(135deg, #091933 0%, #0b1d3a 55%, #071428 100%) !important;
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; */
	overflow: hidden !important;
}

body:not(.ph-image-on) #page-header:not(.ph-portfolio-hero) .page-header-inner,
#page-header:not(.ph-portfolio-hero) .page-header-inner.tt-wrap {
	max-width: 1820px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 135px 30px 45px 30px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
}

#page-header:not(.ph-portfolio-hero) .ph-caption {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	width: 100% !important;
	max-width: 900px !important;
	margin: 0 auto !important;
}

#page-header:not(.ph-portfolio-hero) .ph-caption-subtitle {
	margin-bottom: 14px !important;
}

#page-header:not(.ph-portfolio-hero) .ph-caption-subtitle .ph-appear {
	background-color: rgba(11, 24, 48, 0.88) !important;
	border: 1px solid rgba(201, 31, 38, 0.65) !important;
	border-radius: 50px !important;
	padding: 7px 22px 7px 16px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	letter-spacing: 1.5px !important;
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

#page-header:not(.ph-portfolio-hero) .ph-caption-subtitle .ph-appear::before {
	background-color: #e02430 !important;
	width: 8px !important;
	height: 8px !important;
}

#page-header:not(.ph-portfolio-hero) .ph-caption-title .ph-appear {
	font-size: clamp(34px, 4.2vw, 62px) !important;
	line-height: 1.12 !important;
	text-align: center !important;
}

#page-header:not(.ph-portfolio-hero) .ph-caption-title-ghost {
	bottom: -15px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}

#page-header:not(.ph-portfolio-hero) .ph-caption-title-ghost .ph-appear {
	color: rgba(147, 197, 253, 0.04) !important;
	-webkit-text-fill-color: rgba(147, 197, 253, 0.04) !important;
}

#page-header:not(.ph-portfolio-hero) .tt-scroll-down {
	display: none !important;
}

/* Portfolio 1820px Full Showcase Container */
.sr-portfolio-1820-section {
	padding: 45px 0 90px 0 !important;
}

.sr-portfolio-1820-wrap {
	max-width: 1820px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 30px !important;
	box-sizing: border-box !important;
}

@media (max-width: 767px) {
	body:not(.ph-image-on) #page-header:not(.ph-portfolio-hero) .page-header-inner,
	#page-header:not(.ph-portfolio-hero) .page-header-inner.tt-wrap {
		padding: 110px 18px 32px 18px !important;
	}
	.sr-portfolio-1820-wrap {
		padding: 0 16px !important;
	}
}

/* =====================================================================
   DISTINCT MICE HOME PAGE SECTIONS (Bento Matrix, Metrics Ribbon, Process Track)
   ===================================================================== */

/* Center Header for M.I.C.E. Bento Matrix */
.sr-home-center-head {
	text-align: center !important;
	max-width: 720px !important;
	margin: 0 auto 50px auto !important;
}

.sr-home-center-sub {
	font-size: 15.5px !important;
	line-height: 1.75 !important;
	color: rgba(203, 213, 225, 0.88) !important;
	margin: 10px 0 0 0 !important;
}

/* 2x2 Architectural M.I.C.E. Bento Grid */
.sr-home-bento-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 28px !important;
}

@media (max-width: 991px) {
	.sr-home-bento-grid {
		grid-template-columns: 1fr !important;
		gap: 22px !important;
	}
}

.sr-bento-card {
	position: relative !important;
	background: linear-gradient(145deg, #0b1d3a 0%, #09172e 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 20px !important;
	padding: 38px 36px 34px !important;
	overflow: hidden !important;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.35) !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sr-bento-card.sr-bento-card-accent {
	background: linear-gradient(145deg, #102a52 0%, #0b1d3a 100%) !important;
	border-color: rgba(225, 29, 46, 0.4) !important;
}

.sr-bento-card:hover {
	transform: translateY(-6px) !important;
	border-color: #e02430 !important;
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.52) !important;
}

/* Giant Watermark Letter (M, I, C, E) */
.sr-bento-watermark {
	position: absolute !important;
	right: 22px !important;
	bottom: -18px !important;
	font-size: 155px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	color: rgba(255, 255, 255, 0.035) !important;
	pointer-events: none !important;
	user-select: none !important;
	z-index: 1 !important;
}

.sr-bento-top {
	position: relative !important;
	z-index: 2 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 22px !important;
}

.sr-bento-code {
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 1.6px !important;
	text-transform: uppercase !important;
	color: #ff5a67 !important;
	background: rgba(225, 29, 46, 0.14) !important;
	border: 1px solid rgba(225, 29, 46, 0.45) !important;
	padding: 5px 14px !important;
	border-radius: 30px !important;
}

.sr-bento-icon {
	width: 44px !important;
	height: 44px !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #93c5fd !important;
	font-size: 17px !important;
}

.sr-bento-title {
	position: relative !important;
	z-index: 2 !important;
	color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin: 0 0 14px 0 !important;
}

.sr-bento-desc {
	position: relative !important;
	z-index: 2 !important;
	color: rgba(226, 232, 240, 0.88) !important;
	font-size: 14.5px !important;
	line-height: 1.72 !important;
	margin: 0 0 24px 0 !important;
}

.sr-bento-tags {
	position: relative !important;
	z-index: 2 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.sr-bento-tags span {
	font-size: 11.5px !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	background: rgba(7, 20, 40, 0.75) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 30px !important;
	padding: 4px 13px !important;
}

/* Section 3: Global Impact Metrics Ribbon */
.sr-home-metrics-ribbon {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	background: linear-gradient(90deg, #0b1d3a 0%, #112d57 50%, #0b1d3a 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-left: 4px solid #e02430 !important;
	border-right: 4px solid #e02430 !important;
	border-radius: 18px !important;
	padding: 38px 24px !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 991px) {
	.sr-home-metrics-ribbon {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 24px !important;
	}
}

@media (max-width: 575px) {
	.sr-home-metrics-ribbon {
		grid-template-columns: 1fr !important;
	}
}

.sr-metric-box {
	text-align: center !important;
	padding: 6px 18px !important;
	border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.sr-metric-box:last-child {
	border-right: none !important;
}

@media (max-width: 991px) {
	.sr-metric-box:nth-child(2n) {
		border-right: none !important;
	}
}

@media (max-width: 575px) {
	.sr-metric-box {
		border-right: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
		padding-bottom: 18px !important;
	}
	.sr-metric-box:last-child {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}
}

.sr-metric-num {
	font-size: clamp(32px, 3vw, 46px) !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: #ffffff !important;
	margin-bottom: 8px !important;
	letter-spacing: -1px !important;
}

.sr-metric-num span {
	color: #e02430 !important;
	margin-left: 2px !important;
}

.sr-metric-lbl {
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.1px !important;
	color: rgba(203, 213, 225, 0.9) !important;
}

/* Section 4: 4-Stage Turnkey Execution Workflow */
.sr-home-process-wrap {
	background: linear-gradient(145deg, rgba(14, 37, 75, 0.7) 0%, rgba(8, 20, 42, 0.92) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 22px !important;
	padding: 48px 44px !important;
	box-shadow: 0 20px 46px rgba(0, 0, 0, 0.38) !important;
}

.sr-home-process-head {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
	padding-bottom: 36px !important;
	margin-bottom: 38px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.sr-home-process-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 26px !important;
}

@media (max-width: 991px) {
	.sr-home-process-wrap {
		padding: 34px 24px !important;
	}
	.sr-home-process-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 575px) {
	.sr-home-process-grid {
		grid-template-columns: 1fr !important;
	}
}

.sr-step-header {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 18px !important;
}

.sr-step-badge {
	display: inline-block !important;
	background: rgba(11, 29, 58, 0.95) !important;
	border: 1px solid rgba(147, 197, 253, 0.45) !important;
	color: #93c5fd !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 1.4px !important;
	padding: 5px 14px !important;
	border-radius: 30px !important;
	flex-shrink: 0 !important;
}

.sr-step-badge.sr-step-badge-red {
	background: linear-gradient(90deg, #e11d2e 0%, #c91f26 100%) !important;
	border-color: #e11d2e !important;
	color: #ffffff !important;
}

.sr-step-connector {
	flex-grow: 1 !important;
	height: 1px !important;
	background: linear-gradient(90deg, rgba(225, 29, 46, 0.65) 0%, rgba(255, 255, 255, 0.12) 100%) !important;
}

.sr-step-title {
	color: #ffffff !important;
	font-size: 17.5px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 0 10px 0 !important;
}

.sr-step-desc {
	color: rgba(203, 213, 225, 0.88) !important;
	font-size: 13.5px !important;
	line-height: 1.68 !important;
	margin: 0 !important;
}

/* =====================================================================
   EDITORIAL SPLIT-DIAGONAL PORTFOLIO SHOWCASE GRID (index.php)
   ===================================================================== */
.sr-portfolio-editorial-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: 34px !important;
	width: 100% !important;
}

/* Base Card Frame */
.sr-pcard {
	position: relative !important;
	min-width: 0 !important;
	background-color: #0b1d3a !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 22px !important;
	overflow: hidden !important;
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.48) !important;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sr-pcard:hover {
	border-color: rgba(225, 29, 46, 0.75) !important;
	box-shadow: 0 26px 58px rgba(0, 0, 0, 0.68) !important;
	transform: translateY(-5px) !important;
}

/* 1. Featured Full-Width Split-Diagonal Horizontal Card (Spans 2 Columns) */
.sr-pcard.sr-pcard-featured {
	grid-column: span 2 !important;
	width: 100% !important;
	min-height: 760px !important;
	display: flex !important;
	align-items: center !important;
}

.sr-pcard-media {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 24% !important;
	width: 76% !important;
	height: 100% !important;
	z-index: 1 !important;
	overflow: hidden !important;
}

.sr-pcard-media a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.sr-pcard-media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center bottom !important;
	display: block !important;
	transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sr-pcard-featured:hover .sr-pcard-media img {
	transform: scale(1.05) !important;
}

.sr-pcard-diag-svg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

.sr-pcard-body {
	position: relative !important;
	z-index: 5 !important;
	width: 48% !important;
	padding: 46px 48px !important;
	pointer-events: auto !important;
}

/* Reversed Left-Image / Right-Text Split for Project 04 Only */
.sr-pcard.sr-pcard-featured.sr-pcard-split-reverse {
	justify-content: flex-end !important;
}

.sr-pcard.sr-pcard-featured.sr-pcard-split-reverse .sr-pcard-media {
	left: 0 !important;
	right: 24% !important;
	width: 76% !important;
}

.sr-pcard.sr-pcard-featured.sr-pcard-split-reverse .sr-pcard-body {
	margin-left: auto !important;
	width: 46% !important;
	padding: 46px 48px 46px 153px !important;
}

.sr-pcard-num-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	margin-bottom: 18px !important;
}

.sr-pcard-badge {
	margin-bottom: 0 !important;
}

.sr-pcard-index {
	font-size: 32px !important;
	font-weight: 800 !important;
	color: rgba(255, 255, 255, 0.14) !important;
	line-height: 1 !important;
	letter-spacing: -1px !important;
}

h2.sr-pcard-title {
	margin: 0 0 14px 0 !important;
}

h2.sr-pcard-title a {
	font-family: 'Poppins', sans-serif !important;
	font-size: clamp(24px, 2.3vw, 34px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	transition: color 0.25s ease !important;
}

h2.sr-pcard-title a:hover {
	color: #93c5fd !important;
}

p.sr-pcard-desc {
	font-size: 14.5px !important;
	line-height: 1.7 !important;
	color: rgba(226, 232, 240, 0.9) !important;
	margin: 0 0 22px 0 !important;
	max-width: 460px !important;
}

.sr-pcard-meta {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #ffffff !important;
}

.sr-pcard-body .sr-pcard-meta {
	margin-bottom: 28px !important;
}

.sr-pcard-meta-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sr-pcard-meta-item i {
	color: #e02430 !important;
	font-size: 13px !important;
}

.sr-pcard-meta-sep {
	color: rgba(255, 255, 255, 0.32) !important;
}

.sr-pcard-btn {
	padding: 13px 28px !important;
	font-size: 11.5px !important;
}

/* 2. Vertical Diagonal-Cut Showcase Card (1 Column) */
.sr-pcard.sr-pcard-vertical {
	grid-column: span 1 !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	background: linear-gradient(160deg, #0b1d3a 0%, #09172e 100%) !important;
}

.sr-pcard-v-media {
	position: relative !important;
	width: 100% !important;
	height: 520px !important;
	overflow: hidden !important;
	background-color: #071428 !important;
}

.sr-pcard-v-media a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.sr-pcard-v-media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
	transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sr-pcard-vertical:hover .sr-pcard-v-media img {
	transform: scale(1.06) !important;
}

.sr-pcard-v-index {
	position: absolute !important;
	top: 18px !important;
	right: 20px !important;
	z-index: 4 !important;
	background: rgba(9, 23, 46, 0.85) !important;
	backdrop-filter: blur(6px) !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	padding: 5px 13px !important;
	border-radius: 30px !important;
	letter-spacing: 1px !important;
}

.sr-pcard-v-cut {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: -1px !important;
	width: 100% !important;
	height: 55px !important;
	z-index: 3 !important;
	pointer-events: none !important;
}

.sr-pcard-v-body {
	padding: 16px 32px 32px !important;
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
}

.sr-pcard-v-body .sr-pcard-badge {
	align-self: flex-start !important;
	margin-bottom: 14px !important;
}

h2.sr-pcard-v-title {
	margin: 0 0 12px 0 !important;
}

h2.sr-pcard-v-title a {
	font-family: 'Poppins', sans-serif !important;
	font-size: clamp(20px, 1.7vw, 25px) !important;
	font-weight: 700 !important;
	line-height: 1.28 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	transition: color 0.25s ease !important;
}

h2.sr-pcard-v-title a:hover {
	color: #93c5fd !important;
}

p.sr-pcard-v-desc {
	font-size: 14px !important;
	line-height: 1.68 !important;
	color: rgba(203, 213, 225, 0.88) !important;
	margin: 0 0 22px 0 !important;
	flex-grow: 1 !important;
}

.sr-pcard-v-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
	padding-top: 18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
}

.sr-pcard-pill-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 9px !important;
	background: linear-gradient(90deg, #e11d2e 0%, #d41929 100%) !important;
	color: #ffffff !important;
	padding: 9px 20px !important;
	border-radius: 50px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	text-decoration: none !important;
	box-shadow: 0 6px 16px rgba(225, 29, 46, 0.35) !important;
	transition: all 0.25s ease !important;
}

.sr-pcard-pill-link i {
	font-size: 11px !important;
	transition: transform 0.25s ease !important;
}

.sr-pcard-pill-link:hover {
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 22px rgba(225, 29, 46, 0.5) !important;
}

.sr-pcard-pill-link:hover i {
	transform: translateX(3px) !important;
}

@media (max-width: 991px) {
	.sr-portfolio-editorial-grid {
		grid-template-columns: 1fr !important;
		gap: 26px !important;
	}
	.sr-pcard.sr-pcard-featured {
		grid-column: span 1 !important;
		flex-direction: column !important;
		min-height: auto !important;
	}
	.sr-pcard-media,
	.sr-pcard.sr-pcard-featured.sr-pcard-split-reverse .sr-pcard-media {
		position: relative !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		height: 290px !important;
	}
	.sr-pcard-diag-svg {
		display: none !important;
	}
	.sr-pcard-body,
	.sr-pcard.sr-pcard-featured.sr-pcard-split-reverse .sr-pcard-body {
		width: 100% !important;
		padding: 28px 24px !important;
		background: linear-gradient(160deg, #0b1d3a 0%, #09172e 100%) !important;
		border-top: 3px solid #e02430 !important;
	}
	.sr-pcard-v-media {
		height: 260px !important;
	}
	.sr-pcard-v-body {
		padding: 16px 24px 26px !important;
	}
}

/* =====================================================================
   GLOBAL REMOVAL OF ALL NUMBER BADGES & DOTS
   ===================================================================== */
.sr-pcard-index,
.sr-pcard-v-index,
.sr-pd-deliv-num,
.sr-pd-pill-dot,
.ph-hero-badge-dot,
.disc-dot,
.badge-tag-dot,
.footer-title-dot,
.pill-dot,
.ph-caption-subtitle .ph-appear::before,
#page-header:not(.ph-portfolio-hero) .ph-caption-subtitle .ph-appear::before,
.footer-menu-list li a::before,
.tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list > li::before {
	display: none !important;
	content: none !important;
}

.sr-pd-pill-badge,
.ph-hero-badge,
#page-header:not(.ph-portfolio-hero) .ph-caption-subtitle .ph-appear {
	padding-left: 18px !important;
	padding-right: 18px !important;
}

/* =====================================================================
   ABOUT US & CONTACT US PAGES — BANNER-MATCHED ARCHITECTURAL DESIGN
   ===================================================================== */
.sr-about-editorial-grid {
	display: grid !important;
	grid-template-columns: 5fr 6fr !important;
	gap: 56px !important;
	align-items: center !important;
	background: linear-gradient(150deg, rgba(16, 42, 82, 0.72) 0%, rgba(8, 21, 43, 0.94) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 24px !important;
	padding: 54px 52px !important;
	box-shadow: 0 24px 56px rgba(0, 0, 0, 0.48) !important;
}

/* Left Overlapping Dual-Frame Mosaic */
.sr-about-visual-col {
	position: relative !important;
}

.sr-about-mosaic-wrap {
	position: relative !important;
	padding: 18px 24px 48px 18px !important;
}

.sr-about-mosaic-backdrop {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 72% !important;
	height: 76% !important;
	border-radius: 20px !important;
	background: linear-gradient(135deg, rgba(224, 36, 48, 0.25) 0%, rgba(23, 64, 128, 0.35) 100%) !important;
	border: 1px solid rgba(224, 36, 48, 0.45) !important;
	z-index: 1 !important;
}

.sr-about-mosaic-primary {
	position: relative !important;
	z-index: 2 !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	height: 440px !important;
	border: 1px solid rgba(255, 255, 255, 0.24) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.55) !important;
}

.sr-about-mosaic-primary img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.sr-about-frame-tag {
	position: absolute !important;
	top: 18px !important;
	left: 18px !important;
	background: rgba(9, 23, 46, 0.88) !important;
	backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-left: 3px solid #e02430 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	padding: 6px 14px !important;
	border-radius: 8px !important;
}

.sr-about-mosaic-secondary {
	position: absolute !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 54% !important;
	height: 210px !important;
	z-index: 3 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	border: 3px solid #0b1d3a !important;
	outline: 1px solid rgba(255, 255, 255, 0.28) !important;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.65) !important;
}

.sr-about-mosaic-secondary img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.sr-about-floating-card {
	position: absolute !important;
	bottom: 18px !important;
	left: 0 !important;
	z-index: 4 !important;
	background: linear-gradient(135deg, #0b1d3a 0%, #123163 100%) !important;
	border: 1px solid rgba(147, 197, 253, 0.4) !important;
	border-left: 4px solid #e02430 !important;
	border-radius: 14px !important;
	padding: 14px 18px !important;
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6) !important;
	max-width: 340px !important;
}

.sr-about-float-icon {
	width: 40px !important;
	height: 40px !important;
	border-radius: 10px !important;
	background: rgba(225, 29, 46, 0.2) !important;
	border: 1px solid rgba(225, 29, 46, 0.5) !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.sr-about-float-icon svg {
	width: 20px !important;
	height: 20px !important;
}

.sr-about-float-lbl {
	display: block !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	color: #93c5fd !important;
	margin-bottom: 2px !important;
}

.sr-about-float-val {
	display: block !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}

/* Right Manifesto Column */
.sr-about-editorial-title {
	font-size: clamp(28px, 2.8vw, 44px) !important;
	margin-bottom: 18px !important;
}

.sr-about-narrative-box {
	/* background: rgba(7, 20, 40, 0.68) !important; */
	/* border: 1px solid rgba(255, 255, 255, 0.14) !important; */
	/* border-left: 4px solid #e02430 !important; */
	/* border-radius: 16px !important; */
	padding: 24px 28px !important;
	/* margin-bottom: 26px !important; */
}

p.sr-about-lead-text {
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: #f8fafc !important;
	margin: 0 0 14px 0 !important;
}

p.sr-about-lead-text strong,
p.sr-about-sub-text strong {
	color: #93c5fd !important;
	font-weight: 700 !important;
}

p.sr-about-sub-text {
	font-size: 14.5px !important;
	line-height: 1.72 !important;
	color: rgba(226, 232, 240, 0.88) !important;
	margin: 0 !important;
}

/* 2x2 Strategic Philosophy Pillars */
.sr-about-pillars-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 14px !important;
	margin-bottom: 30px !important;
}

.sr-about-pillar-item {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	background: rgba(11, 29, 58, 0.75) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 14px !important;
	padding: 14px 16px !important;
	transition: all 0.25s ease !important;
}

.sr-about-pillar-item:hover {
	border-color: rgba(225, 29, 46, 0.55) !important;
	transform: translateY(-2px) !important;
}

.sr-about-pillar-icon {
	width: 40px !important;
	height: 40px !important;
	border-radius: 10px !important;
	background: rgba(23, 64, 128, 0.5) !important;
	border: 1px solid rgba(147, 197, 253, 0.35) !important;
	color: #93c5fd !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 15px !important;
	flex-shrink: 0 !important;
}

.sr-about-pillar-item h6 {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 3px 0 !important;
	line-height: 1.25 !important;
}

.sr-about-pillar-item span {
	display: block !important;
	font-size: 11.5px !important;
	color: rgba(203, 213, 225, 0.82) !important;
	line-height: 1.35 !important;
}

@media (max-width: 1199px) {
	.sr-about-editorial-grid {
		grid-template-columns: 1fr !important;
		padding: 36px 28px !important;
		gap: 40px !important;
	}
}

@media (max-width: 767px) {
	.sr-about-pillars-grid {
		grid-template-columns: 1fr !important;
	}
	.sr-about-mosaic-primary {
		height: 300px !important;
	}
	.sr-about-mosaic-secondary {
		display: none !important;
	}
	.sr-about-floating-card {
		position: relative !important;
		bottom: 0 !important;
		margin-top: 16px !important;
		max-width: 100% !important;
	}
}

/* Capabilities Section Header */
.sr-about-cap-header {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 30px !important;
	margin-bottom: 44px !important;
	padding-bottom: 28px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.sr-about-cap-header-left {
	max-width: 580px !important;
}

.sr-about-cap-header-right {
	max-width: 540px !important;
}

.sr-about-cap-lead {
	color: #ffffff !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	margin: 0 0 10px 0 !important;
}

.sr-about-cap-sub {
	color: rgba(203, 213, 225, 0.88) !important;
	font-size: 14.5px !important;
	line-height: 1.7 !important;
	margin: 0 !important;
}

.sr-about-cap-icon {
	width: 50px !important;
	height: 50px !important;
	border-radius: 14px !important;
	background: rgba(23, 64, 128, 0.48) !important;
	border: 1px solid rgba(147, 197, 253, 0.35) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #93c5fd !important;
	margin-bottom: 20px !important;
	transition: all 0.3s ease !important;
}

.sr-about-cap-icon svg {
	width: 24px !important;
	height: 24px !important;
}

.sr-about-cap-card:hover .sr-about-cap-icon {
	background: linear-gradient(135deg, #e11d2e 0%, #b91c1c 100%) !important;
	border-color: #e11d2e !important;
	color: #ffffff !important;
}

/* Contact Page Directory Card & Executive Form Card */
.sr-contact-directory-card {
	position: relative !important;
	background: linear-gradient(155deg, rgba(16, 42, 82, 0.88) 0%, rgba(9, 23, 46, 0.96) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-left: 4px solid #e02430 !important;
	border-radius: 22px !important;
	padding: 44px 38px !important;
	overflow: hidden !important;
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.42) !important;
	height: 100% !important;
}

p.sr-contact-intro-desc {
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: rgba(226, 232, 240, 0.9) !important;
	margin: 0 0 30px 0 !important;
}

.sr-contact-channels {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	margin-bottom: 32px !important;
}

.sr-contact-channel-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 16px !important;
	padding: 18px 20px !important;
	background: rgba(7, 20, 40, 0.65) !important;
	border: 1px solid rgba(255, 255, 255, 0.13) !important;
	border-radius: 14px !important;
	transition: all 0.25s ease !important;
}

.sr-contact-channel-item:hover {
	border-color: rgba(225, 29, 46, 0.55) !important;
	background: rgba(15, 37, 71, 0.78) !important;
	transform: translateX(4px) !important;
}

.sr-contact-link {
	color: #ffffff !important;
	text-decoration: none !important;
	transition: color 0.25s ease !important;
}

.sr-contact-link:hover {
	color: #93c5fd !important;
}

.sr-contact-social-bar {
	padding-top: 24px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
}

/* Right Column Form Card */
.sr-contact-form-card {
	position: relative !important;
	background: linear-gradient(155deg, #0b1d3a 0%, #0e254b 60%, #08152b 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 22px !important;
	padding: 46px 48px !important;
	overflow: hidden !important;
	box-shadow: 0 24px 54px rgba(0, 0, 0, 0.46) !important;
}

.sr-contact-form-svg {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 100% !important;
	height: 180px !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

.sr-contact-form-header {
	position: relative !important;
	z-index: 2 !important;
	margin-bottom: 32px !important;
	padding-bottom: 22px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
}

h3.sr-contact-form-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: clamp(24px, 2.2vw, 32px) !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 !important;
	line-height: 1.25 !important;
}

h3.sr-contact-form-title span {
	color: #93c5fd !important;
	font-weight: 400 !important;
}

.sr-executive-form {
	position: relative !important;
	z-index: 2 !important;
}

.sr-form-group {
	margin-bottom: 22px !important;
}

.sr-form-label {
	display: block !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	color: #e2e8f0 !important;
	margin-bottom: 9px !important;
}

.sr-form-label .sr-req {
	color: #e02430 !important;
	margin-left: 3px !important;
}

.sr-form-control {
	width: 100% !important;
	background: rgba(7, 20, 40, 0.78) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 12px !important;
	padding: 14px 18px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 14.5px !important;
	color: #ffffff !important;
	outline: none !important;
	transition: all 0.25s ease !important;
}

.sr-form-control::placeholder {
	color: rgba(148, 163, 184, 0.7) !important;
}

.sr-form-control:focus {
	border-color: #e02430 !important;
	background: rgba(11, 29, 58, 0.95) !important;
	box-shadow: 0 0 0 3px rgba(224, 36, 48, 0.18) !important;
}

.sr-form-select option {
	background-color: #0b1d3a !important;
	color: #ffffff !important;
}

.sr-form-textarea {
	resize: vertical !important;
	min-height: 130px !important;
}

.sr-form-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 18px !important;
	margin-top: 10px !important;
	padding-top: 18px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.sr-form-note {
	font-size: 12.5px !important;
	color: rgba(203, 213, 225, 0.78) !important;
}

.sr-form-note span {
	color: #e02430 !important;
	font-weight: 700 !important;
}

.sr-form-submit-btn {
	border: none !important;
	cursor: pointer !important;
}

@media (max-width: 991px) {
	.sr-about-hero-body {
		width: 100% !important;
		padding: 32px 24px !important;
	}
	.sr-contact-directory-card,
	.sr-contact-form-card {
		padding: 32px 24px !important;
	}
}

/* Hide all hover text / overlays on Visual Archive Gallery images */
.mice-gallery-overlay,
.mice-gallery-top-badge,
.mice-gallery-caption,
.lg-sub-html {
	display: none !important;
}

/* =====================================================================
   HOME PAGE AFTER GRID — OUR CLIENTS SCROLLING LOGO MARQUEE (FULL WHITE)
   ===================================================================== */
.sr-clients-marquee-section {
	padding: 20px 0 95px 0 !important;
	position: relative !important;
	overflow: hidden !important;
}

.sr-clients-head {
	text-align: center !important;
	max-width: 720px !important;
	margin: 0 auto 42px auto !important;
}

.sr-clients-head .sr-pd-section-title {
	margin-bottom: 14px !important;
}

.sr-clients-marquee-wrap {
	position: relative !important;
	width: 100% !important;
	overflow: hidden !important;
	padding: 10px 0 !important;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
	mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
}

.sr-clients-marquee-track {
	display: flex !important;
	align-items: center !important;
	width: max-content !important;
	animation: srClientsScroll 32s linear infinite !important;
}

.sr-clients-marquee-wrap:hover .sr-clients-marquee-track {
	animation-play-state: paused !important;
}

.sr-clients-marquee-group {
	display: flex !important;
	align-items: center !important;
	gap: 24px !important;
	padding-right: 24px !important;
	flex-shrink: 0 !important;
}

.sr-client-logo-card {
	width: 215px !important;
	height: 112px !important;
	border-radius: 14px !important;
	background: rgba(11, 29, 58, 0.65) !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	transition: all 0.28s ease !important;
}

.sr-client-logo-card:hover {
	border-color: #e02430 !important;
	background: rgba(16, 42, 82, 0.85) !important;
	transform: translateY(-4px) !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45) !important;
}

/* Force pure 100% full white logo display & optimal framing */
.sr-client-logo-card img {
	width: 175px !important;
	height: 175px !important;
	max-width: none !important;
	object-fit: contain !important;
	display: block !important;
	filter: brightness(0) invert(1) !important;
	-webkit-filter: brightness(0) invert(1) !important;
	opacity: 1 !important;
	transition: transform 0.3s ease !important;
}

.sr-client-logo-card:hover img {
	transform: scale(1.08) !important;
}

@keyframes srClientsScroll {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

@media (max-width: 767px) {
	.sr-clients-marquee-section {
		padding: 10px 0 65px 0 !important;
	}
	.sr-clients-marquee-group {
		gap: 16px !important;
		padding-right: 16px !important;
	}
	.sr-client-logo-card {
		width: 170px !important;
		height: 92px !important;
	}
	.sr-client-logo-card img {
		width: 140px !important;
		height: 140px !important;
	}
}