﻿/* Base Styles */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root {
    --primary-color: #FFB800; /* Yellow / Gold */
    --primary-color-hover: #e6a600;
    --text-light: #FFFFFF;
    --text-muted: #D1D5DB;
    --bg-dark: #0F172A; 
    --font-main: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --badge-gold: #cda434;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-main);
    color: var(--text-light);
    line-height: 1.5;
    background-color: var(--bg-dark);
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Navbar */
.navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* very subtle if any */
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo img {
    height: 70px;
    width: auto;
}

.nav-links {
    display: flex;
    gap: 40px;
}

.nav-links a {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-light);
    transition: color 0.3s ease;
}

.nav-links a:hover, .nav-links a.active {
    color: var(--text-light); /* in screenshot they are all white */
    opacity: 0.8;
}

.btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: var(--primary-color);
    color: #111;
    border: 2px solid var(--primary-color);
}

.btn-primary:hover {
    background-color: transparent;
    color: var(--primary-color);
}

/* Hero Section */
.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 120px; /* Accounts for navbar */
    padding-bottom: 80px;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../assets/images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.hero-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(9, 14, 23, 0.95) 0%, rgba(9, 14, 23, 0.8) 40%, rgba(9, 14, 23, 0.3) 100%);
    z-index: 1;
}

.hero-content {
    width: 100%;
    position: relative;
    z-index: 10;
}

.hero-text-wrapper {
    max-width: 650px;
}

/* Trust Badge */
.trust-badge {
    display: inline-block;
    background-color: rgba(205, 164, 52, 0.15);
    border: 1px solid rgba(205, 164, 52, 0.3);
    color: var(--badge-gold);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 28px;
}

/* Hero Title */
.hero-title {
    font-size: 48px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--text-light);
    letter-spacing: -0.5px;
}

.hero-title .highlight {
    color: var(--primary-color);
}

/* Hero Description */
.hero-description {
    font-size: 15px;
    color: var(--text-muted);
    margin-bottom: 32px;
    line-height: 1.6;
}

/* Feature Badges */
.feature-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
}

.feature-badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(205, 164, 52, 0.4);
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--badge-gold);
    letter-spacing: 0.5px;
}

.feature-badge .icon-diamond {
    margin-right: 6px;
    font-size: 12px;
    line-height: 1;
}

/* CTA Group */
.hero-cta-group {
    display: flex;
    gap: 16px;
    margin-bottom: 60px;
}

.btn-primary-large {
    background-color: var(--primary-color);
    color: #111;
    padding: 14px 32px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    border: 2px solid var(--primary-color);
    transition: all 0.3s ease;
    display: inline-block;
}

.btn-primary-large:hover {
    background-color: transparent;
    color: var(--primary-color);
}

.btn-outline {
    background-color: transparent;
    color: var(--text-light);
    padding: 14px 32px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease;
    display: inline-block;
}

.btn-outline:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

/* Stats Row */
.stats-row {
    display: flex;
    gap: 16px;
}

.stat-card {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 184, 0, 0.3);
    border-radius: 8px;
    padding: 20px 16px;
    flex: 1;
    text-align: center;
    backdrop-filter: blur(2px);
}

.stat-number {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.stat-text {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-light);
    letter-spacing: 0.5px;
}

/* Mobile Menu Button */
.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    z-index: 101;
}

.mobile-menu-btn span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: var(--text-light);
    margin: 5px 0;
    transition: 0.3s;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .hero-title {
        font-size: 40px;
    }
    .stats-row {
        flex-wrap: wrap;
    }
    .stat-card {
        flex: 1 1 calc(50% - 16px);
    }
    .nav-links {
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .nav-links, .nav-cta {
        display: none;
    }
    .mobile-menu-btn {
        display: block;
    }
    .hero-title {
        font-size: 32px;
    }
    .hero-cta-group {
        flex-direction: column;
    }
    .btn-primary-large, .btn-outline {
        width: 100%;
        text-align: center;
    }
    .hero-text-wrapper {
        text-align: center;
        margin: 0 auto;
    }
    .feature-badges {
        justify-content: center;
    }
    .trust-badge {
        margin: 0 auto 24px auto;
    }
    .hero-bg::after {
        background: linear-gradient(to right, rgba(9, 14, 23, 0.9) 0%, rgba(9, 14, 23, 0.9) 100%);
    }
}

/* Mobile Menu Active Classes (handled by JS) */
.nav-links.active {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--bg-dark);
    padding: 20px;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.nav-cta.active {
    display: block;
    position: absolute;
    top: 280px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

/* =========================================
   NEW SECTIONS: Trusted, About, Services
   ========================================= */

/* Trusted By Section */
.trusted-by {
    background-color: #0A111F; /* Very dark blue */
    padding: 60px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.trusted-heading {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-light);
    letter-spacing: 6px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.trusted-logos {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.logo-box {
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 20px 40px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-light);
    background-color: transparent;
    transition: all 0.3s ease;
}
.logo-box:hover {
    border-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.05);
}

/* About Section */
.about-section {
    background-color: #0c1524; /* Dark blue */
    padding: 100px 0;
}

.about-container {
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

.about-image-wrapper {
    flex: 1;
    position: relative;
}

.about-main-img {
    width: 100%;
    border-radius: 16px;
    display: block;
}

.about-stats-card {
    position: absolute;
    bottom: -20px;
    right: 20px;
    background-color: #121F3A; /* Slightly lighter blue card */
    padding: 24px 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.stats-card-number {
    color: var(--primary-color);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 4px;
}

.stats-card-text {
    color: var(--text-light);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.about-content {
    flex: 1;
    padding-top: 20px;
}

.section-subtitle {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.section-title {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--text-light);
    margin-bottom: 24px;
}

.section-title .highlight {
    color: var(--primary-color);
}

.about-text {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.8;
    margin-bottom: 20px;
}

.timeline {
    margin-top: 40px;
    position: relative;
    padding-left: 20px;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

.timeline-item {
    position: relative;
    margin-bottom: 30px;
}
.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-dot {
    position: absolute;
    left: -20px;
    top: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--bg-dark);
    border: 2px solid var(--primary-color);
}

.timeline-content {
    padding-left: 16px;
}

.timeline-year {
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
}

.timeline-desc {
    color: var(--text-light);
    font-size: 13px;
    font-weight: 500;
}

/* Services Section */
.services-section {
    background-color: #0A111F;
    padding: 100px 0;
}

.services-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-title-large {
    font-size: 42px;
    font-weight: 700;
    color: var(--text-light);
    margin-bottom: 20px;
}

.services-desc {
    font-size: 15px;
    color: var(--text-muted);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.service-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    group: hover; /* For potential hover effects */
}

.service-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
    z-index: 1;
}

.service-card:hover .service-img {
    transform: scale(1.05);
}

.service-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(10, 17, 31, 1) 0%, rgba(10, 17, 31, 0.7) 40%, rgba(10, 17, 31, 0) 100%);
    z-index: 2;
}

.service-card-content {
    position: relative;
    z-index: 3;
    padding: 24px;
}

.service-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-light);
    margin-bottom: 8px;
}

