html, body, .body {
		max-width: 100%;
		overflow-x: hidden;
}

@media (min-width: 1460px) {
		.container {
				max-width: 1420px !important;
		}
}

h1, h2, h3, h4, h5, h6 {
		font-family: "Lexend", sans-serif;
		color: var(--dark);
}

.custom-font-secondary {
		font-family: "Lexend", sans-serif !important;
}

.custom-font-tertiary {
		font-family: "Playfair Display", serif !important;
}

@font-face {
		font-family: "CustomFont1";
		src: url("../../css/fonts/demos/accounting-2/font-1.woff") format("woff"), url("../../css/fonts/demos/accounting-2/font-1.ttf") format("ttf"), url("../../css/fonts/demos/accounting-2/font-1.eot") format("eot");
		font-weight: normal;
		font-style: normal;
}

[class*='custom-font-icon-']:before {
		display: inline-block;
		font-family: 'CustomFont1';
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

.custom-font-icon-1:before {
		content: '\0041';
}

.custom-font-icon-2:before {
		content: '\0042';
}

.custom-font-icon-3:before {
		content: '\0043';
}

.custom-font-icon-4:before {
		content: '\0044';
}

.bg-custom-color-1 {
		background-color: #f2f5f1;
}

.custom-text-color-2 {
		color: #f8e095;
}

.custom-border-radius-1 {
		border-radius: var(--border-radius2x) !important;
}

p {
		line-height: 1.8;
		font-size: 16px;
		font-size: 1rem;
		letter-spacing: -0.015em;
}

.badge {
		font-weight: 500;
		font-family: "Lexend", sans-serif !important;
}

.custom-graph-svg-color-primary {
		fill: var(--primary) !important;
}

.custom-graph-svg-color-secondary {
		fill: var(--secondary) !important;
}

.custom-avatar-1 {
		display: inline-flex;
		overflow: hidden;
		border-radius: 24px;
		transform: translate3d(0, 25%, 0) !important;
}

.custom-avatar-1 img {
		max-width: 85px;
		width: 85px;
		height: 70px;
}

.btn {
		font-family: "Lexend", sans-serif !important;
		padding: 16px 35.2px;
		padding: 1rem 2.2rem;
		font-size: 14.4px;
		font-size: 0.9rem;
		font-weight: 500;
}

/* Custom Position */
.custom-pos-1 {
		bottom: 13%;
		right: -3%;
}

.custom-pos-2 {
		top: 1%;
		right: -20%;
}

@media (min-width: 1000px) {
		.custom-pos-2 {
				right: -10%;
		}
}

@media (min-width: 1400px) {
		.custom-pos-2 {
				right: 11%;
		}
}

.custom-pos-3 {
		bottom: 12%;
		left: -5%;
}

/* Custom Elements */
.custom-el-1 {
		margin-top: -374px;
		position: relative;
		min-height: 570px;
}

.custom-el-1:before {
		content: ' ';
		display: block;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 0 80px 0 0;
}

.custom-el-2 {
		width: 150px;
		height: 150px;
		min-width: 150px;
		min-height: 150px;
}

.custom-el-3 {
		width: 180px;
		height: 180px;
		min-width: 180px;
		min-height: 180px;
		margin-left: -40px;
		margin-top: -15px;
}

.custom-el-4 {
		display: inline-block;
		margin: -24px 50px -24px -32px;
		position: relative;
}

.custom-el-4:after {
		content: ' ';
		display: block;
		width: 390px;
		height: 280px;
		position: absolute;
		top: -75px;
		left: -55px;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		border: 30px solid #FFF;
		z-index: 11;
}

.custom-el-5 {
		height: 100%;
		aspect-ratio: 1 / 1;
		background: #FFF;
		border-radius: 100%;
		margin: 10%;
		background-size: cover;
		position: relative;
		z-index: 2;
}

.custom-el-5:before {
		content: ' ';
		display: block;
		width: 110%;
		height: 110%;
		position: absolute;
		top: 0;
		left: -6%;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		border: 1px solid #e7e7e7;
		z-index: 1;
}

.custom-el-5-1 {
		height: 100%;
		aspect-ratio: 1 / 1;
		opacity: 0.8;
		background-color: #FFF;
		border: 70px solid #000;
		border-radius: 100%;
		position: relative;
		z-index: 3;
}

.custom-el-5-2 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 4;
}

.custom-el-6 {
		width: 75px;
		height: 75px;
}

.custom-el-7 {
		width: 80px;
		height: 80px;
		display: block;
		border-radius: 100%;
		position: absolute;
		margin-top: -15px;
		margin-left: -15px;
		z-index: 1000;
}

