*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#07111f;color:#fff;overflow-x:hidden}
html{scroll-behavior:smooth}

/*#loader{position:fixed;inset:0;background:#020617;display:flex;justify-content:center;align-items:center;z-index:9999}
.loader-content{text-align:center}
.loader-ring{width:110px;height:110px;border-radius:50%;border:6px solid #38bdf8;border-top:6px solid transparent;animation:spin 1s linear infinite;margin:auto}
@keyframes spin{100%{transform:rotate(360deg)}}*/

.logo img{
    width: clamp(50px, 8vw, 120px);
    height: auto;
    
    display: block;
     border-radius: 100%;
    border: none;
    object-fit: cover;
}

#loader{
    position: fixed;
    inset: 0;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.loader-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    width: 100%;
}

.loader-content h1{
     margin-top: 25px;
    text-align: center;
    width: 100%;

      font-size: 28px;
    font-weight: 700;
    letter-spacing: 2px;
     background: linear-gradient(90deg,#0066ff,#00c6ff);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.loader-ring{
    position: relative;
    width: 220px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Outer Ring */

.loader-ring::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-top: 6px solid #0066ff;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #00c6ff;
    border-left: 6px solid transparent;
    animation: rotate 2s linear infinite;
}

/* Inner Ring */

.loader-ring::after{
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border-top: 4px dotted #00c6ff;
    border-bottom: 4px dotted #0066ff;
    animation: rotateReverse 3s linear infinite;
}

.loader-ring img{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    z-index: 10;
    background: #fff;
    padding: 6px;
    box-shadow:
        0 0 15px rgba(0,102,255,.4),
        0 0 30px rgba(0,198,255,.3);
}

/* Company Name */

/*.loader-content h1{
    margin-top: 25px;
    font-size: 28px;
    font-weight: 700;
    background: linear-gradient(90deg,#0066ff,#00c6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
}*/



.india-map-video{
    width:100%;
    height:700px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.india-map-video video{
    width:100%;
    height:100%;
    object-fit:cover;
}



.testimonial-reels{
    padding:100px 5%;
    background:#f8fbff;
}

.reels-wrapper{
    position:relative;
}

.reels-slider{
    display:flex;
    gap:30px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
}

.reels-slider::-webkit-scrollbar{
    display:none;
}

/* Instagram / Shorts Style */

.reel-card{
    flex:0 0 280px;
}

.reel-card video{
    width:100%;
    aspect-ratio:9/16;

    object-fit:cover;

    border-radius:0;

    background:#000;

    box-shadow:
    0 10px 30px rgba(0,0,0,.15);
}

/* Navigation */

.reel-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:42px;
    height:42px;

    border:none;
    border-radius:50%;

    background:#fff;
    color:#1d4ed8;

    cursor:pointer;

    box-shadow:
    0 5px 15px rgba(0,0,0,.15);

    z-index:10;
}

.reel-prev{
    left:-20px;
}

.reel-next{
    right:-20px;
}

/* Mobile */

@media(max-width:768px){

.reel-card{
    flex:0 0 240px;
}

.reel-btn{
    display:none;
}

}





.contact-wrapper{
display:flex;
gap:20px;
flex-wrap:wrap;
justify-content:center;
align-items:stretch;
width:100%;
}

.contact-card{
flex:1 1 320px;
min-width:280px;
max-width:420px;
display:flex;
align-items:center;
gap:15px;
padding:18px 22px;
text-decoration:none;
border-radius:18px;
background:#ffffff;
border:1px solid rgba(0,0,0,0.08);
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:all .35s ease;
overflow:hidden;
}

.contact-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(13,110,253,.15);
border-color:#0d6efd;
}

.icon-box{
width:60px;
height:60px;
min-width:60px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#0d6efd,#00c6ff);
color:#fff;
font-size:22px;
}

.contact-content{
overflow:hidden;
}

.contact-content small{
display:block;
color:#6c757d;
font-size:13px;
margin-bottom:4px;
font-weight:500;
}

.contact-content h6{
margin:0;
color:#1a1a1a;
font-size:16px;
font-weight:700;
line-height:1.4;
word-break:break-word;
}

@media (max-width:768px){

```
.contact-wrapper{
    gap:15px;
}

.contact-card{
    flex:1 1 100%;
    min-width:100%;
    padding:16px;
}

.icon-box{
    width:52px;
    height:52px;
    min-width:52px;
    font-size:18px;
}

.contact-content h6{
    font-size:14px;
}
```

}


.contact-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:20px;
}

.contact-card{
flex:0 1 260px;
display:flex;
align-items:center;
gap:12px;
padding:12px 16px;
background:#ffffff;
border:1px solid #edf2f7;
border-radius:14px;
text-decoration:none;
box-shadow:0 5px 18px rgba(0,0,0,.05);
transition:all .3s ease;
}

.contact-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 25px rgba(13,110,253,.12);
border-color:#0d6efd;
}

