/* 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: var(--primary-color); }
.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: var(--white-color); border: 1px solid var(--divider-color); 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: var(--divider-color); margin-bottom: 14px; }
.ferature-list-item h3, .service-item h3 { margin: 6px 0 8px; font-size: 18px; line-height: 1.3; color: var(--primary-color); }
.ferature-list-item p, .service-item p { margin: 0; color: var(--text-color); }

/* Counters */
.counter-item h2 { font-size: 40px; line-height: 1.1; margin: 0 0 6px; color: var(--primary-color); }
.counter-item p { margin: 0; color: var(--text-color); }
@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 white background */
.main-header, .main-header .header-sticky, .main-header .navbar { background-color: var(--white-color) !important; }
.main-header .nav-link { color: var(--text-color) !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: var(--white-color) !important; }


/* Header light theme overrides */
header.main-header,
header.main-header .header-sticky,
header.main-header .header-sticky.active { background-color: var(--white-color); border-bottom: 1px solid var(--divider-color); }
header.main-header .header-sticky.active { border-bottom-color: var(--divider-color); }
.main-menu ul li a { color: var(--text-color); }
.main-menu ul li a:hover,
.main-menu ul li a:focus { color: var(--primary-color); }
.main-menu ul ul { background: var(--white-color); border: 1px solid var(--divider-color); }
.main-menu ul ul li a { color: var(--text-color); }

/* Fix for large logo image sizes */
.navbar-brand img, .footer-logo img {
    max-height: 80px;
    width: auto;
}

/* Vertical Timeline */
.timeline-container { position: relative; max-width: 1000px; margin: 0 auto; padding: 40px 0; }
.timeline-container::after { content: ''; position: absolute; width: 4px; background-color: var(--primary-color); top: 0; bottom: 0; left: 50%; margin-left: -2px; }
.timeline-item { padding: 10px 40px; position: relative; background-color: inherit; width: 50%; }
.timeline-item::after { content: ''; position: absolute; width: 20px; height: 20px; right: -10px; background-color: var(--white-color); border: 4px solid var(--accent-color); top: 25px; border-radius: 50%; z-index: 1; }
.timeline-left { left: 0; }
.timeline-right { left: 50%; }
.timeline-left::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid var(--white-color); border-width: 10px 0 10px 10px; border-color: transparent transparent transparent var(--white-color); }
.timeline-right::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid var(--white-color); border-width: 10px 10px 10px 0; border-color: transparent var(--white-color) transparent transparent; }
.timeline-right::after { left: -10px; }
.timeline-content { padding: 20px 30px; background-color: var(--white-color); position: relative; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-top: 4px solid var(--primary-color); }
.timeline-content p { margin: 0; font-size: 16px; color: var(--text-color); font-weight: 500; }
@media screen and (max-width: 768px) {
    .timeline-container::after { left: 31px; }
    .timeline-item { width: 100%; padding-left: 70px; padding-right: 25px; }
    .timeline-item::before { left: 60px; border: medium solid var(--white-color); border-width: 10px 10px 10px 0; border-color: transparent var(--white-color) transparent transparent; }
    .timeline-left::after, .timeline-right::after { left: 21px; }
    .timeline-right { left: 0%; }
}

/* Fix text colors for the dark Why Choose Us section */
.why-choose-us .section-title h3,
.why-choose-us .section-title h2,
.why-choose-us .section-title h2 span,
.why-choose-us .section-title p,
.why-choose-us .why-choose-us-body ul li,
.why-choose-us .why-choose-us-body ul li strong,
.why-choose-us .about-footer-btn-content p,
.why-choose-us .about-footer-btn-content h3 a {
    color: var(--white-color) !important;
}

/* User uploaded hero image override */
.hero {
    background: url('../images/632f0d24-487d-4b8f-a0f2-bf36c066e306.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

.gallery-item:hover img { transform: scale(1.05); }

/* Remove shield icon from all section titles */
.section-title h3::before {
    display: none !important;
    background: none !important;
}
.section-title h3 {
    padding-left: 0 !important;
}

/* Fix Our Connectivity image aspect ratio to prevent cropping */
.security-image img {
    aspect-ratio: auto !important;
    height: auto !important;
}