.custom-el-7 i {
		font-size: 40px;
		position: relative;
		top: 17px;
}

.custom-el-8 {
		position: absolute;
		right: 8%;
		top: 15%;
}

.custom-el-8 i:nth-child(1) {
		font-size: 40px;
		opacity: 0.3;
}

.custom-el-8 i:nth-child(2) {
		font-size: 60px;
		position: relative;
		top: 40px;
		left: 5px;
}

.custom-el-8 i:nth-child(3) {
		font-size: 80px;
		position: relative;
		top: 100px;
		filter: blur(5px);
}

.custom-el-9 {
		position: relative;
		display: block;
		padding: 30px 0;
}

.custom-el-9 strong:nth-child(1) {
		opacity: 0.07;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		display: block;
		text-align: center;
		font-size: clamp(28px, -53.3333333333px + 0.1694444444 * 100vw, 150px);
		text-overflow: ellipsis;
		white-space: nowrap;
}

.custom-el-9 strong:nth-child(2) {
		font-size: clamp(28px, 4px + 0.05 * 100vw, 64px);
		padding-top: 20px;
		display: block;
}

.custom-el-10 {
		min-height: 680px;
		background-position-x: right !important;
		background-repeat: no-repeat !important;
}

@media (min-width: 992px) {
		.custom-el-11 {
				margin: -110px 0;
		}
}

.custom-el-12 {
		min-height: 480px;
		background-position-x: right !important;
		background-repeat: no-repeat !important;
}

/* Custom Gallery */
.custom-gallery-1 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		gap: 20px;
}

.custom-gallery-1 > div {
		background-color: #FFF;
		border-radius: 20px;
		overflow: hidden;
		flex: 1;
		height: 100%;
		-o-object-fit: cover;
			 object-fit: cover;
		overflow: hidden;
		transition: flex 0.5s;
		height: 415px;
		position: relative;
}

.custom-gallery-1 > div img {
		height: 414px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

.custom-gallery-1 > div:hover {
		flex: 3;
}

.sticky-header-active #header .header-body {
		backdrop-filter: blur(5px);
		background-color: rgba(255, 255, 255, 0.9) !important;
}

#header .header-nav-features .header-nav-features-search-reveal-big-search {
		z-index: 100;
}

@media (min-width: 992px) {
		#header .dropdown-menu {
				transition: all 300ms;
				border: 1px solid var(--grey-200);
				border-radius: var(--border-radius2x) !important;
				box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
				font-size: 1.05em;
				padding: 0 .2rem;
		}
}

@media (min-width: 992px) and (min-width: 1200px) {
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
				padding: 0 .5rem;
		}
}