.icon-box{
width:46px;
height:46px;
min-width:46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:linear-gradient(135deg,#0d6efd,#4f8cff);
color:#fff;
font-size:18px;
}

.contact-content small{
display:block;
color:#6b7280;
font-size:11px;
margin-bottom:2px;
text-transform:uppercase;
letter-spacing:.5px;
}

.contact-content h6{
margin:0;
color:#1f2937;
font-size:14px;
font-weight:600;
line-height:1.4;
}

.contact-card:nth-child(2) .icon-box{
background:linear-gradient(135deg,#ff6b35,#ff9f43);
}

.contact-card:nth-child(3) .icon-box{
background:linear-gradient(135deg,#00b894,#00cec9);
}

@media(max-width:768px){

```
.contact-wrapper{
    gap:12px;
}

.contact-card{
    flex:1 1 100%;
    max-width:100%;
}

.contact-content h6{
    font-size:13px;
}
```

}
















/* ==========================
   PREMIUM LOCATION SECTION
========================== */

.location-section{
    padding:100px 6%;
    background:linear-gradient(135deg,#f8fbff,#eef6ff);
    overflow:hidden;
}

.location-container{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:35px;
    align-items:center;
}

/* Left Info Card */

.info-card{
    background:#ffffff;
    border-radius:24px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border:1px solid rgba(29,78,216,.08);
}

.info-card h3{
    color:#1d4ed8;
    margin-bottom:18px;
    font-size:24px;
}

.info-card p{
    color:#334155;
    line-height:1.8;
    font-size:15px;
}

/* Contact Details */

.contact-box{
    margin-top:25px;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.contact-box span{
    display:flex;
    align-items:center;
    gap:10px;
    background:#f8fafc;
    color:#0f172a;
    padding:14px 16px;
    border-radius:14px;
    font-weight:600;
    border:1px solid #e2e8f0;
}

/* Map Card */

.map-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    box-shadow:0 25px 60px rgba(29,78,216,.20);
}

.map-card::before{
    content:'';
    position:absolute;
    inset:0;
    padding:2px;
    border-radius:28px;
    background:linear-gradient(
    45deg,
    #38bdf8,
    #1d4ed8,
    #f97316);
    z-index:1;
}

.map-card iframe{
    position:relative;
    z-index:2;
    width:100%;
    height:550px;
    border:none;
    border-radius:26px;
    display:block;
}

/* Floating Badge */

.map-badge{
    position:absolute;
    top:20px;
    left:20px;
    z-index:5;

    display:flex;
    align-items:center;
    gap:10px;

    background:rgba(255,255,255,.96);
    color:#0f172a;

    padding:12px 18px;
    border-radius:50px;

    font-size:14px;
    font-weight:700;

    box-shadow:0 10px 25px rgba(0,0,0,.15);
    backdrop-filter:blur(10px);
}

/* Pulse Dot */

.pulse-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#ef4444;
    position:relative;
}

.pulse-dot::after{
    content:'';
    position:absolute;
    inset:-6px;
    border-radius:50%;
    border:2px solid #ef4444;
    animation:pulse 1.8s infinite;
}

@keyframes pulse{
    0%{
        transform:scale(.8);
        opacity:1;
    }
    100%{
        transform:scale(2);
        opacity:0;
    }
}

/* Mobile Responsive */

@media(max-width:991px){

.location-container{
    grid-template-columns:1fr;
}

.info-card{
    order:2;
}

.map-card{
    order:1;
}

.map-card iframe{
    height:420px;
}

.map-badge{
    top:15px;
    left:15px;
    font-size:13px;
    padding:10px 14px;
}
}

@media(max-width:576px){

.location-section{
    padding:70px 15px;
}

.map-card iframe{
    height:320px;
}

.map-badge{
    max-width:85%;
    font-size:12px;
}

.info-card{
    padding:25px;
}

.info-card h3{
    font-size:20px;
}
}


.section-heading{
    text-align:center;
    margin-bottom:60px;
    position:relative;
}

.section-tag{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;

    background:rgba(29,78,216,.08);
    color:#1d4ed8;

    font-size:14px;
    font-weight:700;
    letter-spacing:.5px;

    margin-bottom:15px;
}

.section-heading h2{
    font-size:48px;
    font-weight:800;
    color:#0f172a;
    margin-bottom:15px;
    line-height:1.2;
}

.section-heading h2 span{
    background:linear-gradient(
    90deg,
    #38bdf8,
    #1d4ed8,
    #f97316);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.section-heading p{
    max-width:700px;
    margin:auto;

    color:#64748b;
    font-size:17px;
    line-height:1.8;
}

/* Decorative Line */

.section-heading::after{
    content:'';
    width:100px;
    height:5px;

    background:linear-gradient(
    90deg,
    #38bdf8,
    #1d4ed8,
    #f97316);

    border-radius:50px;

    display:block;
    margin:25px auto 0;
}

/* Mobile */

@media(max-width:768px){

.section-heading h2{
    font-size:34px;
}

.section-heading p{
    font-size:15px;
}

}















.loader-content p{
    margin-top: 10px;
    color: #555;
    font-size: 15px;
    animation: blink 1.5s infinite;
}

@keyframes rotate{
    100%{
        transform: rotate(360deg);
    }
}

@keyframes rotateReverse{
    100%{
        transform: rotate(-360deg);
    }
}

@keyframes blink{
    50%{
        opacity: .4;
    }
}

/* Mobile */

@media(max-width:768px){

    .loader-ring{
        width: 170px;
        height: 170px;
    }

    .loader-ring::after{
        width: 140px;
        height: 140px;
    }

    .loader-ring img{
        width: 100px;
        height: 100px;
    }

    .loader-content h1{
        font-size: 20px;
    }
}




.top-strip{display:flex;justify-content:space-between;padding:10px 5%;background:#0f172a;gap:10px;flex-wrap:wrap}
.moving-text{overflow:hidden;white-space:nowrap;width:40%}
.moving-text span{display:inline-block;animation:marq 12s linear infinite}
@keyframes marq{100%{transform:translateX(-100%)}}

nav{position:absolute;top:0;width:100%;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;z-index:10}
.brand{display:flex;align-items:center;gap:12px}

.logo{
display:flex;
align-items:center;
}

.logo img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: none;
    object-fit: cover;
}




background:#ffffff;

box-shadow:0 5px 20px rgba(56,189,248,0.25);
transition:0.4s ease;
cursor:pointer;
}

.logo img:hover{
transform:scale(1.08) rotate(2deg);
box-shadow:0 8px 30px rgba(56,189,248,0.45);
}

@media(max-width:768px){

.logo img{
width:52px;
height:52px;
border-radius:12px;
}

}
#navMenu{display:flex;list-style:none;gap:18px}
#navMenu a{text-decoration:none;color:#fff;padding:10px 14px;border-radius:12px;transition:.3s}
#navMenu a:hover{background:#38bdf8;color:#000}
.menu-btn{display:none;font-size:28px}

.hero-slider,.slide{height:100vh}
.slide{position:absolute;inset:0;opacity:0;transition:1s}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%}
.hero-content h1{font-size:60px;animation:up 1s}
.hero-content p{font-size:24px;animation:float 3s infinite alternate}
@keyframes up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{100%{transform:translateY(-10px)}}

.section{padding:70px 5%}
.title{text-align:center;font-size:42px;margin-bottom:30px}
.glass,.project-card,.story-card,.feedback-card,.video-card,.form-box,.counter-box,.founder-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:25px;border-radius:24px}

.counter-section{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
padding:70px 5%;
background:#020617;
}

.counter-box{
text-align:center;
padding:40px 20px;
background:#0f172a;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.counter-box h2{
font-size:52px;
color:#38bdf8;
font-weight:700;
margin-bottom:10px;
}

.counter-box p{
color:#fff;
font-size:18px;
}

.grid-two,.project-grid,.services-grid,.footer-grid{display:grid;gap:20px}
.grid-two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

.project-card{transition:.4s}
.project-card:hover{transform:translateY(-10px) scale(1.03)}
.active{border-top:4px solid #22c55e}
.popular{border-top:4px solid #facc15}
.govt{border-top:4px solid #38bdf8}

.gallery-track,.partner-track,.scroll-row{display:flex;gap:18px;overflow:hidden}
.gallery-item,.partner-card,.story-card,.feedback-card,.video-card{min-width:260px;animation:slide 18s linear infinite}
.gallery-track:hover .gallery-item,.partner-track:hover .partner-card,.scroll-row:hover .story-card,.scroll-row:hover .feedback-card,.scroll-row:hover .video-card{animation-play-state:paused}
@keyframes slide{100%{transform:translateX(-100%)}}

.gallery-item{height:220px;border-radius:18px;object-fit:cover;cursor:pointer}

.story-card img,.feedback-card img,.video-card video,.founder-box img{width: 100px;
    height: 100px;
    border-radius: 100%;
    border: none;
    object-fit: cover;}*/






/* ==========================
   SUCCESS STORIES
========================== */

.success-stories{

    padding:100px 5%;

    background:#f8fbff;

    overflow:hidden;
}

/* Header */

.section-header{

    text-align:center;

    margin-bottom:50px;
}

.section-badge{

    display:inline-block;

    padding:10px 20px;

    background:#eff6ff;

    color:#1d4ed8;

    border-radius:50px;

    font-weight:700;
}

.section-header h2{

    margin-top:15px;

    font-size:42px;

    color:#0f172a;
}

.section-header h2 span{

    color:#1d4ed8;
}

.section-header p{

    color:#64748b;

    margin-top:10px;
}

/* Slider */

.success-slider{

    overflow:hidden;

    width:100%;
}

.success-track{

    display:flex;

    flex-wrap:nowrap;

    gap:22px;

    width:max-content;

    animation:autoSlide 35s linear infinite;
}

.success-slider:hover .success-track{

    animation-play-state:paused;
}

/* Card */

.success-card{

    flex:0 0 240px;

    background:#fff;

    overflow:hidden;

    border-radius:14px;

    cursor:pointer;

    transition:.4s;

    box-shadow:
    0 8px 20px rgba(0,0,0,.08);
}

.success-card:hover{

    transform:
    translateY(-8px)
    scale(1.04);

    box-shadow:
    0 20px 40px rgba(29,78,216,.18);
}

.success-card img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.4s;
}

.success-card:hover img{

    transform:scale(1.08);
}

.card-content{

    padding:15px;
}

.card-content h3{

    color:#0f172a;

    margin-bottom:6px;
}

.card-content span{

    color:#1d4ed8;

    font-size:14px;

    font-weight:700;
}

/* Auto Slide */

@keyframes autoSlide{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}
}

@media(max-width:768px){

.success-card{

    flex:0 0 180px;
}

.success-card img{

    height:240px;
}

.section-header h2{

    font-size:30px;
}
}


























.popup{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;justify-content:center;align-items:center;z-index:999}
.popup img{max-width:90%;max-height:90%;border-radius:18px}
#closePopup{position:absolute;top:30px;right:40px;font-size:45px;cursor:pointer}

.services-grid{grid-template-columns:1.3fr 1fr}
.map-box iframe{width:100%;height:420px;border:none;border-radius:24px}
.states-box{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.state{background:#0f172a;padding:16px;border-radius:16px;transition:.3s}
.state:hover{transform:translateY(-5px);background:#38bdf8;color:#000}

.partner-card{text-align:center;background:#0f172a;padding:18px;border-radius:16px}
.founder-box{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:center}

.form-box{max-width:700px;margin:auto;display:flex;flex-direction:column;gap:15px}
.form-box input,.form-box select,.form-box textarea{padding:16px;border:none;border-radius:14px;background:#0f172a;color:#fff}
.form-box button{padding:16px;border:none;border-radius:14px;background:linear-gradient(45deg,#38bdf8,#2563eb);color:#fff}



/* FAQ SECTION */

.faq-section{
    padding:80px 20px;
    background:linear-gradient(135deg,#0f172a,#1e293b);
}

.faq-section .container{
    max-width:1100px;
    margin:auto;
}

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

.badge{
    background:#2563eb;
    color:#fff;
    padding:8px 20px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
}

.section-header h2{
    color:#fff;
    font-size:42px;
    margin-top:20px;
    margin-bottom:15px;
}

.section-header p{
    color:#cbd5e1;
    max-width:700px;
    margin:auto;
}

/* FAQ SECTION */

.faq-section{

    position:relative;
    overflow:hidden;

    padding:100px 20px;

    background:
    linear-gradient(
    135deg,
    #0f172a,
    #1e293b,
    #0f172a);

}

/* ANIMATED GLOW */

.faq-section::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    background:#2563eb;

    border-radius:50%;

    filter:blur(150px);

    opacity:.25;

    top:-150px;
    left:-150px;

    animation:moveGlow 12s infinite alternate;

}

.faq-section::after{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    background:#06b6d4;

    border-radius:50%;

    filter:blur(140px);

    opacity:.2;

    right:-120px;
    bottom:-120px;

    animation:moveGlow2 10s infinite alternate;

}

@keyframes moveGlow{

    from{
        transform:translate(0,0);
    }

    to{
        transform:translate(120px,80px);
    }

}

@keyframes moveGlow2{

    from{
        transform:translate(0,0);
    }

    to{
        transform:translate(-100px,-70px);
    }

}

/* HEADER */

.faq-header{

    position:relative;
    z-index:2;

    text-align:center;

    margin-bottom:60px;

}

.faq-tag{

    background:#2563eb;

    color:#fff;

    padding:10px 24px;

    border-radius:50px;

    font-size:14px;

}

.faq-header h2{

    color:#fff;

    margin-top:20px;

    font-size:48px;

}

.faq-header p{

    color:#cbd5e1;

    max-width:700px;

    margin:auto;

}

/* FAQ */

.faq-wrapper{

    max-width:950px;

    margin:auto;

    position:relative;

    z-index:2;

}

.faq-card{

    margin-bottom:20px;

    border-radius:20px;

    overflow:hidden;

    backdrop-filter:blur(20px);

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.1);

    transition:.4s;

}

.faq-card:hover{

    transform:translateY(-5px);

    border-color:#3b82f6;

    box-shadow:
    0 20px 40px
    rgba(37,99,235,.25);

}

.faq-btn{

    width:100%;

    background:none;

    border:none;

    color:#fff;

    cursor:pointer;

    padding:25px;

    font-size:18px;

    font-weight:600;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.faq-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#2563eb;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    transition:.4s;

}

.faq-content{

    max-height:0;

    overflow:hidden;

    transition:max-height .5s ease;

}

.faq-content p{

    padding:0 25px 25px;

    color:#e2e8f0;

    line-height:1.8;

}

.faq-card.active .faq-content{

    max-height:250px;

}

.faq-card.active .faq-icon{

    transform:rotate(45deg);

    background:#22c55e;

}

/* MOBILE */

@media(max-width:768px){

    .faq-header h2{

        font-size:32px;

    }

    .faq-btn{

        font-size:16px;

    }

}





footer{background:#020617;padding:60px 5%}
.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:12px}
footer a{display:block;color:#fff;text-decoration:none;margin:8px 0;transition:.3s}
footer a:hover{color:#38bdf8;padding-left:8px}
.socials{display:flex;gap:15px;font-size:26px;margin-top:12px}
.socials i:hover{color:#38bdf8;transform:translateY(-5px)}
.footer-bottom{margin-top:30px;overflow:hidden;white-space:nowrap}
.footer-bottom span{display:inline-block;animation:marq 10s linear infinite;color:#38bdf8}
.whatsapp{position:fixed;right:25px;bottom:25px;width:70px;height:70px;background:#25d366;color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:35px;text-decoration:none;animation:bounce 2s infinite}
@keyframes bounce{50%{transform:translateY(-10px)}}
@media(max-width:900px){
.menu-btn{display:block}
#navMenu{display:none;position:absolute;top:90px;right:20px;background:#0f172a;padding:20px;border-radius:18px;flex-direction:column}
#navMenu.active{display:flex}
.hero-content h1{font-size:36px}
.hero-content p{font-size:18px}
.services-grid,.founder-box{grid-template-columns:1fr}
.states-box{grid-template-columns:1fr}
.gallery-item,.partner-card,.story-card,.feedback-card,.video-card{min-width:220px}
}

/* FINAL PREMIUM NAV */
nav{
position:fixed!important;top:0;left:0;width:100%;
background:rgba(15,23,42,.92);
backdrop-filter:blur(16px);
z-index:9999;
overflow:hidden;
}
nav:before{
content:'';
position:absolute;
left:0;top:0;
width:60%;height:100%;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
clip-path:polygon(0 0,88% 0,100% 100%,0 100%);
z-index:-1;
}
.hero-slider{margin-top:95px}
#navMenu a{transition:.4s}
#navMenu a:hover{transform:translateY(-3px)}

.mobile-overlay-menu{
position:fixed;
inset:0;
background:linear-gradient(135deg,#0f172a,#172554);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:28px;
transform:translateY(-100%);
transition:.45s ease;
z-index:10000;
}
.mobile-overlay-menu.active{transform:translateY(0)}
.mobile-overlay-menu a{
color:#fff;
font-size:28px;
text-decoration:none;
font-weight:700;
transition:.3s;
}
.mobile-overlay-menu a:hover{color:#60a5fa;transform:scale(1.05)}
#mobileCloseBtn{
position:absolute;
top:25px;right:25px;
width:60px;height:60px;
border:none;border-radius:50%;
background:#ef4444;color:#fff;
font-size:30px;cursor:pointer;
}
.hero-content h1{
animation:heroText 1.2s ease;
}
.hero-content p{
animation:heroText 1.8s ease;
}
@keyframes heroText{
from{opacity:0;transform:translateY(40px)}
to{opacity:1;transform:translateY(0)}
}
@media(min-width:901px){
.mobile-overlay-menu{display:none}
}


/* V5 Gallery Fix */
.gallery-modal{z-index:999999!important}
.gallery-close{
position:fixed!important;
top:20px!important;
right:20px!important;
z-index:1000000!important;
display:flex!important;
align-items:center;
justify-content:center;
width:56px;height:56px;
border-radius:50%;
background:#ef4444!important;
color:#fff!important;
font-size:28px;
box-shadow:0 10px 25px rgba(0,0,0,.35);
}
.gallery-prev,.gallery-next{
z-index:1000000!important;
top:50%;
transform:translateY(-50%);
}
@media(max-width:768px){
.gallery-close{top:12px!important;right:12px!important;width:50px;height:50px}
.gallery-prev{left:10px}
.gallery-next{right:10px}
}

/* Premium look */
section{scroll-margin-top:100px}
.hero-content h1{
background:linear-gradient(90deg,#fff,#93c5fd);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.stat,.floating-card{
background:rgba(255,255,255,.14)!important;
backdrop-filter:blur(18px)!important;
}
.footer-premium{
background:linear-gradient(180deg,#020617,#0f172a)!important;
}

/* V7 FIXES */
.hero-slider,.hero{margin-top:0 !important;padding-top:0 !important;}
header + .hero-slider, nav + .hero-slider{margin-top:0 !important;}

/* Gallery modal hidden by default */
.gallery-modal,.popup{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.92);
z-index:999999;
align-items:center;
justify-content:center;
padding:80px 20px;
}
.gallery-modal.active,.popup.active{display:flex;}

#closePopup,.gallery-close{
position:fixed !important;
top:15px !important;
right:15px !important;
width:58px !important;
height:58px !important;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#ef4444;
color:#fff;
font-size:30px;
z-index:1000001 !important;
}

/* Premium footer */
footer{
background:linear-gradient(135deg,#020617,#0f172a,#111827)!important;
border-top:1px solid rgba(255,255,255,.08);
}

/* Better hero */
.hero-content h1{
background:linear-gradient(90deg,#fff,#93c5fd);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.slide img{
animation:premiumFloat 12s ease-in-out infinite alternate;
}
@keyframes premiumFloat{
0%{transform:scale(1) translateY(0)}
50%{transform:scale(1.05) translateY(-10px)}
100%{transform:scale(1.1) translateY(0)}
}


/* ===== V9 RESPONSIVE REBUILD PATCH ===== */
html,body{
overflow-x:hidden !important;
max-width:100% !important;
}

*{
max-width:100%;
box-sizing:border-box;
}

img{
max-width:100%;
height:auto;
display:block;
}

.hero-slider,.hero,.slide{
width:100%;
overflow:hidden;
}

.slide img{
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}

.container,.section,.glass,.card,.project-card,.gallery-track{
width:100%;
overflow:hidden;
}

@media(max-width:768px){

.hero-content{
width:92% !important;
left:4% !important;
text-align:center !important;
}

.hero-content h1{
font-size:36px !important;
line-height:1.15;
}

.hero-content p{
font-size:16px !important;
}

#navMenu{
display:none !important;
}

.mobile-overlay-menu{
position:fixed;
inset:0;
z-index:999999;
}

.ceo-grid,
.stats-grid,
.project-grid{
grid-template-columns:1fr !important;
}

#about .glass{
grid-template-columns:1fr !important;
text-align:center;
}

footer .footer-grid{
grid-template-columns:1fr !important;
}
}






/* Who We Are image block */
/* =========================
   WHO WE ARE SECTION
========================= */

.about-premium-section{

    padding:120px 6%;

    background:
    linear-gradient(
    135deg,
    #041426,
    #08284d,
    #0d3b73
    );

    position:relative;

    overflow:hidden;
}

/* Background Graphics */

.about-premium-section::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    background:
    rgba(56,189,248,.08);

    filter:blur(150px);

    top:-100px;
    right:-100px;
}

.about-premium-section::after{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    background:
    rgba(249,115,22,.08);

    filter:blur(120px);

    bottom:-100px;
    left:-100px;
}

/* Layout */

.about-container{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

    position:relative;

    z-index:2;
}

/* LEFT */

.about-image-side{

    position:relative;

    animation:slideLeft 1s ease;
}

.about-image-side img{

    width:100%;

    max-width:520px;

    display:block;

    border-radius:24px;

    border:1px solid rgba(255,255,255,.15);

    box-shadow:
    0 25px 60px rgba(0,0,0,.45);

    transition:.5s;
}

.about-image-side:hover img{

    transform:
    translateY(-8px)
    scale(1.02);
}

.image-glow{

    position:absolute;

    width:280px;
    height:280px;

    background:
    rgba(56,189,248,.20);

    filter:blur(80px);

    top:50%;
    left:50%;

    transform:
    translate(-50%,-50%);
}

/* Floating Cards */

.floating-card{

    position:absolute;

    background:
    rgba(255,255,255,.08);

    backdrop-filter:blur(15px);

    border:1px solid rgba(255,255,255,.15);

    padding:16px 20px;

    border-radius:18px;

    color:#fff;

    min-width:160px;

    animation:floatCard 4s ease-in-out infinite;
}

.floating-card h3{

    color:#38bdf8;

    font-size:26px;

    margin-bottom:5px;
}

.top-card{

    top:30px;
    right:-30px;
}

.bottom-card{

    bottom:30px;
    left:-30px;
}

/* RIGHT */

.about-content-side{

    animation:slideRight 1s ease;
}

.about-main-title{

    font-size:64px;

    font-weight:800;

    margin-bottom:10px;

    background:
    linear-gradient(
    90deg,
    #ffffff,
    #38bdf8,
    #60a5fa,
    #ffffff
    );

    background-size:300%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:titleFlow 6s linear infinite;
}

.title-line{

    width:140px;
    height:5px;

    border-radius:50px;

    background:
    linear-gradient(
    90deg,
    #38bdf8,
    #f97316
    );

    margin-bottom:20px;

    position:relative;

    overflow:hidden;
}

.title-line::after{

    content:"";

    position:absolute;

    top:0;
    left:-50px;

    width:50px;
    height:100%;

    background:#fff;

    filter:blur(8px);

    animation:lineMove 3s linear infinite;
}

.about-subtitle{

    font-size:20px;

    color:#38bdf8;

    margin-bottom:25px;

    font-weight:600;
}

.about-description p{

    color:#dbeafe;

    line-height:1.9;

    margin-bottom:15px;
}

/* Journey Cards */

.journey-grid{

    margin-top:30px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;
}

.journey-card{

    background:
    rgba(255,255,255,.06);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.10);

    border-radius:18px;

    padding:20px;

    transition:.4s;
}

.journey-card:hover{

    transform:
    translateY(-8px);

    border-color:#38bdf8;

    box-shadow:
    0 15px 35px rgba(56,189,248,.15);
}

.journey-card span{

    color:#38bdf8;

    font-size:20px;

    font-weight:700;
}

.journey-card h4{

    color:#fff;

    margin:10px 0;
}

.journey-card p{

    color:#cbd5e1;

    font-size:14px;
}

/* Animations */

@keyframes floatCard{

    50%{
        transform:translateY(-12px);
    }
}

@keyframes titleFlow{

    0%{background-position:0%;}
    100%{background-position:300%;}
}

@keyframes lineMove{

    100%{
        left:180px;
    }
}

@keyframes slideLeft{

    from{
        opacity:0;
        transform:translateX(-60px);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes slideRight{

    from{
        opacity:0;
        transform:translateX(60px);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }
}

/* Responsive */

@media(max-width:991px){

    .about-container{

        grid-template-columns:1fr;

        gap:50px;
    }

    .about-main-title{

        font-size:42px;
    }

    .journey-grid{

        grid-template-columns:1fr;
    }

    .top-card,
    .bottom-card{

        position:relative;

        left:auto;
        right:auto;
        top:auto;
        bottom:auto;

        margin-top:15px;
    }

    .about-image-side img{

        max-width:100%;
    }
}






#mission .glass{
transition:.4s;
position:relative;
overflow:hidden;
}
#mission .glass:hover{transform:translateY(-8px)}
#mission .glass:before{
content:'';
position:absolute;inset:0;
background:linear-gradient(45deg,transparent,rgba(56,189,248,.08),transparent);
transform:translateX(-100%);
animation:shine 4s infinite;
}
@keyframes shine{100%{transform:translateX(100%)}}

footer{
background:linear-gradient(135deg,#020617,#0f172a,#1e293b)!important;
}
.footer-grid>div{
padding:10px;
}





.impact-gallery-section{

padding:100px 5%;

background:#07152c;

overflow:hidden;
}

.section-header{

text-align:center;

margin-bottom:50px;
}

.section-tag{

display:inline-block;

padding:8px 18px;

border-radius:50px;

background:#0ea5e9;

color:#fff;

font-weight:700;
}

.section-header h2{

color:#fff;

font-size:42px;

margin:20px 0;
}

.section-header p{

color:#cbd5e1;
}

.gallery-wrapper{

position:relative;

display:flex;

align-items:center;
}

.gallery-slider{

display:flex;

gap:20px;

overflow-x:auto;

scroll-behavior:smooth;

scrollbar-width:none;

padding:10px;
}

.gallery-slider::-webkit-scrollbar{
display:none;
}

.gallery-card{

min-width:280px;

max-width:280px;

background:#0f2748;

border-radius:20px;

overflow:hidden;

cursor:pointer;

transition:.4s;

border:1px solid rgba(255,255,255,.08);
}

.gallery-card:hover{

transform:
translateY(-10px);

box-shadow:
0 20px 40px rgba(56,189,248,.25);
}

.gallery-card img{

width:100%;

height:190px;

object-fit:cover;

transition:.5s;
}

.gallery-card:hover img{

transform:scale(1.08);
}

.card-content{

padding:18px;
}

.category{

display:inline-block;

padding:5px 12px;

border-radius:50px;

background:#0ea5e9;

color:#fff;

font-size:12px;
}

.card-content h4{

color:#fff;

margin:12px 0;
}

.card-content p{

color:#cbd5e1;

font-size:14px;

margin:5px 0;
}

/* Buttons */

.gallery-btn{

position:absolute;

top:50%;

transform:translateY(-50%);

width:45px;
height:45px;

border:none;

border-radius:50%;

background:#0ea5e9;

color:#fff;

cursor:pointer;

z-index:10;
}

.prev-btn{
left:-10px;
}

.next-btn{
right:-10px;
}

/* Mobile */

@media(max-width:768px){

.gallery-card{

min-width:240px;

max-width:240px;
}

.section-header h2{

font-size:30px;
}
}

/* Desktop Only Buttons */

.gallery-btn{
position:absolute;
top:50%;
transform:translateY(-50%);
width:50px;
height:50px;
border:none;
border-radius:50%;
background:#0ea5e9;
color:#fff;
cursor:pointer;
z-index:100;
font-size:22px;
}

.prev-btn{
left:-15px;
}

.next-btn{
right:-15px;
}

/* Mobile Hide Buttons */

@media(max-width:768px){

.gallery-btn{
display:none;
}

}
















.gallery-popup{

position:fixed;

inset:0;

background:rgba(0,0,0,.95);

display:none;

align-items:center;

justify-content:center;

z-index:9999;
}

.gallery-popup.active{

display:flex;
}

.gallery-popup img{

max-width:90%;

max-height:85vh;

border-radius:15px;

object-fit:contain;
}

.popup-close{

position:absolute;

top:20px;
right:25px;

font-size:32px;

background:none;

border:none;

color:#fff;

cursor:pointer;
}

.popup-prev,
.popup-next{

position:absolute;

top:50%;

transform:translateY(-50%);

width:55px;
height:55px;

border:none;

border-radius:50%;

background:#0ea5e9;

color:#fff;

cursor:pointer;

font-size:24px;
}

.popup-prev{
left:20px;
}

.popup-next{
right:20px;
}

@media(max-width:768px){

.popup-prev,
.popup-next{

display:none;
}

}












.popup img,#popupImg{
max-width:95vw!important;
max-height:80vh!important;
object-fit:contain!important;
}
#prevBtn,#nextBtn,.gallery-prev,.gallery-next{
display:flex!important;
align-items:center;
justify-content:center;
}


/* ===== V12 FINAL FIX ===== */
.gallery-prev,.gallery-next,#prevBtn,#nextBtn{
width:64px!important;
height:64px!important;
border-radius:50%!important;
background:rgba(37,99,235,.95)!important;
backdrop-filter:blur(10px);
box-shadow:0 10px 25px rgba(0,0,0,.35);
}

.gallery-prev,#prevBtn{left:30px!important;}
.gallery-next,#nextBtn{right:30px!important;}

@media(max-width:768px){
.gallery-prev,#prevBtn{left:18px!important;}
.gallery-next,#nextBtn{right:18px!important;}
#popupImg{max-width:88vw!important;max-height:72vh!important;}
}

.footer-grid{
gap:30px;
}
footer{
position:relative;
overflow:hidden;
}
footer::before{
content:'';
position:absolute;
inset:0;
background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.12),transparent 35%);
pointer-events:none;
}

@media(max-width:768px){
.hero-content{
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
width:90%!important;
text-align:center!important;
}
.hero-content h1{font-size:30px!important;line-height:1.2!important;}
.hero-content p{font-size:16px!important;line-height:1.5!important;}
.slide img{object-position:center center!important;}
}

.faq-icon{
flex-shrink:0!important;
min-width:42px!important;
min-height:42px!important;
}


/* ===== V15 RESPONSIVE FINAL PATCH ===== */

/* Mobile Hero Center Fix */
@media(max-width:768px){
.hero-content{
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
width:92% !important;
text-align:center !important;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.hero-content h1{
font-size:28px !important;
line-height:1.25 !important;
text-align:center !important;
width:100%;
}

.hero-content p{
font-size:15px !important;
text-align:center !important;
width:100%;
}

.hero-slider{
margin-top:75px !important;
height:88vh !important;
}

.counter-section{
padding-top:20px !important;
margin-top:0 !important;
}

.section{
padding:50px 5% !important;
}

/* FAQ icon perfect circle */
.faq-icon{
width:42px !important;
height:42px !important;
min-width:42px !important;
min-height:42px !important;
max-width:42px !important;
max-height:42px !important;
border-radius:50% !important;
flex:0 0 42px !important;
}

/* remove extra gaps */
.title{
margin-bottom:18px !important;
}
}

/* Gallery buttons spacing */
#prevBtn,.gallery-prev{left:25px !important;}
#nextBtn,.gallery-next{right:25px !important;}


/* ===== V16 YAMAHA STYLE ===== */
footer{
background:#050505!important;
padding:80px 5%!important;
position:relative;
overflow:hidden;
}
footer::before{
content:'';
position:absolute;
left:0;top:0;
width:55%;
height:100%;
background:linear-gradient(135deg,#243b9f,#3148c5);
clip-path:polygon(0 0,55% 0,100% 100%,0 100%);
opacity:.95;
}
.footer-grid{
position:relative;
z-index:2;
grid-template-columns:2fr 1fr 1fr 1.2fr!important;
}
.mobile-overlay-menu{
background:#050505!important;
}
.mobile-overlay-menu::before{
content:'';
position:absolute;
left:0;top:0;
width:70%;height:100%;
background:linear-gradient(135deg,#243b9f,#3148c5);
clip-path:polygon(0 0,60% 0,100% 100%,0 100%);
}
.mobile-overlay-menu a,#mobileCloseBtn{position:relative;z-index:2}
.mobile-overlay-menu a{font-size:30px;font-weight:700}

.gallery-prev,.gallery-next,#prevBtn,#nextBtn{
width:72px!important;
height:72px!important;
background:rgba(255,255,255,.18)!important;
backdrop-filter:blur(15px);
}
#prevBtn,.gallery-prev{left:45px!important;}
#nextBtn,.gallery-next{right:45px!important;}

@media(max-width:768px){
.footer-grid{grid-template-columns:1fr!important;}
footer::before{width:100%;opacity:.35;}
#prevBtn,.gallery-prev{left:12px!important;}
#nextBtn,.gallery-next{right:12px!important;}
.mobile-overlay-menu a{font-size:24px;}
}


/* ===== V25 REAL MENU FIX ===== */
@media (max-width:900px){
  #navMenu{display:none !important;}
  .menu-btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    cursor:pointer;
    z-index:100001;
  }

  .mobile-overlay-menu{
    position:fixed;
    top:0;
    right:-100%;
    width:320px;
    max-width:85vw;
    height:100vh;
    transform:none !important;
    transition:right .35s ease;
    justify-content:flex-start;
    align-items:flex-start;
    padding:90px 30px;
    gap:18px;
    z-index:100000;
  }

  .mobile-overlay-menu.active{
    right:0 !important;
  }

  #mobileCloseBtn{
    display:none !important;
  }

  .mobile-overlay-menu a{
    font-size:22px;
    width:100%;
  }

  .hero-content{
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:90% !important;
  }

  .hero-content h1{
    font-size:30px !important;
    line-height:1.2 !important;
  }

  .hero-content p{
    font-size:16px !important;
  }
}

/* Footer premium */
footer{
background:linear-gradient(135deg,#07111f,#102a43,#1d4ed8)!important;
}


/* ===== V27 MOBILE MENU FINAL FIX ===== */
@media(max-width:900px){

#navMenu{display:none !important;}

.mobile-overlay-menu{
position:fixed !important;
top:0 !important;
right:-100% !important;
left:auto !important;
width:320px !important;
max-width:85vw !important;
height:100vh !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
align-items:flex-start !important;
padding:90px 25px !important;
gap:18px !important;
background:linear-gradient(180deg,#07111f,#1d4ed8) !important;
transform:none !important;
transition:right .35s ease !important;
z-index:999999 !important;
pointer-events:none !important;
}

.mobile-overlay-menu.active{
right:0 !important;
pointer-events:auto !important;
}

#mobileCloseBtn{
display:none !important;
}

.mobile-overlay-menu a{
font-size:22px !important;
width:100% !important;
}

.hero-content{
width:90% !important;
left:50% !important;
transform:translate(-50%,-50%) !important;
}

.hero-content h1{
font-size:30px !important;
line-height:1.2 !important;
}
}


/* ===== V29 MENU FIX ===== */
@media(max-width:900px){

.menu-btn{
 position:fixed !important;
 top:18px !important;
 right:18px !important;
 width:52px !important;
 height:52px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 z-index:1000002 !important;
 border-radius:12px;
 background:linear-gradient(135deg,#1d4ed8,#38bdf8);
 color:#fff;
 cursor:pointer;
}

.mobile-overlay-menu{
 position:fixed !important;
 top:0 !important;
 right:-100% !important;
 width:320px !important;
 max-width:85vw !important;
 height:100vh !important;
 z-index:1000001 !important;
 transition:right .45s cubic-bezier(.22,.61,.36,1) !important;
}

.mobile-overlay-menu.active{
 right:0 !important;
}
}

/* Premium footer refresh */
footer{
background:linear-gradient(135deg,#07111f,#123a7a,#1d4ed8,#0f172a)!important;
}


/* ===== V30 FINAL PREMIUM MENU FIX ===== */
@media(max-width:900px){

#mobileCloseBtn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
position:absolute !important;
top:18px !important;
right:18px !important;
width:52px !important;
height:52px !important;
border:none !important;
border-radius:14px !important;
background:linear-gradient(135deg,#f97316,#ef4444) !important;
color:#fff !important;
font-size:24px !important;
z-index:1000005 !important;
box-shadow:0 10px 25px rgba(0,0,0,.35);
}

.mobile-overlay-menu{
backdrop-filter:blur(15px);
}

.mobile-overlay-menu a{
font-weight:700;
letter-spacing:.3px;
}

.menu-btn{
z-index:1000006 !important;
}
}

/* Premium brand polish */
footer{
background:linear-gradient(135deg,#07111f,#0f2f6d,#1d4ed8,#0f172a)!important;
}



/* Founder section */
.founder-showcase{padding:80px 5%;background:#08111f}
.founder-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,420px));gap:25px;justify-content:center}
.founder-card{background:#0f172a;border-radius:18px;padding:24px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:.35s}
.founder-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(56,189,248,.25)}
.founder-card img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 15px;border:4px solid #38bdf8}
.founder-card h3{margin:8px 0}
.founder-card h4{color:#38bdf8;margin-bottom:10px}
.founder-card p{color:#cbd5e1;line-height:1.6}
@media(max-width:768px){
.hero-slider{height:65vh}
.founder-grid{grid-template-columns:1fr}
.slide img{object-position:center center!important;}
}
.gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:10px;scrollbar-width:none}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-item{min-width:260px;width:260px;height:180px;object-fit:cover;border-radius:16px;cursor:pointer;transition:.35s}
.gallery-item:hover{transform:translateY(-6px) scale(1.03)}
.gallery-nav{position:absolute;z-index:5;background:#0ea5e9;color:#fff;border:none;border-radius:50%;width:42px;height:42px;cursor:pointer}
#gallery{position:relative}
.gallery-prev-btn{left:5px;top:50%}
.gallery-next-btn{right:5px;top:50%}
@media(max-width:768px){.gallery-nav{display:none}}
.popup{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:9999}
.popup.active{display:flex}
#popupImg{max-width:92%;max-height:85vh}

.gallery-info-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:10000;align-items:center;justify-content:center}
.gallery-info-popup.active{display:flex}
.popup-content-wrap{display:flex;gap:20px;max-width:1100px;width:95%;align-items:center}
#popupImg{max-width:65%;max-height:80vh;border-radius:14px}
.popup-details{color:#fff;background:#0f2748;padding:20px;border-radius:14px;min-width:280px}
@media(max-width:768px){.popup-content-wrap{flex-direction:column} #popupImg{max-width:100%}.popup-details{width:100%}}

.popup-content-wrap{display:flex;gap:20px;align-items:center;max-width:95%}
.popup-description{background:#fff;padding:20px;border-radius:12px;max-width:320px}
.popup-close{position:absolute;top:20px;right:20px}
@media(max-width:768px){.popup-content-wrap{flex-direction:column}.popup-description{max-width:100%}}

/* V37 Premium polish */
.hero-title,.hero-content h1{animation:heroFade 1.2s ease}
@keyframes heroFade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
section{position:relative}
section::before{content:"";position:absolute;width:280px;height:280px;background:rgba(56,189,248,.05);filter:blur(90px);pointer-events:none;animation:floatGlow 10s ease-in-out infinite}
@keyframes floatGlow{50%{transform:translate(30px,-20px)}}
.gallery-popup,#popup,.popup{display:none!important}
.gallery-track,.gallery-slider{scroll-behavior:smooth}
.gallery-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(56,189,248,.2)}
footer{position:relative}
footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#38bdf8,#f97316,#38bdf8);background-size:200% 100%;animation:borderFlow 4s linear infinite}
@keyframes borderFlow{to{background-position:200% 0}}

/* V38 updates */
.gallery-next-btn,.next-btn,.gallery-nav,.swiper-button-next{display:none !important;}
.success-stories,.testimonial-section,.testimonials{
background:linear-gradient(135deg,#07152c,#0b2447,#123a6b) !important;
}
.success-stories h2,.testimonial-section h2,.testimonials h2{
animation:titleGlow 4s ease-in-out infinite;
}
.map-section,.contact-map,.location-section{
background:linear-gradient(135deg,#0b2447,#102f5e) !important;
border-radius:24px;
}
@keyframes titleGlow{
50%{text-shadow:0 0 18px rgba(56,189,248,.7);transform:translateY(-2px);}
}

/* V39 Premium Color Audit */
.success-stories,.success-section{
background:linear-gradient(135deg,#07152C,#0B2447,#123A6B)!important;
}
.testimonials,.testimonial-section{
background:linear-gradient(135deg,#081a33,#0b2447,#102f5e)!important;
}
.map-section,.location-section,.contact-map{
background:linear-gradient(135deg,#0b2447,#123a6b)!important;
border-radius:24px;
padding:20px;
}
.section-title,h2{
text-rendering:optimizeLegibility;
}
.success-stories h2,.testimonials h2{
background:linear-gradient(90deg,#fff,#38bdf8,#60a5fa);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:premiumGlow 5s ease-in-out infinite;
}
@keyframes premiumGlow{
50%{filter:drop-shadow(0 0 10px rgba(56,189,248,.5));}
}