.service-text {
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 16px;
    line-height: 1.5;
}

.service-link {
    font-size: 11px;
    font-weight: 700;
    color: var(--primary-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Sectors Section */
.sectors-section {
    background-color: #0c1524;
    padding: 100px 0;
}

.sectors-header {
    text-align: center;
    margin-bottom: 50px;
}

.sectors-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.sector-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 220px;
}

.sector-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
    z-index: 1;
}

.sector-card:hover .sector-img {
    transform: scale(1.1);
}

.sector-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(9, 14, 23, 0.95) 0%, rgba(9, 14, 23, 0) 60%);
    z-index: 2;
}

.sector-title {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--text-light);
    letter-spacing: 1px;
    z-index: 3;
}

/* Advantage Section */
.advantage-section {
    background-color: #0A111F;
    padding: 100px 0;
}

.advantage-header {
    text-align: center;
    margin-bottom: 50px;
}

.advantage-desc {
    font-size: 15px;
    color: var(--text-muted);
    line-height: 1.6;
}

.advantage-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.advantage-card {
    background-color: #111d35; /* Lighter dark blue */
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 32px 24px;
    transition: transform 0.3s ease;
}

.advantage-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.2);
}

.advantage-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-light);
    margin-bottom: 12px;
}

.advantage-text {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.6;
}

/* Testimonials Section */
.testimonials-section {
    background-color: #0c1524;
    padding: 100px 0;
}

.testimonials-header {
    text-align: center;
    margin-bottom: 60px;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.testimonial-card {
    background-color: #070d18;
    border: 1px solid rgba(205, 164, 52, 0.4);
    border-radius: 12px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary-color);
}

.quote-icon {
    color: var(--primary-color);
    font-size: 40px;
    line-height: 1;
    font-family: Georgia, serif;
    margin-bottom: 15px;
}

.testimonial-text {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.8;
    margin-bottom: 30px;
    flex-grow: 1;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.author-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #cbd5e1;
    flex-shrink: 0;
}

.author-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-light);
    margin-bottom: 4px;
}

.author-role {
    font-size: 12px;
    color: var(--text-muted);
}

/* CTA Section */
.cta-section {
    position: relative;
    padding: 100px 0;
    text-align: center;
    background-color: #172c4e; /* Brighter corporate blue overlay */
    overflow: hidden;
}

.cta-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../assets/images/cta-bg.png');
    background-size: cover;
    background-position: center;
    opacity: 0.2;
    z-index: 1;
}

.cta-container {
    position: relative;
    z-index: 2;
    max-width: 800px;
}

.cta-title {
    font-size: 38px;
    font-weight: 700;
    color: var(--text-light);
    line-height: 1.3;
    margin-bottom: 20px;
}

.cta-desc {
    font-size: 15px;
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 40px;
}

.cta-btn-group {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 60px;
}

.btn-cta-primary {
    background-color: var(--primary-color);
    color: #111;
    padding: 16px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid var(--primary-color);
    transition: all 0.3s ease;
}

.btn-cta-primary:hover {
    background-color: transparent;
    color: var(--primary-color);
}

.btn-cta-outline {
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--text-light);
    padding: 16px 36px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}

.btn-cta-outline:hover {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #fff;
}