@media (min-width: 992px) {
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a span {
				display: inline-block;
				border-radius: 16px;
				padding: 10px 20px;
				border: none;
				box-shadow: none;
				background-color: transparent;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a.active span {
				background-color: rgba(255, 191, 0, 0.1);
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) a span {
				padding-right: 35px;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) a.dropdown-toggle:after {
				margin-left: -30px;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu {
				transition: all 300ms;
				opacity: 0;
				transform: translate3d(-5px, 0, 0) !important;
				border: 1px solid var(--grey-200);
				border-radius: var(--border-radius2x) !important;
				overflow: hidden;
				padding-top: 0;
				padding-bottom: 0;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li a {
				padding-top: 12px !important;
				padding-bottom: 12px !important;
				padding-right: 22px !important;
				padding-left: 22px !important;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li:hover.dropdown:not(.dropdown-mega) .dropdown-menu {
				opacity: 1;
				transform: translate3d(-5px, -10px, 0) !important;
		}
}

.custom-card-glass-1 {
		background-color: rgba(255, 255, 255, 0.9);
}

.custom-card-1 .custom-card-1-curves {
		position: absolute;
		transform: translate3d(-65%, -65%, 0) !important;
}

.custom-feather-shadow {
		mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%);
		-webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%);
}

@media (max-width: 991px) {
		.custom-owl-carousel-1 .owl-nav {
				display: none !important;
		}
}

.featured-icon.custom-featured-icon-style-1 {
		width: 115px;
		height: 115px;
		border-radius: 100% !important;
}

/* ============================================
   GLOBAL OVERRIDES — COKE "Neural Glow" Dark Mode
   Converts Porto light-mode classes to dark aesthetic
   ============================================ */

/* Foundation */
html, body, .body {
		background-color: var(--secondary) !important;
		color: var(--light) !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
		font-family: "Space Grotesk", "Inter", sans-serif;
		color: var(--light) !important;
}

p {
		color: var(--quaternary);
}

.badge {
		font-family: "Space Grotesk", "Inter", sans-serif !important;
}

.btn {
		font-family: "Space Grotesk", "Inter", sans-serif !important;
}

.custom-font-secondary {
		font-family: "Space Grotesk", "Inter", sans-serif !important;
}

/* Backgrounds */
.bg-light, .bg-color-light {
		background-color: var(--secondary) !important;
}

.bg-color-grey-scale-1 {
		background-color: var(--secondary) !important;
}

.bg-color-grey, .bg-color-grey-scale-2 {
		background-color: var(--dark) !important;
}

/* Text colors */
.text-dark, .text-color-dark {
		color: var(--light) !important;
}

.text-muted, .text-color-grey, .text-color-default {
		color: var(--quaternary) !important;
}

/* Cards */
.card {
		background-color: var(--dark) !important;
		border-color: rgba(255, 191, 0, 0.08) !important;
}

.card-body.bg-light {
		background-color: var(--dark) !important;
}

/* Glass card override */
.custom-card-glass-1 {
		background-color: rgba(17, 17, 17, 0.85) !important;
		backdrop-filter: blur(20px);
		border: 1px solid rgba(255, 191, 0, 0.1) !important;
}

/* Forms */
.form-control {
		background-color: var(--dark) !important;
		color: var(--light) !important;
		border-color: rgba(255, 191, 0, 0.15) !important;
}

.form-control:focus {
		border-color: var(--primary) !important;
		box-shadow: 0 0 0 0.2rem rgba(255, 191, 0, 0.15) !important;
}

.form-control::placeholder {
		color: var(--quaternary) !important;
		opacity: 0.6;
}

/* Tabs */
.tabs .nav-tabs {
		border-color: rgba(255, 191, 0, 0.15) !important;
}

.tabs .nav-tabs .nav-link {
		color: var(--quaternary) !important;
}

.tabs .nav-tabs .nav-link.active {
		color: var(--primary) !important;
}

/* Toggle/Accordion */
.toggle .toggle-title {
		color: var(--light) !important;
}

.toggle .toggle-content p {
		color: var(--quaternary) !important;
}

/* Breadcrumb */
.breadcrumb a {
		color: var(--quaternary) !important;
}

.breadcrumb .active {
		color: var(--primary) !important;
}

/* Links */
a {
		color: var(--primary);
}

a:hover {
		color: var(--primary--100);
}

/* Blog cards (module views use these) */
.blog-card {
		background-color: var(--dark) !important;
		border: 1px solid rgba(255, 191, 0, 0.08) !important;
}

/* Sections with Porto light bg */
.section.bg-color-grey-scale-1,
.section.bg-light {
		background-color: var(--secondary) !important;
}

/* Sticky header dark mode */
.sticky-header-active #header .header-body {
		backdrop-filter: blur(10px);
		background-color: rgba(26, 26, 26, 0.95) !important;
}

#header .header-body {
		background-color: var(--secondary) !important;
		border-color: rgba(255, 191, 0, 0.06) !important;
}

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

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a.active span {
		background-color: rgba(255, 191, 0, 0.1) !important;
		color: var(--primary) !important;
		border: 1px solid rgba(255, 191, 0, 0.25) !important;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:hover span {
		background-color: rgba(255, 191, 0, 0.08) !important;
}

/* Nav pills — solo active tiene border */
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a span {
		border: none !important;
		box-shadow: none !important;
		transition: all 0.3s ease;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:hover span {
		background-color: rgba(255, 191, 0, 0.06) !important;
}

/* Dropdown items — flecha DENTRO del pill */
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) > a.dropdown-toggle:after {
		color: var(--quaternary);
		font-size: 0.65em;
		position: relative;
		margin-left: 6px;
		right: auto;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) a span {
		padding-right: 20px !important;
}

@media (min-width: 992px) {
		#header .dropdown-menu {
				background-color: var(--dark) !important;
				border: 1px solid rgba(255, 191, 0, 0.1) !important;
				border-radius: var(--border-radius2x) !important;
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
				padding: 0.5rem 0 !important;
		}

		#header .dropdown-menu li a {
				color: var(--light) !important;
				padding: 0.6rem 1.5rem !important;
		}

		#header .dropdown-menu li a:hover {
				background-color: rgba(255, 191, 0, 0.08) !important;
				color: var(--primary) !important;
		}
}

/* Nav list (sidebar, categories) */
.nav-list .nav-link {
		color: var(--light) !important;
}

.nav-list .nav-link:hover,
.nav-list .nav-link.active {
		color: var(--primary) !important;
}

/* Box shadows — amber glow */
.box-shadow-1:hover,
.anim-hover-translate-top-10px:hover {
		box-shadow: 0 0 20px rgba(255, 191, 0, 0.1) !important;
}

