/* Scoped responsive enhancements for Incoming/Complete Projects */

.section-space { padding: 80px 0; }
@media (max-width: 991.98px) { .section-space { padding: 56px 0; } }
@media (max-width: 575.98px) { .section-space { padding: 40px 0; } }

.bg-dark { background: #0d0f14; }
.bg-dark, .bg-dark .section-title.dark-section h2, .bg-dark .section-title.dark-section p,
.bg-dark .section-title.dark-section h3 { color: #fff; }

/* Cards and features */
.ferature-list-item, .service-item { background: #0f1420; border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 24px; height: 100%; }
.ferature-list-item .icon-box, .service-item .icon-box { width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(255,255,255,0.06); margin-bottom: 14px; }
.ferature-list-item h3, .service-item h3 { margin: 6px 0 8px; font-size: 18px; line-height: 1.3; color: #fff; }
.ferature-list-item p, .service-item p { margin: 0; color: rgba(255,255,255,0.8); }

/* Counters */
.counter-item h2 { font-size: 40px; line-height: 1.1; margin: 0 0 6px; color: #fff; }
.counter-item p { margin: 0; color: rgba(255,255,255,0.85); }
@media (max-width: 575.98px) { .counter-item h2 { font-size: 32px; } }

/* Project badges and images */
.project-item .project-image { position: relative; }
.project-item .project-image figure { width: 100%; height: auto; }
.project-item .project-status { position: absolute; top: 12px; left: 12px; z-index: 2; }
.status-badge { display: inline-block; padding: 6px 10px; font-size: 12px; background: #2e7d32; color: #fff; border-radius: 999px; box-shadow: 0 4px 14px rgba(0,0,0,0.25); }
.status-badge.incoming { background: #d97706; }
.status-badge.completed { background: #2e7d32; }

/* CTA */
.cta-box .section-title h2 { color: #fff; margin-bottom: 8px; }
.cta-box .section-title p { color: rgba(255,255,255,0.85); margin: 0; }

/* Gaps for custom rows (fallback if theme lacks .g-4 spacing) */
.row.g-4 { margin-top: -12px; margin-bottom: -12px; }
.row.g-4 > [class^="col-"], .row.g-4 > [class*=" col-"] { padding-top: 12px; padding-bottom: 12px; }

/* Typography & link colors for readability and brand consistency */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { color: #1da1f2; }
a:hover, a:focus { color: #0e75b7; text-decoration: none; }

/* Image responsiveness and spacing normalization */
img { max-width: 100%; height: auto; }
.page-projects .project-item { height: 100%; }
.page-projects .project-content h3 { margin-bottom: 6px; }
.page-projects .project-content p.project-description { margin-bottom: 8px; }

/* Prevent overlap: ensure sections have clear separation */
.page-projects + .section-space { margin-top: 0; }

/* Nav: force black background like logo strip */
.main-header, .main-header .header-sticky, .main-header .navbar { background-color: #0d0f14 !important; }
.main-header .nav-link { color: #fff !important; }
.main-header .nav-link:hover, .main-header .nav-link:focus { opacity: .85; }
.responsive-menu, .responsive-menu .slicknav_menu, .responsive-menu .slicknav_nav { background-color: #0d0f14 !important; }


/* Header dark theme overrides */
header.main-header,
header.main-header .header-sticky,
header.main-header .header-sticky.active { background-color: #000; border-bottom: 1px solid rgba(255,255,255,0.12); }
header.main-header .header-sticky.active { border-bottom-color: rgba(255,255,255,0.12); }
.main-menu ul li a { color: #fff; }
.main-menu ul li a:hover,
.main-menu ul li a:focus { color: var(--accent-secondary-color); }
.main-menu ul ul { background: #111; }
.main-menu ul ul li a { color: #fff; }