.cta-stats-row {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.cta-stat-item {
    text-align: center;
}

.cta-stat-number {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 4px;
}

.cta-stat-label {
    color: var(--text-light);
    font-size: 13px;
    font-weight: 500;
}

/* Footer */
.footer {
    background-color: #060e1a;
    padding: 80px 0 60px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-container {
    display: grid;
    grid-template-columns: 2fr 1.2fr 1.2fr;
    gap: 60px;
    align-items: flex-start;
}

.footer-logo-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.footer-logo {
    height: 52px;
    width: auto;
}

.footer-brand-text h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--primary-color);
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.footer-brand-text span {
    font-size: 10px;
    color: var(--text-light);
    letter-spacing: 0.8px;
    display: block;
    margin-top: 2px;
}

.footer-desc {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.8;
    max-width: 340px;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 10px;
}

.footer-links a {
    font-size: 14px;
    color: #cbd5e1;
    font-weight: 400;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: var(--primary-color);
}

/* Responsiveness for all sections */
@media (max-width: 1024px) {
    .about-container {
        flex-direction: column;
        gap: 50px;
    }
    .about-image-wrapper {
        width: 100%;
    }
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .advantage-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .sectors-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .footer-container {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .trusted-logos {
        gap: 16px;
    }
    .logo-box {
        padding: 16px 24px;
        width: calc(50% - 16px);
    }
    .services-grid {
        grid-template-columns: 1fr;
    }
    .advantage-grid {
        grid-template-columns: 1fr;
    }
    .sectors-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
    .cta-title {
        font-size: 28px;
    }
    .cta-btn-group {
        flex-direction: column;
    }
    .btn-cta-primary, .btn-cta-outline {
        width: 100%;
    }
    .cta-stats-row {
        gap: 20px;
    }
    .footer-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .section-title {
        font-size: 28px;
    }
    .section-title-large {
        font-size: 32px;
    }
}

 
 / *   = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   * / 
 
 / *   A B O U T   U S   P A G E   S T Y L E S                                             * / 
 
 / *   = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   * / 
 
 
 
 / *   A b o u t   H e r o   S e c t i o n   * / 
 
 . a b o u t - h e r o   { 
 
         p o s i t i o n :   r e l a t i v e ; 
 
         p a d d i n g :   1 5 0 p x   0   0   0 ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - b g - d a r k ) ; 
 
         o v e r f l o w :   h i d d e n ; 
 
         m i n - h e i g h t :   8 0 v h ; 
 
         d i s p l a y :   f l e x ; 
 
         a l i g n - i t e m s :   c e n t e r ; 
 
 } 
 
 . a b o u t - h e r o - b g   { 
 
         p o s i t i o n :   a b s o l u t e ; 
 
         t o p :   0 ; 
 
         l e f t :   0 ; 
 
         w i d t h :   1 0 0 % ; 
 
         h e i g h t :   1 0 0 % ; 
 
         b a c k g r o u n d - i m a g e :   u r l ( ' . . / a s s e t s / i m a g e s / h e r o - b g . j p g ' ) ;   / *   R e u s e   e x i s t i n g   i m a g e   * / 
 
         b a c k g r o u n d - s i z e :   c o v e r ; 
 
         b a c k g r o u n d - p o s i t i o n :   c e n t e r ; 
 
         o p a c i t y :   0 . 2 5 ; 
 
         z - i n d e x :   1 ; 
 
 } 
 
 . a b o u t - h e r o - c o n t a i n e r   { 
 
         p o s i t i o n :   r e l a t i v e ; 
 
         z - i n d e x :   2 ; 
 
         d i s p l a y :   f l e x ; 
 
         f l e x - d i r e c t i o n :   c o l u m n ; 
 
         h e i g h t :   1 0 0 % ; 
 
         j u s t i f y - c o n t e n t :   s p a c e - b e t w e e n ; 
 
 } 
 
 . a b o u t - h e r o - c o n t e n t   { 
 
         m a r g i n - b o t t o m :   8 0 p x ; 
 
         m a x - w i d t h :   8 0 0 p x ; 
 
 } 
 
 . a b o u t - h e r o - t i t l e   { 
 
         f o n t - s i z e :   3 . 5 r e m ; 
 
         f o n t - w e i g h t :   7 0 0 ; 
 
         l i n e - h e i g h t :   1 . 2 ; 
 
         m a r g i n - b o t t o m :   2 0 p x ; 
 
 } 
 
 . a b o u t - h e r o - d e s c   { 
 
         f o n t - s i z e :   1 . 1 r e m ; 
 
         c o l o r :   v a r ( - - t e x t - m u t e d ) ; 
 
         l i n e - h e i g h t :   1 . 6 ; 
 
         m a x - w i d t h :   6 0 0 p x ; 
 
 } 
 
 . a b o u t - h e r o - s t a t s   { 
 
         d i s p l a y :   f l e x ; 
 
         a l i g n - i t e m s :   c e n t e r ; 
 
         g a p :   4 0 p x ; 
 
         b a c k g r o u n d :   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 0 5 ) ; 
 
         b o r d e r :   1 p x   s o l i d   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 1 ) ; 
 
         p a d d i n g :   3 0 p x   5 0 p x ; 
 
         b o r d e r - r a d i u s :   8 p x   8 p x   0   0 ; 
 
         b a c k d r o p - f i l t e r :   b l u r ( 1 0 p x ) ; 
 
 } 
 
 . a b o u t - s t a t   { 
 
         d i s p l a y :   f l e x ; 
 
         f l e x - d i r e c t i o n :   c o l u m n ; 
 
 } 
 
 . a b o u t - s t a t - n u m b e r   { 
 
         c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         f o n t - s i z e :   2 . 5 r e m ; 
 
         f o n t - w e i g h t :   7 0 0 ; 
 
         m a r g i n - b o t t o m :   5 p x ; 
 
 } 
 
 . a b o u t - s t a t - t e x t   { 
 
         f o n t - s i z e :   0 . 9 r e m ; 
 
         f o n t - w e i g h t :   5 0 0 ; 
 
         l e t t e r - s p a c i n g :   1 p x ; 
 
         t e x t - t r a n s f o r m :   u p p e r c a s e ; 
 
         c o l o r :   v a r ( - - t e x t - l i g h t ) ; 
 
 } 
 
 . a b o u t - s t a t - d i v i d e r   { 
 
         w i d t h :   1 p x ; 
 
         h e i g h t :   6 0 p x ; 
 
         b a c k g r o u n d - c o l o r :   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 2 ) ; 
 
 } 
 
 
 
 / *   O u r   S t o r y   S e c t i o n   * / 
 
 . o u r - s t o r y   { 
 
         p a d d i n g :   1 0 0 p x   0 ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - b g - d a r k ) ; 
 
 } 
 
 . o u r - s t o r y - c o n t a i n e r   { 
 
         d i s p l a y :   g r i d ; 
 
         g r i d - t e m p l a t e - c o l u m n s :   1 f r   1 f r ; 
 
         g a p :   6 0 p x ; 
 
         a l i g n - i t e m s :   c e n t e r ; 
 
 } 
 
 . s t o r y - t e x t   { 
 
         c o l o r :   v a r ( - - t e x t - m u t e d ) ; 
 
         l i n e - h e i g h t :   1 . 7 ; 
 
         m a r g i n - b o t t o m :   2 0 p x ; 
 
         f o n t - s i z e :   1 . 0 5 r e m ; 
 
 } 
 
 . s t o r y - m a s o n r y   { 
 
         d i s p l a y :   g r i d ; 
 
         g r i d - t e m p l a t e - c o l u m n s :   1 f r   1 f r ; 
 
         g r i d - t e m p l a t e - r o w s :   r e p e a t ( 3 ,   1 5 0 p x ) ; 
 
         g a p :   2 0 p x ; 
 
 } 
 
 . m a s o n r y - i t e m   { 
 
         b a c k g r o u n d - c o l o r :   # e 0 e 0 e 0 ; 
 
         b o r d e r - r a d i u s :   8 p x ; 
 
         b a c k g r o u n d - s i z e :   c o v e r ; 
 
         b a c k g r o u n d - p o s i t i o n :   c e n t e r ; 
 
 } 
 
 . m a s o n r y - i t e m . i t e m - 1   { 
 
         g r i d - r o w :   1   /   3 ; 
 
 } 
 
 . m a s o n r y - i t e m . i t e m - 2   { 
 
         g r i d - r o w :   1   /   2 ; 
 
 } 
 
 . m a s o n r y - i t e m . i t e m - 3   { 
 
         g r i d - r o w :   3   /   4 ; 
 
 } 
 
 . m a s o n r y - i t e m . i t e m - 4   { 
 
         g r i d - r o w :   2   /   4 ; 
 
 } 
 
 
 
 / *   O u r   J o u r n e y   S e c t i o n   * / 
 
 . o u r - j o u r n e y   { 
 
         p a d d i n g :   1 0 0 p x   0 ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - b g - d a r k ) ; 
 
 } 
 
 . t e x t - c e n t e r   { 
 
         t e x t - a l i g n :   c e n t e r ; 
 
         m a r g i n - b o t t o m :   6 0 p x ; 
 
 } 
 
 . t i m e l i n e - h o r i z o n t a l   { 
 
         m a x - w i d t h :   8 0 0 p x ; 
 
         m a r g i n :   0   a u t o ; 
 
 } 
 
 . t i m e l i n e - p o i n t s   { 
 
         d i s p l a y :   f l e x ; 
 
         j u s t i f y - c o n t e n t :   s p a c e - b e t w e e n ; 
 
         a l i g n - i t e m s :   c e n t e r ; 
 
         m a r g i n - b o t t o m :   4 0 p x ; 
 
 } 
 
 . t i m e l i n e - p o i n t   { 
 
         d i s p l a y :   f l e x ; 
 
         f l e x - d i r e c t i o n :   c o l u m n ; 
 
         a l i g n - i t e m s :   c e n t e r ; 
 
         g a p :   1 0 p x ; 
 
 } 
 
 . t i m e l i n e - d o t   { 
 
         w i d t h :   3 0 p x ; 
 
         h e i g h t :   3 0 p x ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - b g - d a r k ) ; 
 
         b o r d e r :   2 p x   s o l i d   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 2 ) ; 
 
         b o r d e r - r a d i u s :   5 0 % ; 
 
         d i s p l a y :   f l e x ; 
 
         j u s t i f y - c o n t e n t :   c e n t e r ; 
 
         a l i g n - i t e m s :   c e n t e r ; 
 
 } 
 
 . t i m e l i n e - p o i n t . a c t i v e   . t i m e l i n e - d o t   { 
 
         b o r d e r - c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
 } 
 
 . t i m e l i n e - p o i n t . a c t i v e   . t i m e l i n e - d o t : : a f t e r   { 
 
         c o n t e n t :   ' ' ; 
 
         w i d t h :   1 4 p x ; 
 
         h e i g h t :   1 4 p x ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         b o r d e r - r a d i u s :   5 0 % ; 
 
 } 
 
 . t i m e l i n e - y e a r   { 
 
         c o l o r :   v a r ( - - t e x t - l i g h t ) ; 
 
         f o n t - w e i g h t :   5 0 0 ; 
 
         f o n t - s i z e :   0 . 9 r e m ; 
 
 } 
 
 . t i m e l i n e - p o i n t . a c t i v e   . t i m e l i n e - y e a r   { 
 
         c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
 } 
 
 . t i m e l i n e - l i n e   { 
 
         f l e x - g r o w :   1 ; 
 
         h e i g h t :   1 p x ; 
 
         b a c k g r o u n d - c o l o r :   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 2 ) ; 
 
         m a r g i n :   0   1 5 p x ; 
 
         t r a n s f o r m :   t r a n s l a t e Y ( - 1 5 p x ) ; 
 
 } 
 
 . t i m e l i n e - c o n t e n t - c a r d   { 
 
         b a c k g r o u n d - c o l o r :   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 0 2 ) ; 
 
         b o r d e r :   1 p x   s o l i d   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 1 ) ; 
 
         p a d d i n g :   4 0 p x ; 
 
         b o r d e r - r a d i u s :   8 p x ; 
 
         p o s i t i o n :   r e l a t i v e ; 
 
 } 
 
 . t i m e l i n e - c a r d - y e a r   { 
 
         c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         f o n t - s i z e :   0 . 9 r e m ; 
 
         l e t t e r - s p a c i n g :   1 p x ; 
 
         m a r g i n - b o t t o m :   1 0 p x ; 
 
 } 
 
 . t i m e l i n e - c a r d - t i t l e   { 
 
         f o n t - s i z e :   1 . 5 r e m ; 
 
         m a r g i n - b o t t o m :   2 0 p x ; 
 
 } 
 
 . t i m e l i n e - c a r d - d e s c   { 
 
         c o l o r :   v a r ( - - t e x t - m u t e d ) ; 
 
         l i n e - h e i g h t :   1 . 7 ; 
 
         m a r g i n - b o t t o m :   3 0 p x ; 
 
 } 
 
 
 
 / *   M i s s i o n   &   V i s i o n   S e c t i o n   * / 
 
 . m i s s i o n - v i s i o n   { 
 
         p a d d i n g :   1 0 0 p x   0 ; 
 
         b a c k g r o u n d - c o l o r :   # 0 A 1 1 1 F ; 
 
 } 
 
 . m v - g r i d   { 
 
         d i s p l a y :   g r i d ; 
 
         g r i d - t e m p l a t e - c o l u m n s :   1 f r   1 f r ; 
 
         g a p :   3 0 p x ; 
 
 } 
 
 . m v - c a r d   { 
 
         b a c k g r o u n d - c o l o r :   # 0 d 1 a 3 3 ; 
 
         p a d d i n g :   5 0 p x ; 
 
         b o r d e r - r a d i u s :   8 p x ; 
 
         b o r d e r :   1 p x   s o l i d   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 0 5 ) ; 
 
 } 
 
 . m v - t i t l e   { 
 
         f o n t - s i z e :   1 . 3 r e m ; 
 
         l i n e - h e i g h t :   1 . 4 ; 
 
         m a r g i n - b o t t o m :   2 5 p x ; 
 
         f o n t - w e i g h t :   6 0 0 ; 
 
 } 
 
 . m v - t e x t   { 
 
         c o l o r :   v a r ( - - t e x t - m u t e d ) ; 
 
         l i n e - h e i g h t :   1 . 7 ; 
 
 } 
 
 
 
 / *   C o r e   V a l u e s   S e c t i o n   * / 
 
 . c o r e - v a l u e s   { 
 
         p a d d i n g :   1 0 0 p x   0 ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - b g - d a r k ) ; 
 
 } 
 
 . v a l u e s - g r i d   { 
 
         d i s p l a y :   g r i d ; 
 
         g r i d - t e m p l a t e - c o l u m n s :   r e p e a t ( 3 ,   1 f r ) ; 
 
         g a p :   3 0 p x ; 
 
 } 
 
 . v a l u e - c a r d   { 
 
         b a c k g r o u n d - c o l o r :   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 0 2 ) ; 
 
         b o r d e r :   1 p x   s o l i d   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 0 5 ) ; 
 
         p a d d i n g :   4 0 p x ; 
 
         b o r d e r - r a d i u s :   8 p x ; 
 
         t r a n s i t i o n :   t r a n s f o r m   0 . 3 s ; 
 
 } 
 
 . v a l u e - c a r d : h o v e r   { 
 
         t r a n s f o r m :   t r a n s l a t e Y ( - 5 p x ) ; 
 
         b a c k g r o u n d - c o l o r :   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 0 5 ) ; 
 
 } 
 
 . v a l u e - t i t l e   { 
 
         f o n t - s i z e :   1 . 2 r e m ; 
 
         c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         m a r g i n - b o t t o m :   1 5 p x ; 
 
 } 
 
 . v a l u e - t e x t   { 
 
         c o l o r :   v a r ( - - t e x t - m u t e d ) ; 
 
         f o n t - s i z e :   0 . 9 5 r e m ; 
 
         l i n e - h e i g h t :   1 . 6 ; 
 
 } 
 
 
 
 / *   M a n a g e m e n t   T e a m   S e c t i o n   * / 
 
 . m a n a g e m e n t - t e a m   { 
 
         p a d d i n g :   1 0 0 p x   0 ; 
 
         b a c k g r o u n d - c o l o r :   # 0 A 1 1 1 F ; 
 
 } 
 
 . t e a m - g r i d   { 
 
         d i s p l a y :   g r i d ; 
 
         g r i d - t e m p l a t e - c o l u m n s :   r e p e a t ( 4 ,   1 f r ) ; 
 
         g a p :   3 0 p x ; 
 
 } 
 
 . t e a m - c a r d   { 
 
         b a c k g r o u n d - c o l o r :   # 0 d 1 a 3 3 ; 
 
         b o r d e r - r a d i u s :   8 p x ; 
 
         o v e r f l o w :   h i d d e n ; 
 
         t e x t - a l i g n :   c e n t e r ; 
 
         b o r d e r :   1 p x   s o l i d   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 0 5 ) ; 
 
 } 
 
 . t e a m - i m g   { 
 
         h e i g h t :   2 5 0 p x ; 
 
         b a c k g r o u n d - s i z e :   c o v e r ; 
 
         b a c k g r o u n d - p o s i t i o n :   c e n t e r ; 
 
 } 
 
 . t e a m - n a m e   { 
 
         f o n t - s i z e :   1 . 2 r e m ; 
 
         m a r g i n :   2 0 p x   0   5 p x ; 
 
 } 
 
 . t e a m - r o l e   { 
 
         c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         f o n t - s i z e :   0 . 9 r e m ; 
 
         m a r g i n - b o t t o m :   2 5 p x ; 
 
 } 
 
 
 
 / *   P a n   I n d i a   P r e s e n c e   S e c t i o n   * / 
 
 . p r e s e n c e - s e c t i o n   { 
 
         p a d d i n g :   1 0 0 p x   0 ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - b g - d a r k ) ; 
 
 } 
 
 . p r e s e n c e - c o n t e n t   { 
 
         d i s p l a y :   g r i d ; 
 
         g r i d - t e m p l a t e - c o l u m n s :   1 f r   1 f r ; 
 
         g a p :   5 0 p x ; 
 
         a l i g n - i t e m s :   c e n t e r ; 
 
 } 
 
 . p r e s e n c e - m a p   { 
 
         h e i g h t :   4 0 0 p x ; 
 
         b a c k g r o u n d - s i z e :   c o n t a i n ; 
 
         b a c k g r o u n d - r e p e a t :   n o - r e p e a t ; 
 
         b a c k g r o u n d - p o s i t i o n :   c e n t e r ; 
 
         b o r d e r - r a d i u s :   8 p x ; 
 
 } 
 
 . p r o g r e s s - i t e m   { 
 
         m a r g i n - b o t t o m :   3 0 p x ; 
 
 } 
 
 . p r o g r e s s - i n f o   { 
 
         d i s p l a y :   f l e x ; 
 
         j u s t i f y - c o n t e n t :   s p a c e - b e t w e e n ; 
 
         m a r g i n - b o t t o m :   1 0 p x ; 
 
 } 
 
 . p r o g r e s s - l a b e l   { 
 
         f o n t - w e i g h t :   5 0 0 ; 
 
 } 
 
 . p r o g r e s s - v a l   { 
 
         c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         f o n t - w e i g h t :   6 0 0 ; 
 
 } 
 
 . p r o g r e s s - b a r   { 
 
         w i d t h :   1 0 0 % ; 
 
         h e i g h t :   8 p x ; 
 
         b a c k g r o u n d - c o l o r :   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 1 ) ; 
 
         b o r d e r - r a d i u s :   4 p x ; 
 
         o v e r f l o w :   h i d d e n ; 
 
 } 
 
 . p r o g r e s s - f i l l   { 
 
         h e i g h t :   1 0 0 % ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         b o r d e r - r a d i u s :   4 p x ; 
 
 } 
 
 
 
 / *   A t   A   G l a n c e   S e c t i o n   * / 
 
 . a t - a - g l a n c e   { 
 
         p a d d i n g :   1 0 0 p x   0 ; 
 
         b a c k g r o u n d - c o l o r :   # 0 A 1 1 1 F ; 
 
 } 
 
 . g l a n c e - g r i d   { 
 
         d i s p l a y :   g r i d ; 
 
         g r i d - t e m p l a t e - c o l u m n s :   r e p e a t ( 3 ,   1 f r ) ; 
 
         g a p :   4 0 p x ; 
 
         t e x t - a l i g n :   c e n t e r ; 
 
 } 
 
 . g l a n c e - i t e m   { 
 
         p a d d i n g :   2 0 p x ; 
 
 } 
 
 . g l a n c e - v a l   { 
 
         f o n t - s i z e :   3 r e m ; 
 
         c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         f o n t - w e i g h t :   7 0 0 ; 
 
         m a r g i n - b o t t o m :   1 0 p x ; 
 
 } 
 
 . g l a n c e - l a b e l   { 
 
         f o n t - s i z e :   1 . 1 r e m ; 
 
         c o l o r :   v a r ( - - t e x t - l i g h t ) ; 
 
         l e t t e r - s p a c i n g :   1 p x ; 
 
 } 
 
 
 
 / *   I n d u s t r i e s   W e   S e r v e   S e c t i o n   * / 
 
 . i n d u s t r i e s - s e c t i o n   { 
 
         p a d d i n g :   1 0 0 p x   0 ; 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - b g - d a r k ) ; 
 
         b o r d e r - b o t t o m :   1 p x   s o l i d   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 1 ) ; 
 
 } 
 
 . i n d u s t r i e s - g r i d   { 
 
         d i s p l a y :   g r i d ; 
 
         g r i d - t e m p l a t e - c o l u m n s :   r e p e a t ( 6 ,   1 f r ) ; 
 
         g a p :   2 0 p x ; 
 
 } 
 
 . i n d - c a r d   { 
 
         b a c k g r o u n d - c o l o r :   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 0 5 ) ; 
 
         b o r d e r :   1 p x   s o l i d   r g b a ( 2 5 5 ,   2 5 5 ,   2 5 5 ,   0 . 1 ) ; 
 
         p a d d i n g :   2 5 p x   1 5 p x ; 
 
         t e x t - a l i g n :   c e n t e r ; 
 
         f o n t - s i z e :   0 . 9 r e m ; 
 
         f o n t - w e i g h t :   5 0 0 ; 
 
         b o r d e r - r a d i u s :   6 p x ; 
 
         t r a n s i t i o n :   a l l   0 . 3 s   e a s e ; 
 
         d i s p l a y :   f l e x ; 
 
         a l i g n - i t e m s :   c e n t e r ; 
 
         j u s t i f y - c o n t e n t :   c e n t e r ; 
 
         m i n - h e i g h t :   8 0 p x ; 
 
 } 
 
 . i n d - c a r d : h o v e r   { 
 
         b a c k g r o u n d - c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
         c o l o r :   # 0 0 0 ; 
 
         b o r d e r - c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ; 
 
 } 
 
 
 
 / *   R e s p o n s i v e   a d j u s t m e n t s   f o r   A b o u t   P a g e   * / 
 
 @ m e d i a   ( m a x - w i d t h :   1 0 2 4 p x )   { 
 
         . o u r - s t o r y - c o n t a i n e r , 
 
         . m v - g r i d , 
 
         . p r e s e n c e - c o n t e n t   { 
 
                 g r i d - t e m p l a t e - c o l u m n s :   1 f r ; 
 
         } 
 
         . a b o u t - h e r o - s t a t s   { 
 
                 g a p :   2 0 p x ; 
 
                 p a d d i n g :   2 0 p x ; 
 
         } 
 
         . v a l u e s - g r i d , 
 
         . t e a m - g r i d , 
 
         . g l a n c e - g r i d   { 
 
                 g r i d - t e m p l a t e - c o l u m n s :   r e p e a t ( 2 ,   1 f r ) ; 
 
         } 
 
         . i n d u s t r i e s - g r i d   { 
 
                 g r i d - t e m p l a t e - c o l u m n s :   r e p e a t ( 3 ,   1 f r ) ; 
 
         } 
 
 } 
 
 @ m e d i a   ( m a x - w i d t h :   7 6 8 p x )   { 
 
         . a b o u t - h e r o - t i t l e   { 
 
                 f o n t - s i z e :   2 . 5 r e m ; 
 
         } 
 
         . a b o u t - h e r o - s t a t s   { 
 
                 f l e x - d i r e c t i o n :   c o l u m n ; 
 
                 b o r d e r - r a d i u s :   8 p x ; 
 
         } 
 
         . a b o u t - s t a t - d i v i d e r   { 
 
                 w i d t h :   1 0 0 % ; 
 
                 h e i g h t :   1 p x ; 
 
         } 
 
         . v a l u e s - g r i d , 
 
         . t e a m - g r i d , 
 
         . g l a n c e - g r i d , 
 
         . i n d u s t r i e s - g r i d   { 
 
                 g r i d - t e m p l a t e - c o l u m n s :   1 f r ; 
 
         } 
 
         . t i m e l i n e - p o i n t s   { 
 
                 f l e x - d i r e c t i o n :   c o l u m n ; 
 
                 g a p :   2 0 p x ; 
 
         } 
 
         . t i m e l i n e - l i n e   { 
 
                 w i d t h :   1 p x ; 
 
                 h e i g h t :   3 0 p x ; 
 
                 m a r g i n :   0 ; 
 
                 t r a n s f o r m :   n o n e ; 
 
         } 
 
 } 
 
 