/* Gallery bg */
.custom-gallery-1 > div {
		background-color: var(--dark) !important;
}

/* Custom beige bg override */
.bg-custom-color-1 {
		background-color: var(--dark) !important;
}

/* Badge dark override */
.badge-dark {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
}

/* Footer overrides (if needed) */
#footer {
		background-color: var(--dark) !important;
}

/* Container width */
.main .container:not(.container-xl-custom) {
		max-width: 1420px;
}

/* Amber glow accent line */
.custom-el-1:before {
		background-color: var(--primary) !important;
}

/* Page header background */
.page-header {
		background-color: var(--secondary) !important;
}

/* Counter text */
.counters .counter strong,
.counters [data-to] {
		color: var(--primary) !important;
}

/* Feature box icons */
.feature-box .feature-box-icon {
		color: var(--primary) !important;
}

/* Pagination */
.pagination .page-link {
		background-color: var(--dark) !important;
		color: var(--light) !important;
		border-color: rgba(255, 191, 0, 0.1) !important;
}

.pagination .page-item.active .page-link {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
}

/* Alerts */
.alert-success {
		background-color: rgba(40, 167, 69, 0.15) !important;
		border-color: rgba(40, 167, 69, 0.3) !important;
		color: #28a745 !important;
}

.alert-danger {
		background-color: rgba(220, 53, 69, 0.15) !important;
		border-color: rgba(220, 53, 69, 0.3) !important;
		color: #dc3545 !important;
}

/* HR / Dividers */
hr {
		border-color: rgba(255, 191, 0, 0.08) !important;
}

/* Module content spacing — uniforme después del page-header */
.main > .section:first-child {
		padding-top: 0 !important;
}

