:root{--blue:#005182;--orange:#faa31f;--dark:#1D1729;--text:#1d1d1d;--light:#f6f9fc;--border:#e0eaf2;--shadow:rgba(149,157,165,.2) 0 8px 24px}

.hero{background:#0b1238;background-image:url('https://www.neelnetworks.com/assets/service-img/bg7.jpg');background-size:cover;background-position:center;position:relative;padding:60px 0 70px;text-align:center}
.hero::before{content:'';position:absolute;inset:0;background:rgba(11,18,56,.88);z-index:0}
.hero .container{position:relative;z-index:1}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(250,163,31,.15);border:1px solid rgba(250,163,31,.3);color:var(--orange);font-size:13px;font-weight:700;padding:7px 18px;border-radius:50px;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.hero h1{font-size:44px;line-height:1.15;color:#fff;margin-bottom:16px}
.hero h1 span{color:var(--orange)}
.hero-sub{font-size:16px;color:rgba(255,255,255,.78);max-width:640px;margin:0 auto 36px;line-height:28px}
.hero-trust{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
.ht{display:flex;flex-direction:column;align-items:center;gap:4px}
.ht-num{font-size:30px;font-weight:900;color:var(--orange);line-height:1}
.ht-lbl{font-size:13px;color:rgba(255,255,255,.7);font-weight:600;letter-spacing:.5px}
.ht-sep{width:1px;background:rgba(255,255,255,.2);height:44px;align-self:center}

.sec-intro{text-align:center;margin-bottom:50px}
.stag{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#005182;display:block;margin-bottom:10px}
.sec-intro h2{font-size:30px;line-height:1.25;color:var(--dark);margin-bottom:12px}
.sec-intro p{color:#555;max-width:620px;margin:0 auto;font-size:16px}


/* FILTER + GRID */
.grid-sec{padding:60px 0}
/* FILTER + GRID */
.reviews-sec{padding:60px 0;background:#fff}
.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:44px;justify-content:center}
.flt-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:50px;border:2px solid var(--border);background:#fff;color:#555;font-size:14px;font-weight:700;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .25s}
.flt-btn:hover{border-color:var(--blue);color:var(--blue)}
.flt-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
.flt-cnt{background:rgba(0,0,0,.08);border-radius:50px;padding:1px 7px;font-size:11px;font-weight:800}
.flt-btn.active .flt-cnt{background:rgba(255,255,255,.25)}
.flt-count-info{text-align:center;margin-bottom:32px;font-size:14px;color:var(--muted);font-weight:600}
.flt-count-info strong{color:var(--blue)}

/* REVIEW GRID */
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rv-card{background:#fff;border-radius:16px;padding:24px 22px;border:1.5px solid #e0eaf2;transition:all .3s;display:flex;flex-direction:column; position: relative; overflow: hidden; box-shadow:rgba(149,157,165,.2) 0 8px 24px;}
.rv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(0,81,130,.2);background:#fff}
.rv-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--border);
    transition: background .3s;
}
.rv-top{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.rv-av{width:54px;height:54px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2.5px solid var(--orange)}
.rv-av img{width:100%;height:100%;object-fit:cover}
.av-init{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:900;color:#fff;border-radius:50%}
.rv-info .rv-name{font-size:15px;font-weight:800;color:var(--blue);margin-bottom:2px}
.rv-info .rv-role{font-size:13px;color:var(--muted);margin-bottom:2px}
.rv-info .rv-loc{font-size:12.5px;color:var(--muted)}
.rv-info .rv-stars{color:var(--orange);font-size:12px;margin-top:3px}
.rv-short{    font-size: 14px;
    line-height: 24px;
    color: #444;
    margin: 10px 0 8px;}
.rv-full{font-size:14px;line-height:24px;color:#444;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.rv-expand{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--blue);font-size:13px;font-weight:700;font-family:'DM Sans',sans-serif;cursor:pointer;padding:0;margin-top:10px;transition:color .3s}
.rv-expand:hover{color:var(--orange)}
.rv-expand.expanded i{transform:rotate(45deg)}
.rv-expand i{transition:transform .3s}
.team-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(0,81,130,.07);border:1px solid rgba(0,81,130,.15);color:var(--blue);font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:50px;margin-top:10px}
.team-badge i{font-size:11px}
.rv-hidden{display:none}

.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.svc-tag{background:rgba(250,163,31,.1);border:1px solid rgba(250,163,31,.3);color:#7a4500;font-size:12px;font-weight:700;padding:4px 10px;border-radius:50px}
.lt-badge{
        position: absolute;
    top: 18px;
    right: 18px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    display:inline-flex;align-items:center;gap:6px;background:rgba(0,81,130,.08);border:1px solid rgba(0,81,130,.18);color:var(--blue);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:50px;margin-left:auto}
.lt-badge i{font-size:12px}

/* ── FINAL CTA ────────────────────────────────── */
.nn-cta-sec{padding:90px 0;background:var(--dark);text-align:center;position:relative;overflow:hidden}
.nn-cta-sec::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 60% 80% at 0% 50%,rgba(0,81,130,.4) 0%,transparent 65%),
  radial-gradient(ellipse 55% 70% at 100% 50%,rgba(250,163,31,.12) 0%,transparent 60%)}
.nn-cta-sec .nn-container{position:relative;z-index:1}
.nn-cta-sec .nn-stag{color:var(--orange)}
.nn-cta-sec h2{font-size:46px;line-height:1.15;color:#fff;margin-bottom:18px; margin-left:auto;margin-right:auto}
.nn-cta-sec h2 span{color:var(--orange)}
.nn-cta-sec p{font-size:16px;color:rgba(255,255,255,.72);max-width:700px;margin:0 auto 36px;line-height:27px}
.nn-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.nn-cta-divider{width:60px;height:3px;background:var(--orange);border-radius:2px;margin:24px auto}
.nn-contact-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;max-width:820px;margin:50px auto 0}
.nn-contact-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px 20px;text-align:center;transition:background .3s,border-color .3s}
.nn-contact-item:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.nn-ci-ico{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}
.nn-ci-ico.ci-phone{background:rgba(0,81,130,.4);color:#93c5fd}
.nn-ci-ico.ci-wa{background:rgba(37,211,102,.2);color:#4ade80}
.nn-ci-ico.ci-mail{background:rgba(250,163,31,.2);color:#fde68a}
.nn-contact-item h4{font-size:15px;font-weight:800;color:#fff;margin-bottom:5px}
.nn-contact-item a{font-size:14px;color:rgba(255,255,255,.65);font-weight:600;transition:color .3s;display:block}
.nn-contact-item a:hover{color:var(--orange)}

.nn-stag{font-size:11.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:12px}
.nn-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:8px;font-weight:700;font-size:15px;font-family:'DM Sans',sans-serif;transition:all .3s;cursor:pointer;border:none}
.nn-btn-blue{background:var(--blue);color:#fff}.nn-btn-blue:hover{background:#003d63;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,81,130,.28)}
.nn-btn-orange{background:var(--orange);color:#fff}.nn-btn-orange:hover{background:#e6940f; color:#fff;}
.nn-btn-outline{background:transparent;border:2px solid rgba(255,255,255,.38);color:#fff}.nn-btn-outline:hover{background:#fff;color:var(--blue)}
.nn-btn-white{background:#fff;color:var(--blue)}.nn-btn-white:hover{background:var(--dark);color:#fff}
.nn-btn-ghost{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.25);color:#fff}.nn-btn-ghost:hover{background:#fff;color:var(--blue)}
.nn-btn-wa{background:#25D366;color:#fff}.nn-btn-wa:hover{background:#1da851}
.nn-btn-lg{padding:16px 36px;font-size:16px}
.nn-btn-wa:hover {
    background: #1da851;
    color: #fff;
}


/* TEAM SECTION */
.team-sec{padding:60px 0;background:var(--light)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tm-card{background:#fff;border-radius:16px;padding:24px 20px;text-align:center;border:1.5px solid var(--border);transition:all .3s}
.tm-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(0,81,130,.2)}
.tm-av {
    margin-bottom: 12px;
}
.tm-av img {
    width: 150px;
    height: 160px;
    object-fit: cover;
    object-position: top;
    border-radius: 5px;
    border: 2px solid #faa31f;
}
.tm-name{font-size:17px;font-weight:800;color:var(--dark);margin-bottom:4px}
.tm-role{font-size:13px;color:#666;margin-bottom:12px}
.tm-mentions{font-size:12px;font-weight:700;color:var(--blue);background:rgba(0,81,130,.08);border-radius:50px;padding:4px 12px;display:inline-block}
.sec-head{text-align:center;margin-bottom:48px}
.sec-head .stag{font-size:15px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#005182;display:block;margin-bottom:10px}
.sec-head h2{font-size:30px;margin-bottom:12px; color: var(--dark);}
.sec-head p{color:#666;max-width:640px;margin:0 auto;font-size:15px}


/* GLOBAL REACH */
.reach-sec{padding:60px 0;background:var(--blue);position:relative;overflow:hidden}
.reach-sec::before{content:'';position:absolute;inset:0;background:rgba(0,20,60,.35)}
.reach-sec .container{position:relative;z-index:1}
.reach-head{text-align:center;margin-bottom:48px}
.reach-head .stag{font-size:15px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:10px}
.reach-head h2{font-size:30px;color:#fff;margin-bottom:12px}
.reach-head p{color:rgba(255,255,255,.72);max-width:640px;margin:0 auto;font-size:15px}
.country-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.ctag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:50px;padding:9px 16px;color:#fff;font-size:13.5px;font-weight:700;transition:background .3s}
.ctag:hover{background:rgba(255,255,255,.16)}
.reach-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:820px;margin:0 auto}
.rs-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:24px;text-align:center}
.rs-num{font-size:42px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px;margin-bottom:6px}
.rs-num span{color:var(--orange)}
.rs-label{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.52)}

.ctag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ctag img {
  width: 18px;
  height: 12px;
  object-fit: cover;
}

.trust-strip {
    background: #005182;
    padding: 20px 0
}

.trust-strip .trust-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px
}

.trust-strip .ti {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff
}

.trust-strip .ti i {
    font-size: 20px;
    color: #faa31f;
}

.trust-strip .ti-text {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255, 255, 255, .9)
}

.trust-strip .trust-sep {
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, .15)
}

.hero .mb-0{
margin-bottom: 0px;    
}

@media (min-width: 768px) and (max-width: 1024px) {
    
section.hero {padding: 60px 0px;}
.hero-tag{font-size:12px;}
.hero h1 {font-size: 36px;}
.ht-num {font-size: 24px;}
.ht-lbl {font-size: 12px;}
.hero-trust{gap: 25px;}
.grid-sec {padding: 60px 0;}
.sec-intro h2 {font-size: 26px; line-height: 1.1; margin-bottom: 5px;}
.sec-intro p {max-width: 80%;}
.rv-grid{grid-template-columns: repeat(2, 1fr);}
section.map-sec {padding: 60px 0;}
.sec-head h2, .reach-head h2 {font-size: 26px;}
.ctag{font-size:12px;}
.nn-cta-sec {padding: 60px 0;}
.nn-cta-sec h2 {font-size: 30px;}
.nn-container {padding: 0 15px;}
.reach-head {margin-bottom: 28px;}


}


@media (min-width: 320px) and (max-width: 767px) {

section.hero {padding: 60px 0px;}
.hero-tag{font-size:12px;}
.hero h1 {font-size: 28px;}
.ht-num {font-size: 20px;}
.ht-lbl {font-size: 11px;}
.hero-trust{gap: 25px;}
.grid-sec {padding: 60px 0;}
.sec-intro h2 {font-size: 22px; line-height: 1; margin-bottom: 5px;}
.sec-intro p {max-width: 90%;}
.rv-grid{grid-template-columns: repeat(1, 1fr);}
section.map-sec {padding: 50px 0;}
.sec-head h2 {font-size: 22px;}
.ctag{font-size:12px;}
.nn-cta-sec {padding: 50px 0;}
.nn-cta-sec h2, .reach-head h2 {font-size: 22px;}
.nn-container {padding: 0 15px;}
.sec-intro {margin-bottom: 35px;}
.map-inner{grid-template-columns: 1fr; gap: 35px;}
.nn-btn-lg {padding: 16px 36px; font-size: 16px; display: flex; align-items: center; font-size: 0px; border-radius: 50%;
    height: 50px; width: 50px; padding: 0; text-align: center; justify-content: center; line-height: 50px;  gap: 0;}
.nn-btn-lg i { font-size: 16px;}
.stag {font-size: 14px;}
.flt-btn, .sec-head .stag{font-size: 13px;}
.team-grid {grid-template-columns: repeat(2, 1fr);}
.sec-head, .reach-head {margin-bottom: 28px;}
.tm-name {font-size: 15px;}
    
}