/* Core Values Section */
.core-values {
    padding: 100px 0;
    background-color: var(--bg-dark);
}
.values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.value-card {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 40px;
    border-radius: 8px;
    transition: transform 0.3s;
}
.value-card:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.05);
}
.value-title {
    font-size: 1.2rem;
    color: var(--primary-color);
    margin-bottom: 15px;
}
.value-text {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Management Team Section */
.management-team {
    padding: 100px 0;
    background-color: #0A111F;
}
.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.team-card {
    background-color: #0d1a33;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.team-img {
    height: 250px;
    background-size: cover;
    background-position: center;
}
.team-name {
    font-size: 1.2rem;
    margin: 20px 0 5px;
}
.team-role {
    color: var(--primary-color);
    font-size: 0.9rem;
    margin-bottom: 25px;
}

/* Pan India Presence Section */
.presence-section {
    padding: 100px 0;
    background-color: var(--bg-dark);
}
.presence-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}
.presence-map {
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
}
.progress-item {
    margin-bottom: 30px;
}
.progress-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.progress-label {
    font-weight: 500;
}
.progress-val {
    color: var(--primary-color);
    font-weight: 600;
}
.progress-bar {
    width: 100%;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
}
.progress-fill {
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 4px;
}

/* At A Glance Section */
.at-a-glance {
    padding: 100px 0;
    background-color: #0A111F;
}
.glance-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    text-align: center;
}
.glance-item {
    padding: 20px;
}
.glance-val {
    font-size: 3rem;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: 10px;
}
.glance-label {
    font-size: 1.1rem;
    color: var(--text-light);
    letter-spacing: 1px;
}