/* Loader — dark mode */
.loading-overlay {
		background-color: var(--secondary, #1A1A1A) !important;
}

.loading-overlay .loading-text {
		color: var(--quaternary, #A0A0A0) !important;
}

/* ============================================
   BORDER RADIUS — Unified rounded design
   ============================================ */
.card,
.card .card-body,
.blog-card,
.project-card,
.border-radius-2,
.rounded-lg {
		border-radius: var(--border-radius2x, 16px) !important;
}

.card .card-img-top {
		border-radius: var(--border-radius2x, 16px) var(--border-radius2x, 16px) 0 0 !important;
}

/* ============================================
   CYAN → AMBER override
   Module views hardcode rgba(0, 240, 255) for accounting-1.
   This overrides those inline styles for accounting-2.
   ============================================ */

/* Borders: cyan → amber */
[style*="rgba(0, 240, 255, 0.1)"] {
		border-color: rgba(255, 191, 0, 0.1) !important;
}

[style*="rgba(0, 240, 255, 0.08)"] {
		border-color: rgba(255, 191, 0, 0.08) !important;
}

[style*="rgba(0, 240, 255, 0.06)"] {
		border-color: rgba(255, 191, 0, 0.06) !important;
}

[style*="rgba(0, 240, 255, 0.15)"] {
		border-color: rgba(255, 191, 0, 0.15) !important;
}

[style*="rgba(0, 240, 255, 0.2)"] {
		border-color: rgba(255, 191, 0, 0.2) !important;
}

/* Badge backgrounds: cyan → amber */
[style*="rgba(0, 240, 255, 0.08)"] {
		background-color: rgba(255, 191, 0, 0.08) !important;
}

/* Sidebar & filter cards */
.projects-sidebar-sticky,
.blog-sidebar-sticky aside > div,
aside .card {
		border-radius: var(--border-radius2x, 16px) !important;
		border-color: rgba(255, 191, 0, 0.1) !important;
}

/* Input groups in newsletter/search */
.input-group .form-control {
		border-radius: var(--border-radius2x, 16px) 0 0 var(--border-radius2x, 16px) !important;
}

.input-group .btn {
		border-radius: 0 var(--border-radius2x, 16px) var(--border-radius2x, 16px) 0 !important;
}

/* Service cards on welcome */
.service-card {
		border-radius: var(--border-radius2x, 16px) !important;
}

/* Project cards */
.project-card .card-img-top {
		border-radius: var(--border-radius2x, 16px) var(--border-radius2x, 16px) 0 0 !important;
}

/* Blog post detail content */
.blog-post-content a {
		color: var(--primary) !important;
}

/* Share buttons */
[style*="border: 1px solid rgba(0, 240, 255"] {
		border-color: rgba(255, 191, 0, 0.2) !important;
}

/* Scroll to top button */
.scroll-to-top {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
}

/* ============================================
   MODULE UI UNIFICATION — Neural Glow
   Sidebars, filtros, navegación y cards unificados
   ============================================ */

/* --- SIDEBARS (todos los módulos) --- */
aside,
.sidebar,
.projects-sidebar-sticky,
.blog-sidebar-sticky {
		color: var(--light);
}

aside .card,
aside > div,
.sidebar > div,
.sidebar .card {
		background-color: var(--dark) !important;
		border: 1px solid rgba(255, 191, 0, 0.08) !important;
		border-radius: var(--border-radius2x, 16px) !important;
		color: var(--light) !important;
}

aside .card-header,
aside .card .card-header {
		background-color: var(--secondary) !important;
		border-bottom: 1px solid rgba(255, 191, 0, 0.06) !important;
		border-radius: var(--border-radius2x, 16px) var(--border-radius2x, 16px) 0 0 !important;
}

aside h3, aside h4, aside h5,
.sidebar h3, .sidebar h4, .sidebar h5 {
		color: var(--primary) !important;
}

aside p, aside span, aside label,
.sidebar p, .sidebar span {
		color: var(--quaternary) !important;
}

aside a, .sidebar a {
		color: var(--light) !important;
		transition: color 0.3s ease;
}

aside a:hover, .sidebar a:hover,
aside a.active, .sidebar a.active {
		color: var(--primary) !important;
}

/* --- FILTER PILLS / NAV PILLS (todos los módulos) --- */
.nav-pills .nav-link,
.sort-source .nav-link,
.category-nav-item {
		background-color: var(--dark) !important;
		color: var(--quaternary) !important;
		border: 1px solid rgba(255, 191, 0, 0.08) !important;
		border-radius: var(--border-radius2x, 16px) !important;
		transition: all 0.3s ease;
}

.nav-pills .nav-link:hover,
.sort-source .nav-link:hover,
.category-nav-item:hover {
		background-color: rgba(255, 191, 0, 0.08) !important;
		color: var(--primary) !important;
		border-color: rgba(255, 191, 0, 0.2) !important;
}

.nav-pills .nav-link.active,
.sort-source .nav-link.active,
.category-nav-item.active {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
		border-color: var(--primary) !important;
}

/* --- CATEGORY NAVIGATION (FAQs, Gallery, etc.) --- */
.category-navigation .category-nav-item {
		padding: 0.75rem 1.25rem;
		margin-bottom: 0.5rem;
		cursor: pointer;
}

/* --- SEARCH INPUTS in sidebars --- */
aside .form-control,
.sidebar .form-control,
aside input,
.sidebar input[type="text"],
.sidebar input[type="search"] {
		background-color: var(--secondary) !important;
		color: var(--light) !important;
		border: 1px solid rgba(255, 191, 0, 0.1) !important;
		border-radius: var(--border-radius2x, 16px) !important;
}

aside .form-control:focus,
.sidebar .form-control:focus {
		border-color: var(--primary) !important;
		box-shadow: 0 0 0 0.15rem rgba(255, 191, 0, 0.1) !important;
}

aside .btn,
.sidebar .btn {
		border-radius: var(--border-radius2x, 16px) !important;
}

/* --- CARDS UNIFICATION (all modules) --- */
.card,
.blog-card,
.project-card,
article.post .card {
		background-color: var(--dark) !important;
		border: 1px solid rgba(255, 191, 0, 0.08) !important;
		border-radius: var(--border-radius2x, 16px) !important;
		overflow: hidden;
}

.card:hover,
.blog-card:hover,
.project-card:hover,
article.post .card:hover {
		border-color: rgba(255, 191, 0, 0.15) !important;
		box-shadow: 0 8px 30px rgba(255, 191, 0, 0.06) !important;
}

.card .card-body,
.blog-card .card-body,
article.post .card .card-body {
		background-color: var(--dark) !important;
		color: var(--light) !important;
}

.card .card-title,
.card .card-title a,
.blog-card .card-title a {
		color: var(--light) !important;
}

.card .card-title a:hover {
		color: var(--primary) !important;
}

.card .card-text,
.card p {
		color: var(--quaternary) !important;
}

.card .card-img-top {
		border-radius: var(--border-radius2x, 16px) var(--border-radius2x, 16px) 0 0 !important;
}

/* --- POST DATE BADGE --- */
.post-date .day {
		color: var(--primary) !important;
}

.post-date .month {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
}

/* --- TAGS & BADGES --- */
.badge-dark,
.badge.badge-dark {
		background-color: rgba(255, 191, 0, 0.1) !important;
		color: var(--primary) !important;
}

.badge-primary,
.badge.bg-primary {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
}

/* --- READ MORE LINKS --- */
.read-more,
a.read-more {
		color: var(--primary) !important;
}

/* --- DIVIDERS in sidebars --- */
aside hr,
.sidebar hr {
		border-color: rgba(255, 191, 0, 0.06) !important;
}

/* --- RESULTS BAR (projects, products) --- */
.projects-results-bar,
.products-results-bar {
		background-color: var(--dark) !important;
		border: 1px solid rgba(255, 191, 0, 0.08) !important;
		border-radius: var(--border-radius2x, 16px) !important;
}

/* --- GALLERY ITEMS --- */
.gallery-item,
.isotope-item {
		border-radius: var(--border-radius2x, 16px) !important;
		overflow: hidden;
}

/* --- THUMB INFO (team, gallery hover) --- */
.thumb-info {
		border-radius: var(--border-radius2x, 16px) !important;
		overflow: hidden;
}

.thumb-info-title {
		background: rgba(17, 17, 17, 0.85) !important;
}

/* --- SELECT2 / DROPDOWNS in filters --- */
.select2-container .select2-selection {
		background-color: var(--dark) !important;
		border-color: rgba(255, 191, 0, 0.1) !important;
		color: var(--light) !important;
		border-radius: var(--border-radius2x, 16px) !important;
}

.select2-dropdown {
		background-color: var(--dark) !important;
		border-color: rgba(255, 191, 0, 0.1) !important;
}

.select2-results__option {
		color: var(--light) !important;
}

.select2-results__option--highlighted {
		background-color: rgba(255, 191, 0, 0.1) !important;
		color: var(--primary) !important;
}

/* --- OFFCANVAS (mobile filters) --- */
.offcanvas {
		background-color: var(--secondary) !important;
		color: var(--light) !important;
}

.offcanvas-header {
		border-bottom: 1px solid rgba(255, 191, 0, 0.08) !important;
}

.offcanvas .btn-close {
		filter: invert(1);
}

/* ============================================
   OWL CAROUSEL — Neural Glow nav arrows
   ============================================ */

/* Carousel cards — equal height + spacing */
.owl-carousel .owl-stage {
		display: flex !important;
}

.owl-carousel .owl-item {
		display: flex;
		flex: 1;
}

.owl-carousel .owl-item > div {
		display: flex;
		width: 100%;
}

.owl-carousel .owl-item .blog-card,
.owl-carousel .owl-item article {
		display: flex;
		flex-direction: column;
		width: 100%;
}

.owl-carousel .owl-item .card-body {
		flex: 1;
		display: flex;
		flex-direction: column;
}

/* Carousel nav arrows */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
		background-color: var(--dark) !important;
		color: var(--primary) !important;
		border: 1px solid rgba(255, 191, 0, 0.15) !important;
		border-radius: 50% !important;
		width: 40px;
		height: 40px;
		font-size: 1.2rem !important;
		transition: all 0.3s ease;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
}

.owl-carousel .owl-dots .owl-dot span {
		background-color: var(--quaternary) !important;
}

.owl-carousel .owl-dots .owl-dot.active span {
		background-color: var(--primary) !important;
}

/* ============================================
   MOBILE — Neural Glow
   ============================================ */

/* Offcanvas menu */
.offcanvas,
.offcanvas-start,
.offcanvas-end {
		background-color: var(--secondary) !important;
		color: var(--light) !important;
		border-right: 1px solid rgba(255, 191, 0, 0.08) !important;
}

.offcanvas-header {
		border-bottom: 1px solid rgba(255, 191, 0, 0.08) !important;
		padding: 1.25rem;
}

.offcanvas-body {
		padding: 1.5rem;
}

/* Offcanvas nav links */
.offcanvas-nav a,
.offcanvas-body nav a,
.offcanvas-body .nav-link,
#offCanvasNav a {
		color: var(--light) !important;
		font-size: 1.1rem;
		padding: 0.75rem 0 !important;
		border-bottom: 1px solid rgba(255, 191, 0, 0.06);
		display: block;
		text-decoration: none;
		font-weight: 500;
}

.offcanvas-nav a:hover,
.offcanvas-body nav a:hover,
#offCanvasNav a:hover {
		color: var(--primary) !important;
}

.offcanvas-nav a.active,
#offCanvasNav a.active {
		color: var(--primary) !important;
		font-weight: 600;
}

/* Offcanvas dropdown */
.offcanvas-body .dropdown-menu,
#offCanvasNav .dropdown-menu {
		background-color: var(--dark) !important;
		border: none !important;
		padding: 0.5rem 0 0.5rem 1rem;
}

.offcanvas-body .dropdown-menu a,
#offCanvasNav .dropdown-menu a {
		font-size: 1rem;
		padding: 0.5rem 0 !important;
		border-bottom: none;
}

/* Mobile header */
@media (max-width: 991px) {
		#header .header-body {
				padding: 0.5rem 0 !important;
		}

		#header .header-logo img {
				max-height: 40px;
		}

		/* Hamburger button */
		.header-btn-collapse-nav {
				background-color: var(--dark) !important;
				border: 1px solid rgba(255, 191, 0, 0.15) !important;
				color: var(--primary) !important;
				padding: 0.5rem 0.75rem;
		}

		.header-btn-collapse-nav:hover {
				background-color: rgba(255, 191, 0, 0.1) !important;
		}

		/* Search icon */
		.header-nav-top-icon {
				color: var(--light) !important;
		}

		/* Hero text responsive */
		.text-lg-12 {
				font-size: 2.5rem !important;
		}

		/* Cards stack properly */
		.blog-card,
		.project-card {
				margin-bottom: 1rem;
		}

		/* Gallery grid mobile — 2 columns */
		.col-lg-2 {
				flex: 0 0 33.333%;
				max-width: 33.333%;
		}

		/* Page header compact */
		.page-header .container,
		[class*="page-header"] .container {
				padding-top: 1rem !important;
				padding-bottom: 1rem !important;
		}

		/* Footer compact + centered */
		#footer .container {
				padding-left: 1.5rem;
				padding-right: 1.5rem;
		}

		#footer .text-lg-start {
				text-align: center !important;
		}

		#footer .justify-content-lg-end {
				justify-content: center !important;
		}

		#footer h2 {
				font-size: 2.5rem !important;
				line-height: 1.2 !important;
		}

		#footer .col-lg-4,
		#footer .col-lg-6 {
				text-align: center;
				margin-bottom: 2rem;
		}

		#footer,
		#footer *,
		#footer .container,
		#footer .container *,
		#footer .row *,
		#footer .col-sm-6,
		#footer .col-lg-2,
		#footer .col-lg-3,
		#footer .col-lg-4,
		#footer ul,
		#footer ul li,
		#footer ul li a,
		#footer .list,
		#footer .list li,
		#footer .list li a,
		#footer .list-unstyled li,
		#footer .list-unstyled li a,
		#footer p,
		#footer h4,
		#footer span,
		#footer strong {
				text-align: center !important;
		}

		#footer ul,
		#footer ol,
		#footer .list,
		#footer .list-unstyled {
				padding-left: 0 !important;
				list-style: none !important;
		}

		#footer .d-flex,
		#footer .social-icons {
				justify-content: center !important;
		}

		#footer .social-icons {
				justify-content: center;
		}

		#footer .feature-box {
				justify-content: center;
		}

		/* Email text wrap on mobile */
		#footer .ws-nowrap {
				white-space: normal !important;
				word-break: break-all;
				font-size: 0.9rem !important;
		}

		/* Tabs — stack on mobile */
		.tabs .nav-tabs {
				flex-direction: column;
		}

		.tabs .nav-tabs .nav-item {
				margin-bottom: 0.25rem;
		}

		/* Top bar hide on mobile */
		#header .header-top {
				display: none !important;
		}
}