/* Industries We Serve Section */
.industries-section {
    padding: 100px 0;
    background-color: var(--bg-dark);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.industries-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.ind-card {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px 15px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}
.ind-card:hover {
    background-color: var(--primary-color);
    color: #000;
    border-color: var(--primary-color);
}

/* Responsive adjustments for About Page */
@media (max-width: 1024px) {
    .our-story-container,
    .mv-grid,
    .presence-content {
        grid-template-columns: 1fr;
    }
    .about-hero-stats {
        gap: 20px;
        padding: 20px;
    }
    .values-grid,
    .team-grid,
    .glance-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .industries-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .about-hero-title {
        font-size: 2.5rem;
    }
    .about-hero-stats {
        flex-direction: column;
        border-radius: 8px;
    }
    .about-stat-divider {
        width: 100%;
        height: 1px;
    }
    .values-grid,
    .team-grid,
    .glance-grid,
    .industries-grid {
        grid-template-columns: 1fr;
    }
    .timeline-points {
        flex-direction: column;
        gap: 20px;
    }
    .timeline-line {
        width: 1px;
        height: 30px;
        margin: 0;
        transform: none;
    }
}
 
/* New About Hero Stats */ 
.about-hero-stats-new { display: flex; gap: 20px; align-items: center; margin-top: 30px; } 
.hero-stat-card { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 20px 30px; text-align: left; min-width: 180px; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(5px); } 
.hero-stat-val { color: var(--primary-color); font-size: 1.8rem; font-weight: 700; margin-bottom: 5px; } 
.hero-stat-label { font-size: 0.9rem; font-weight: 600; letter-spacing: 1px; color: #fff; } 
 
/* About Hero Section Re-styled */ 
.about-hero { position: relative; padding: 120px 0 60px 0; background-color: var(--bg-dark); min-height: 80vh; display: flex; align-items: center; } 
.about-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #0A111F 0%, rgba(10, 17, 31, 0.6) 60%, transparent 100%), linear-gradient(to top, #0A111F 0%, transparent 40%), url('../assets/images/about-hero-bg.jpg'); background-size: cover; background-position: center; z-index: 1; } 
.about-hero-container { position: relative; z-index: 2; width: 100%; } 
.about-hero-content { max-width: 700px; margin-bottom: 40px; } 
.about-hero-title { font-size: 3.2rem; font-weight: 800; line-height: 1.2; margin-bottom: 20px; color: #fff; } 
.about-hero-title .highlight { color: var(--primary-color); } 
.about-hero-desc { font-size: 1.05rem; font-weight: 600; color: rgba(255, 255, 255, 0.9); line-height: 1.6; max-width: 650px; } 
 
.section-title-large { font-size: 2.8rem; font-weight: 800; line-height: 1.2; margin-bottom: 30px; color: #fff; text-transform: uppercase; } 
.section-title-large .highlight { color: var(--primary-color); } 
.story-text { color: var(--text-muted); line-height: 1.8; margin-bottom: 20px; font-size: 1rem; } 
.our-story { padding: 80px 0; background-color: #0A111F; } 
.our-story-container { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } 
 
/* Override About Hero BG to match screenshot exactly */
.about-hero-bg { background-image: linear-gradient(to right, rgba(10, 17, 31, 0.9) 0%, rgba(10, 17, 31, 0.7) 100%), linear-gradient(to top, rgba(10, 17, 31, 1) 0%, rgba(10, 17, 31, 0) 30%), url('../assets/images/about-hero-bg.jpg') !important; }
 
/* Override About Hero BG with exact provided overlay layer */ 
.about-hero-bg { background-image: url('../assets/images/about-overlay.png'), url('../assets/images/about-hero-bg.jpg') !important; } 
 
/* Update Our Story Masonry CSS */ 
.story-quote { font-family: serif; font-style: italic; font-size: 1.1rem; color: #fff; line-height: 1.6; margin-top: 30px; } 
.story-images-masonry { display: flex; gap: 30px; } 
.masonry-col { display: flex; flex-direction: column; gap: 30px; flex: 1; } 
.story-img-box { background-size: cover; background-position: center; border-radius: 12px; background-color: #e0e0e0; } 
.img-1 { height: 380px; } 
.img-2 { height: 320px; } 
.img-3 { height: 320px; } 
.img-4 { height: 420px; } 
 
/* Update Our Journey timeline */ 
.timeline-icon { width: 60px; height: 60px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; font-size: 24px; background: rgba(0, 0, 0, 0.3); margin-bottom: 15px; z-index: 2; position: relative; } 
.timeline-point.active .timeline-icon { border-color: var(--primary-color); } 
.timeline-year { font-size: 1.1rem; font-weight: 700; color: #fff; } 
.timeline-line { flex: 1; height: 1px; background: rgba(255, 255, 255, 0.2); transform: translateY(-20px); } 
.timeline-content-card { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 40px; background: transparent; margin-top: 40px; text-align: left; } 
.timeline-card-year { color: var(--primary-color); margin-bottom: 5px; font-weight: 700; font-size: 1.1rem; } 
.timeline-card-title { color: #fff; font-size: 1.4rem; margin-bottom: 25px; font-weight: 700; } 
.timeline-card-desc { color: #8da4c8; line-height: 1.6; max-width: 600px; font-size: 1rem; font-weight: 500; } 
.timeline-nav-buttons { display: flex; gap: 20px; margin-top: 40px; } 
.btn-dark-outline { background: #0A121E; border: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 12px 30px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: all 0.3s; } 
.btn-dark-outline:hover { background: rgba(255,255,255,0.1); } 
 
/* Update Mission Vision CSS */ 
.mission-vision { background-color: #050a12; padding: 100px 0; } 
.mv-card { background-color: #0c1420; border: 1px solid rgba(255, 193, 7, 0.3); border-radius: 12px; padding: 50px 40px; } 
.mv-title { color: #fff; font-size: 1.4rem; font-weight: 800; line-height: 1.4; margin-bottom: 25px; margin-top: 15px; } 
.mv-text { color: #a0aec0; font-size: 1.05rem; line-height: 1.7; font-weight: 400; } 
.mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } 
 
/* Update Core Values CSS */ 
.core-values { background-color: #0A111F; padding: 100px 0; } 
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } 
.value-card { background-color: #0c1524; border: none; border-radius: 4px; padding: 50px 40px; min-height: 300px; display: flex; flex-direction: column; justify-content: flex-end; transition: transform 0.3s; } 
.value-card:hover { transform: translateY(-5px); background-color: #0f1a2e; } 
.value-title { color: #fff; font-size: 1.4rem; font-weight: 800; margin-bottom: 20px; } 
.value-text { color: rgba(255, 255, 255, 0.9); font-size: 1rem; line-height: 1.6; font-weight: 500; } 
.values-desc { color: #fff; font-weight: 600; font-size: 1.05rem; text-align: center; max-width: 800px; margin: 0 auto 60px auto; line-height: 1.6; } 
 
.management-team { background-color: #040e1b; padding: 100px 0; } 
.team-card { background-color: transparent; border: none; overflow: hidden; display: flex; flex-direction: column; } 
.team-img { width: 100%; height: 320px; background-size: cover; background-position: center; border-radius: 4px 4px 0 0; } 
.team-info { background-color: #061224; padding: 25px; border-radius: 0 0 4px 4px; border-top: 2px solid rgba(255,255,255,0.05); } 
.team-name { color: #fff; font-size: 1.3rem; font-weight: 800; margin-bottom: 5px; } 
.team-role { color: var(--primary-color); font-weight: 700; font-size: 0.95rem; margin-bottom: 0; } 
.presence-section { background-color: #040e1b; padding: 100px 0; } 
.presence-stats { padding-left: 50px; } 
.progress-item { margin-bottom: 30px; } 
.progress-info { display: flex; justify-content: space-between; margin-bottom: 12px; font-size: 1.1rem; color: #a0aec0; } 
.progress-val { color: #fff; font-weight: 700; } 
.progress-bar { height: 6px; background-color: rgba(255, 255, 255, 0.1); border-radius: 3px; overflow: hidden; display: flex; } 
.progress-fill { background: linear-gradient(90deg, #FFB300 0%, #FFB300 50%, #1A365D 50%, #1A365D 100%); height: 100%; border-radius: 3px; } 
 
/* Update At A Glance and Industries CSS */ 
.at-a-glance { background-color: #040e1b; padding: 100px 0; } 
.glance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } 
.glance-item { background-color: #061224; border: 1px solid rgba(255, 193, 7, 0.4); border-radius: 8px; padding: 60px 40px; text-align: left; } 
.glance-val { color: #fff; font-size: 2.5rem; font-weight: 800; margin-bottom: 5px; line-height: 1.2; } 
.glance-label { color: var(--primary-color); font-weight: 700; font-size: 1rem; margin-bottom: 5px; } 
.glance-subtext { color: #a0aec0; font-size: 0.95rem; margin-bottom: 0; } 
.industries-section { background-color: #040e1b; padding: 100px 0; } 
.industries-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; } 
.ind-card { background-color: #0B1727; border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; padding: 30px 20px; text-align: center; height: 260px; display: flex; flex-direction: column; justify-content: flex-end; transition: transform 0.3s; } 
.ind-card:hover { transform: translateY(-5px); background-color: #0f2038; border-color: rgba(255, 193, 7, 0.3); } 
.ind-title { color: #fff; font-weight: 700; font-size: 0.95rem; margin-bottom: 5px; } 
.ind-stat { color: var(--primary-color); font-weight: 700; font-size: 0.9rem; margin-bottom: 0; } 
 
/* Fix Our Journey Layout */ 
.timeline-horizontal { display: flex; flex-direction: column; } 
.timeline-points { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } 
.timeline-point { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; } 
 
/* Utilities */ 
.text-center { text-align: center; } 
/* Services Page CSS */
.services-hero { position: relative; padding: 200px 0 150px; display: flex; align-items: center; min-height: 70vh; overflow: hidden; }
.services-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 0; }
.services-hero-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(14, 46, 85, 0.85); z-index: 1; }
.services-hero-content { position: relative; z-index: 2; }
.services-hero-content .hero-title { font-size: 3rem; margin-bottom: 20px; color: #fff; }
.services-hero-content .hero-description { color: rgba(255, 255, 255, 0.9); font-weight: 500; font-size: 1.1rem; line-height: 1.6; margin-bottom: 40px; }

.services-stats { background-color: #E6E6E6; padding: 30px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
.services-stats-grid { display: flex; justify-content: space-between; align-items: center; }
.s-stat-item { text-align: left; }
.s-stat-val { color: #000; font-size: 1.2rem; font-weight: 800; margin-bottom: 2px; }
.s-stat-label { color: #000; font-weight: 600; font-size: 0.95rem; }

.services-list-section { padding: 80px 0; background-color: #fff; }
.services-list-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.services-page-card { border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.06); background-color: #FFF9F9; display: flex; flex-direction: column; }
.services-page-card-img { width: 100%; height: 220px; background-color: #ddd; background-size: cover; background-position: center; }
.services-page-card-content { padding: 25px; flex: 1; display: flex; flex-direction: column; }
.sc-title { font-size: 1.1rem; font-weight: 800; color: #000; margin-bottom: 5px; }
.sc-subtitle { font-size: 0.85rem; font-weight: 700; color: #1565C0; margin-bottom: 15px; border-bottom: 1px solid #1565C0; padding-bottom: 5px; display: inline-block; }
.sc-features { list-style: none; padding: 0; margin: 0 0 25px 0; flex: 1; }
.sc-features li { position: relative; padding-left: 15px; margin-bottom: 8px; font-size: 0.85rem; color: #555; font-weight: 600; }
.sc-features li::before { content: '>'; position: absolute; left: 0; top: 0; color: #999; }
.sc-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.sc-ind { font-size: 0.75rem; font-weight: 800; color: #1565C0; }
.sc-link { font-size: 0.75rem; font-weight: 700; background-color: #EAECEF; color: #3b82f6; padding: 6px 12px; border-radius: 4px; text-decoration: none; }

.services-cta { background-image: url('../assets/images/cta-bg.png'); background-size: cover; background-position: center; padding: 80px 0; color: #fff; }
.cta-badge { background: rgba(255, 255, 255, 0.2); padding: 5px 15px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; margin-bottom: 20px; display: inline-block; }
.cta-heading { font-size: 2.5rem; font-weight: 800; margin-bottom: 15px; }
.cta-desc { font-size: 1.1rem; opacity: 0.9; margin: 0 auto 30px auto; max-width: 700px; line-height: 1.6; }
.cta-buttons { margin-top: 20px; }
.btn-primary-outline { border: 1px solid rgba(255, 255, 255, 0.5); background: transparent; color: #fff; padding: 12px 30px; border-radius: 4px; font-weight: 600; text-decoration: none; display: inline-block; }

/* Update CTA Buttons */
.btn-consult { background-color: #FFB300; color: #000; padding: 12px 30px; border-radius: 4px; font-weight: 700; text-decoration: none; display: inline-block; margin-right: 15px; }
.btn-contact-no { background-color: transparent; border: 1px solid #4FC3F7; color: #4FC3F7; padding: 12px 30px; border-radius: 4px; font-weight: 700; text-decoration: none; display: inline-block; }
.btn-consult:hover { background-color: #FFA000; color: #000; }
.btn-contact-no:hover { background-color: rgba(79, 195, 247, 0.1); }
/* Security Services Detail Page */
.security-hero { position: relative; padding: 220px 0 150px; overflow: hidden; display: flex; align-items: center; min-height: 70vh; }
.security-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 0; }
.security-hero-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(8, 20, 35, 0.85); z-index: 1; }
.security-hero-content { position: relative; z-index: 2; color: #fff; }
.hero-pre-title { color: var(--primary-color); font-weight: 700; font-size: 0.9rem; text-transform: uppercase; }
.security-hero-content .hero-title { font-size: 4rem; font-weight: 800; margin-bottom: 20px; }
.security-hero-content .hero-description { font-size: 1.15rem; font-weight: 600; margin-bottom: 40px; color: #ddd; }

.badge-light { background-color: #EAECEF; color: #3b82f6; padding: 6px 15px; border-radius: 20px; font-size: 0.8rem; font-weight: 700; display: inline-block; margin-bottom: 15px; }

.service-overview { padding: 100px 0; background-color: #fff; }
.overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.overview-stats { display: flex; gap: 20px; margin-top: 40px; }
.o-stat-box { background-color: #F8F9FA; padding: 25px; border-radius: 8px; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.06); flex: 1; text-align: center; }
.o-stat-box h4 { font-size: 1.5rem; font-weight: 800; color: #000; margin-bottom: 5px; }
.o-stat-box p { font-size: 0.9rem; font-weight: 600; color: #555; margin: 0; }

.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.feature-card { background-color: #fff; padding: 40px 30px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-align: left; }
.f-icon { width: 45px; height: 45px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 20px; font-weight: bold; }
.feature-card h4 { font-size: 1.1rem; font-weight: 800; color: #000; margin-bottom: 15px; }
.feature-card p { font-size: 0.95rem; color: #666; line-height: 1.6; margin: 0; }

.ind-icon-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.ind-icon-card { background-color: #fff; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.06); padding: 30px 20px; border-radius: 12px; transition: transform 0.3s; }
.ind-icon-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.ind-i { font-size: 2.5rem; margin-bottom: 15px; }
.ind-icon-card span { display: block; font-size: 0.9rem; font-weight: 700; color: #000; }

.diff-list { display: flex; flex-direction: column; gap: 30px; margin-top: 40px; }
.diff-item { display: flex; gap: 20px; }
.d-icon { background-color: #F8F9FA; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.diff-item h4 { font-size: 1.1rem; font-weight: 800; color: #000; margin-bottom: 8px; }
.diff-item p { font-size: 0.95rem; color: #666; margin: 0; line-height: 1.5; }

.blue-stats-box { background-color: #2161D3; border-radius: 12px; padding: 40px; color: #fff; }
.bs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; }
.bs-item { background-color: rgba(255,255,255,0.1); padding: 25px 20px; border-radius: 8px; text-align: center; }
.bs-item h3 { font-size: 1.8rem; font-weight: 800; margin-bottom: 5px; }
.bs-item span { font-size: 0.9rem; opacity: 0.9; }
.bs-list { list-style: none; padding: 0; margin: 0; }
.bs-list li { position: relative; padding-left: 25px; margin-bottom: 15px; font-size: 0.95rem; }
.bs-list li::before { content: '•'; position: absolute; left: 0; top: 0; font-size: 1.2rem; color: #fff; }

.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 200px; gap: 20px; }
.g-item { border-radius: 12px; background-size: cover; background-position: center; }
.g-large { grid-column: span 2; grid-row: span 2; }

.faq-list { max-width: 800px; margin: 0 auto; text-align: left; }
.faq-item { background-color: #fff; color: #000; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.06); padding: 25px 30px; border-radius: 12px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 1.05rem; cursor: pointer; transition: box-shadow 0.3s; }
.faq-item:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.faq-btn { background-color: #EAECEF; color: #3b82f6; border: none; width: 30px; height: 30px; border-radius: 50%; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; cursor: pointer; }

/* Overrides for TRULY DIFFERENT and INDUSTRIES based on latest screenshots */
.ind-icon-card { box-shadow: 0 5px 15px rgba(0,0,0,0.05); }

.diff-list { gap: 20px; }
.diff-item { background-color: #fff; border: 1px solid #EAF0F6; border-radius: 12px; padding: 25px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); align-items: center; }
.d-icon { background: none; width: auto; height: auto; font-size: 2rem; margin-right: 15px; }

.blue-stats-box { background-image: url('../assets/images/blue-gradient.png'); background-size: cover; background-position: center; border-radius: 16px; padding: 50px 40px; box-shadow: 0 15px 35px rgba(13, 71, 161, 0.2); }
.bs-item { background-color: rgba(255,255,255,0.15); backdrop-filter: blur(5px); border-radius: 12px; padding: 25px 15px; }
.bs-item h3 { font-size: 1.8rem; font-weight: 600; margin-bottom: 5px; }
.bs-item span { font-size: 0.95rem; font-weight: 500; }
.bs-list li { margin-bottom: 15px; font-weight: 500; }

.bs-item h3 { font-weight: 400; font-size: 2.2rem; }
.blue-stats-box p { font-size: 1.2rem; margin-bottom: 30px !important; }