/* ============================================
   CONTACT PAGE — Neural Glow
   ============================================ */

/* Labels */
.form-label,
label {
		color: var(--quaternary) !important;
		font-weight: 500;
		letter-spacing: 0.05em;
}

/* Buttons — primary amber */
.btn-primary {
		background-color: var(--primary) !important;
		border-color: var(--primary) !important;
		color: var(--secondary) !important;
}

.btn-primary:hover {
		background-color: var(--primary-100) !important;
		border-color: var(--primary-100) !important;
		box-shadow: 0 4px 15px rgba(255, 191, 0, 0.2) !important;
}

/* Buttons — outline primary amber */
.btn-outline-primary {
		color: var(--primary) !important;
		border-color: var(--primary) !important;
		background-color: transparent !important;
}

.btn-outline-primary:hover {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
		box-shadow: 0 4px 15px rgba(255, 191, 0, 0.15) !important;
}

/* Submit button */
.btn-swap-1,
form .btn[type="submit"],
form button[type="submit"] {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
		border-color: var(--primary) !important;
		border-radius: var(--border-radius2x, 16px) !important;
		font-weight: 600;
}

.btn-swap-1:hover,
form .btn[type="submit"]:hover {
		background-color: var(--primary-100) !important;
		box-shadow: 0 4px 15px rgba(255, 191, 0, 0.2) !important;
}

/* Contact sidebar card */
.contact-info-card,
.main .col-lg-4 > div,
.main .col-lg-5 > div {
		border-radius: var(--border-radius2x, 16px) !important;
}

/* Social icons in sidebar/contact */
.social-icons a {
		color: var(--quaternary) !important;
		transition: color 0.3s ease;
}

.social-icons a:hover {
		color: var(--primary) !important;
}

/* Feature box (contact page icons) */
.feature-box .feature-box-icon i,
.feature-box-icon i {
		color: var(--primary) !important;
}

/* Textarea */
textarea.form-control {
		min-height: 150px;
		border-radius: var(--border-radius2x, 16px) !important;
}

/* ============================================
   SERVICES PAGE — Neural Glow
   ============================================ */

/* Service cards in listing */
.services-listing .card,
.service-card-clickable {
		transition: all 0.3s ease;
}

.services-listing .card:hover {
		transform: translateY(-5px);
}

/* ============================================
   GALLERY PAGE — Neural Glow
   ============================================ */

/* Gallery lightbox overlay */
.mfp-bg {
		background-color: var(--secondary) !important;
		opacity: 0.95 !important;
}

/* Gallery filter buttons */
.gallery-filter .nav-link,
.isotope-filter .nav-link {
		background-color: var(--dark) !important;
		color: var(--quaternary) !important;
		border: 1px solid rgba(255, 191, 0, 0.08) !important;
		border-radius: var(--border-radius2x, 16px) !important;
		margin: 0 0.25rem 0.5rem;
		padding: 0.5rem 1.25rem;
}

.gallery-filter .nav-link:hover,
.isotope-filter .nav-link:hover {
		color: var(--primary) !important;
		border-color: rgba(255, 191, 0, 0.2) !important;
}

.gallery-filter .nav-link.active,
.isotope-filter .nav-link.active {
		background-color: var(--primary) !important;
		color: var(--secondary) !important;
		border-color: var(--primary) !important;
}

/* ============================================
   PROJECTS PAGE — Neural Glow
   ============================================ */

/* Project detail description */
.project-description {
		color: var(--quaternary) !important;
		line-height: 1.8;
}

/* Project tags */
.project-tags .badge {
		background-color: rgba(255, 191, 0, 0.08) !important;
		color: var(--primary) !important;
		border: 1px solid rgba(255, 191, 0, 0.15) !important;
}

/* ============================================
   FAQS PAGE — Neural Glow
   ============================================ */

/* Toggle/Accordion */
.toggle > .toggle-title {
		background-color: var(--dark) !important;
		border: 1px solid rgba(255, 191, 0, 0.06) !important;
		border-radius: var(--border-radius2x, 16px) !important;
		color: var(--light) !important;
		padding: 1rem 1.25rem !important;
		margin-bottom: 0.5rem;
}

.toggle > .toggle-title:hover {
		border-color: rgba(255, 191, 0, 0.15) !important;
}

.toggle.active > .toggle-title {
		border-color: var(--primary) !important;
		color: var(--primary) !important;
}

.toggle > .toggle-content {
		color: var(--quaternary) !important;
		padding: 0.5rem 1.25rem 1rem !important;
}

/* ============================================
   REFERENCES PAGE — Neural Glow
   ============================================ */

/* Reference cards */
.reference-card {
		transition: all 0.3s ease;
}

.reference-card:hover {
		transform: translateY(-3px);
		box-shadow: 0 8px 25px rgba(255, 191, 0, 0.06) !important;
}

/* ============================================
   BLOG DETAIL — Neural Glow
   ============================================ */

/* Post content headings */
.blog-post-content h2,
.blog-post-content h3 {
		color: var(--light) !important;
		margin-top: 2rem;
		margin-bottom: 1rem;
}

/* Blockquote */
.blog-post-content blockquote,
blockquote {
		border-left: 3px solid var(--primary) !important;
		background-color: var(--dark) !important;
		padding: 1.25rem 1.5rem !important;
		border-radius: 0 var(--border-radius2x, 16px) var(--border-radius2x, 16px) 0 !important;
		color: var(--quaternary) !important;
}

/* Code blocks */
.blog-post-content code,
code {
		background-color: var(--dark) !important;
		color: var(--primary) !important;
		padding: 0.2rem 0.5rem;
		border-radius: 4px;
}

/* ============================================
   TOP BAR — Neural Glow
   ============================================ */

#header .header-top {
		background-color: var(--dark) !important;
		border-bottom: 1px solid rgba(255, 191, 0, 0.06) !important;
}

#header .header-top a,
#header .header-top .social-icons a {
		color: var(--quaternary) !important;
}

#header .header-top a:hover,
#header .header-top .social-icons a:hover {
		color: var(--primary) !important;
}