/* ==========================================================
   GlobalNexa — Homepage Stylesheet
   ========================================================== */

:root{
  --navy:#0B1F3D;
  --navy-dark:#071528;
  --navy-mid:#10305C;
  --teal:#0E3B4E;
  --gold:#F0A500;
  --gold-dark:#D98E00;
  --light-bg:#F5F6F8;
  --muted:#6B7280;
  --line:#E6E8EC;
}
body{font-family:'Inter',sans-serif;color:#1B2434;}
h1,h2,h3,h4,.brand,.navlogo{font-family:'Poppins',sans-serif;}
a{text-decoration:none;}
.section-pad{padding:50px 0;}
.text-navy{color:var(--navy);}
.text-gold{color:var(--gold);}
.bg-navy{background:var(--navy);}
.bg-navy-dark{background:var(--navy-dark);}
.bg-light-bg{background:var(--light-bg);}

.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--navy-dark);font-weight:600;}
.btn-gold:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:var(--navy-dark);}
.btn-outline-white{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-weight:600;}
.btn-outline-white:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff;}
.btn-navy{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600;}
.btn-navy:hover{background:var(--navy-mid);border-color:var(--navy-mid);color:#fff;}

.section-title{font-weight:700;color:var(--navy);position:relative;padding-bottom:14px;display:inline-block;}
.section-title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:60px;height:3px;background:var(--gold);}
.section-title-wrap{text-align:center;margin-bottom:48px;}

/* Topbar */
.topbar{background:var(--navy-dark);color:#C9D2E3;font-size:.82rem;padding:8px 0;}
.topbar a{color:#C9D2E3;}
.topbar a:hover{color:var(--gold);}
.topbar .social-link{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);margin-left:6px;color:#fff;transition:.2s;}
.topbar .social-link:hover{background:var(--gold);color:var(--navy-dark);}

/* Navbar */
.navlogo{font-weight:800;font-size:1.5rem;color:var(--navy);letter-spacing:.5px;}
.navlogo span{color:var(--gold);}
.navlogo-tag{font-size:.62rem;color:var(--muted);letter-spacing:.03em;display:block;font-weight:500;font-family:'Inter',sans-serif;}
.navbar-custom{padding:14px 0;box-shadow:0 2px 10px rgba(0,0,0,.06);}
.navbar-custom .nav-link{color:var(--navy)!important;font-weight:600;font-size:.9rem;letter-spacing:.02em;padding:8px 14px!important;}
.navbar-custom .nav-link:hover{color:var(--gold)!important;}
.navbar-custom .dropdown-menu{border:none;box-shadow:0 8px 24px rgba(0,0,0,.12);border-radius:6px;}
.navbar-custom .dropdown-item:hover{background:var(--light-bg);color:var(--gold-dark);}
.navbar-custom .nav-link.active-page{color:var(--gold)!important;position:relative;}
.navbar-custom .nav-link.active-page::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--gold);}

/* Hero Carousel */
.hero-carousel .carousel-item{height:640px;position:relative;}
.hero-carousel .carousel-item img{width:100%;height:100%;object-fit:cover;}
.hero-carousel .slide-overlay{position:absolute;inset:0;background:linear-gradient(100deg, rgba(7,21,40,.95) 0%, rgba(7,21,40,.82) 38%, rgba(7,21,40,.35) 70%, rgba(7,21,40,.15) 100%);}
.hero-carousel .carousel-caption{position:absolute;inset:0;text-align:left;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;padding:0;}
.hero-caption-inner{max-width:650px;}
.hero-carousel h1{font-weight:800;font-size:clamp(1.8rem,4vw,3rem);line-height:1.18;color:#fff;}
.hero-carousel h1 .accent{color:var(--gold);display:block;}
.hero-carousel p{color:#D6DEEA;font-size:1.02rem;max-width:520px;margin:18px 0 28px;}
.carousel-indicators [data-bs-target]{background-color:var(--gold);width:10px;height:10px;border-radius:50%;}
.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:5%;opacity:.7;}

/* Inner page hero (About / Contact) */
.page-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;padding:70px 0 0; min-height:400px;}
.page-hero .breadcrumb-row{font-size:.84rem;color:#B9C4D6;margin-bottom:22px;}
.page-hero .breadcrumb-row a{color:#B9C4D6;}
.page-hero .breadcrumb-row a:hover{color:var(--gold);}
.page-hero .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--gold);margin-bottom:10px;}
.page-hero h1{font-weight:800;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.2;}
.page-hero h1 .accent{color:var(--gold-soft, var(--gold));display:block;}
.page-hero p{color:#D6DEEA;font-size:1rem;max-width:520px;margin-top:16px;}
.page-hero-media{position:relative;height:100%;min-height:340px;border-radius:8px 0 0 0;overflow:hidden;}
.page-hero-media img{width:100%;height:100%;object-fit:cover;}
.page-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(11,31,61,.9), rgba(11,31,61,.05));}
.page-hero-content{padding:56px 0 60px;}
.page-hero-bg-map{position:absolute;inset:0;opacity:0.5;background-size:cover;background-position:center;}

/* Trust bar */
.trust-bar{background:var(--navy-mid);color:#fff;padding:26px 0;}
.trust-item{display:flex;align-items:center;gap:12px;}
.trust-item .icon-circle{width:48px;height:48px;border-radius:50%;background:rgba(240,165,0,.15);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--gold);flex-shrink:0;}
.trust-item b{display:block;font-size:.95rem;}
.trust-item span{font-size:.78rem;color:#B9C4D6;}

/* Services */
.service-card{border:1px solid var(--line);border-radius:8px;padding:30px 24px;height:100%;transition:.25s;}
.service-card:hover{background:#fff;box-shadow:0 10px 26px rgba(11,31,61,.1);transform:translateY(-4px);}
.service-card .icon-box{width:52px;height:52px;border-radius:8px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px;}
.service-card h3{font-size:1.02rem;font-weight:700;color:var(--navy);margin-top: 15px;}
.service-card p{font-size:.87rem;color:var(--muted);margin-bottom:0;}





/* Audience panels */
.aud-panel{position:relative;border-radius:8px;overflow:hidden;min-height:500px;color:#fff;}
.aud-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.aud-panel .overlay{position:absolute;inset:0;z-index:1;}
.aud-panel .content{position:relative;z-index:2;padding:28px 24px;height:100%;display:flex;flex-direction:column;}
.aud-panel .icon-circle{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px;}
.aud-panel h3{font-size:1.10rem;font-weight:700;line-height:1.3;}
.aud-panel .sub{color:var(--gold);font-size:.82rem;font-weight:600;}
.aud-panel p{font-size:.85rem;color:#E2E8F2;margin:10px 0 14px;height: 90px;}
.aud-panel ul{list-style:none;padding:0;margin:0 0 20px;font-size:.83rem;height: 240px;}
.aud-panel ul li{padding:4px 0;display:flex;gap:8px;}
.aud-panel ul li i{color:var(--gold);margin-top:2px;}
.aud-panel .btn{margin-top:auto;align-self:flex-start;}

/* Industries */
.industry-item{text-align:center;margin-bottom: 50px;}
.industry-item .icon-circle{width:64px;height:64px;border-radius:50%;background:var(--light-bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--navy);margin:0 auto 10px;transition:.2s;}
.industry-item:hover .icon-circle{background:var(--navy);color:var(--gold);}
.industry-item span{font-size:.78rem;font-weight:600;color:var(--navy);}

.category-menu {
    width: 100%;
    display: flex;
    align-items: stretch;
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.category-menu::-webkit-scrollbar {
    display: none;
}

.category-item {
  min-width: 110px;
  height: 150px;
  padding: 9px 7px;

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

    border-right: 2px solid #e3e6eb;

    box-sizing: border-box;
    cursor: pointer;

    transition: all 0.3s ease;
}

.category-item:last-child {
    border-right: none;
}

.category-item img {
    width: 48px;
    height: 48px;
    object-fit: contain;

    margin-bottom: 12px;

    transition: 0.3s ease;
}

.category-item h3 {
    margin: 0;

    color: #1b315b;

    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;

    text-align: center;
}

.category-item:hover {
    background: #f8f9fb;
}

.category-item:hover img {
    transform: scale(1.1);
}

.category-item:hover h3 {
    color: #f5a623;
}

@media (max-width: 768px) {

    .category-item {
        min-width: 100px;
        
    }

    .category-item img {
        width: 35px;
        height: 35px;
    }
    .category-item h3 {
  font-size: 12px;
  }

}


/* Why partner + map */
.check-list{list-style:none;padding:0;}
.check-list li{display:flex;gap:12px;padding:8px 0;font-size:.95rem;}
.check-list li i{color:var(--gold);margin-top:3px;}
.map-box{position:relative;border-radius:8px;overflow:hidden;background:#eef1f5;min-height:260px;}
.map-box img{width:100%;display:block;}
.map-pin{position:absolute;width:14px;height:14px;background:var(--gold);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);}

/* Quick contact cards (Contact page) */
.quick-contact-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px 18px;text-align:center;height:100%;transition:.2s;}
.quick-contact-card:hover{box-shadow:0 10px 24px rgba(11,31,61,.08);transform:translateY(-3px);}
.quick-contact-card .icon-circle{width:50px;height:50px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 14px;}
.quick-contact-card h4{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:8px;}
.quick-contact-card p{font-size:.8rem;color:var(--muted);margin-bottom:0;line-height:1.5;}

/* Contact form panel (light) */
.form-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px;}
.form-panel .form-control,.form-panel .form-select{border:1px solid var(--line);background:var(--light-bg);font-size:.9rem;padding:11px 14px;}
.form-panel .form-control:focus,.form-panel .form-select:focus{background:#fff;border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(240,165,0,.15);}
.privacy-note{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:8px;}

/* Office info panel */
.office-panel ul{list-style:none;padding:0;margin:0;}
.office-panel li{display:flex;gap:14px;padding:10px 0;font-size:.92rem;color:var(--ink,#1B2434);}
.office-panel li i{color:var(--navy);font-size:1.1rem;margin-top:2px;flex-shrink:0;}
.office-panel li b{display:block;color:var(--navy);}
.map-embed{border-radius:8px;overflow:hidden;border:1px solid var(--line);}
.map-embed img{width:100%;display:block;}

/* Let's Connect strip */
.connect-item{text-align:center;}
.connect-item .icon-circle{width:60px;height:60px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--navy);margin:0 auto 14px;}
.connect-item h4{font-size:.92rem;font-weight:700;color:var(--navy);margin-bottom:6px;}
.connect-item p{font-size:.8rem;color:var(--muted);margin-bottom:0;}

/* About: info cards grid */
.info-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;height:100%;}
.info-card i{font-size:1.5rem;color:var(--navy);margin-bottom:12px;display:block;}
.info-card h4{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:8px;}
.info-card p{font-size:.83rem;color:var(--muted);margin-bottom:0;}

/* About: why choose row */
.why-item{text-align:center;}
.why-item i{font-size:1.7rem;color:var(--navy);margin-bottom:10px;display:block;}
.why-item span{font-size:.82rem;font-weight:600;color:var(--navy);}

/* Contact card */
.contact-card{background:var(--navy);color:#fff;border-radius:8px;padding:34px;border-top:4px solid var(--gold);}
.contact-card h3{font-weight:700;margin-bottom:20px;font-size: 20px;}
.contact-card .form-control,.contact-card .form-select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.9rem;}
.contact-card .form-control::placeholder{color:#9AA7BC;}
.contact-card .form-control:focus,.contact-card .form-select:focus{background:rgba(255,255,255,.1);border-color:var(--gold);box-shadow:none;color:#fff;}

/* Testimonial + success stories */
.quote-box{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:6px;padding:28px;}
.quote-box i{color:var(--gold);font-size:1.6rem;}
.quote-box p{font-style:italic;color:#2A3448;margin:14px 0;}
.stat-row-item{display:flex;align-items:center;gap:14px;padding:5px 0;}
.stat-row-item .icon-circle{width:46px;height:46px;border-radius:50%;background:var(--light-bg);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;}
.stat-row-item b{font-size:1.15rem;color:var(--navy);display:block;}
.stat-row-item span{font-size:.78rem;color:var(--muted);}

/* Service page: feature box grid (2x3 checklist boxes) */
.feature-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 16px;text-align:center;height:100%;transition:.2s;}
.feature-box:hover{box-shadow:0 8px 20px rgba(11,31,61,.08);transform:translateY(-2px);}
.feature-box .icon-circle{width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin:0 auto 12px;}
.feature-box span{font-size:.85rem;font-weight:600;color:var(--navy);display:block;}

/* Service page: numbered process track */
.process-track{display:flex;align-items:flex-start;overflow-x:auto;padding-bottom:8px;gap:0;}
.process-step{flex:1 0 110px;text-align:center;position:relative;padding:0 6px;min-width:100px;}
.process-step .step-circle{width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin:0 auto 10px;position:relative;z-index:2;}
.process-step .step-num{position:absolute;top:-6px;right:calc(50% - 34px);width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--navy-dark);font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:3;}
.process-step span{font-size:.78rem;font-weight:600;color:var(--navy);display:block;}
.process-step:not(:last-child)::after{content:"\\203A";position:absolute;top:18px;right:-4px;color:var(--gold);font-size:1.3rem;font-weight:700;z-index:1;}

/* Service page: why-choose vs comparison panel */
.compare-panel{border-radius:8px;overflow:hidden;}
.compare-col{padding:10px;height:100%;}
.compare-col.compare-yes{background:var(--navy);color:#fff;}
.compare-col.compare-no{background:var(--light-bg);color:var(--ink,#1B2434);}
.compare-col h4{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px;}
.compare-col ul{list-style:none;padding:0;margin:0;}
.compare-col li{display:flex;gap:10px;padding:6px 0;font-size:.88rem;}
.compare-col.compare-yes li i{color:var(--gold);}
.compare-col.compare-no li i{color:#D9534F;}
.vs-badge{width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--navy-dark);font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;box-shadow:0 4px 12px rgba(0,0,0,.2);}

/* Service page: promise banner */
.promise-banner{background:var(--navy);border-radius:8px;overflow:hidden;position:relative;color:#fff;min-height:170px;}
.promise-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;}
.promise-banner .overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(11,31,61,.97) 40%, rgba(11,31,61,.55) 100%);}
.promise-banner .content{position:relative;z-index:2;padding:28px 30px;}
.promise-banner .eyebrow-badge{background:var(--gold);color:var(--navy-dark);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:3px;display:inline-block;margin-bottom:10px;}
.promise-banner h4{font-weight:700;font-size:1.2rem;margin-bottom:4px;}

/* Service page: testimonial card */
.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px;height:100%;}
.testimonial-card i.quote-icon{color:var(--gold);font-size:1.3rem;}
.testimonial-card p{font-size:.88rem;color:#3A4457;font-style:italic;margin:12px 0 16px;}
.testimonial-author{display:flex;align-items:center;gap:10px;}
.testimonial-author .avatar{width:38px;height:38px;border-radius:50%;background:var(--light-bg);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;}
.testimonial-author b{display:block;font-size:.85rem;color:var(--navy);}
.testimonial-author span{font-size:.76rem;color:var(--muted);}

/* Service page: resources list + FAQ */
.resource-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;margin-bottom:10px;}
.resource-item .resource-name{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:var(--navy);}
.resource-item .resource-name i{color:#D9534F;font-size:1.2rem;}
.resource-item .btn{font-size:.76rem;padding:6px 14px;}
.accordion-flush .accordion-button{font-size:.9rem;font-weight:600;color:var(--navy);padding:14px 4px;}
.accordion-flush .accordion-button:not(.collapsed){color:var(--gold-dark);background:none;box-shadow:none;}
.accordion-flush .accordion-body{font-size:.86rem;color:var(--muted);padding:0 4px 14px;}
.accordion-button:focus{box-shadow:none;}
.mini-cta-card{background:var(--light-bg);border:1px solid var(--line);border-radius:8px;padding:22px;height:100%;text-align:center;}
.mini-cta-card h4{font-weight:700;color:var(--navy);font-size:.95rem;margin-bottom:8px;}
.mini-cta-card p{font-size:.83rem;color:var(--muted);}

/* Service page: quality/process icon row (compact, no card bg) */
.qa-item{text-align:center;}
.qa-item .icon-circle{width:52px;height:52px;border-radius:50%;background:var(--light-bg);border:1px solid var(--line);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 10px;}
.qa-item span{font-size:.8rem;font-weight:600;color:var(--navy);}

/* Trusted brands */
.brand-strip{display:flex;align-items:center;justify-content:center;}
/* .brand-strip{display:flex;align-items:center;justify-content:center;height:70px;border:1px solid var(--line);border-radius:6px;background:#fff;}
.brand-strip span{font-weight:700;color:#3A4457;font-size:1.05rem;letter-spacing:.01em;opacity:.75;} */
.brand-strip img{height: 145px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  object-fit: cover;
  object-position: center; }

/* Stats band */
.stats-band{background:var(--light-bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stats-band .stat{text-align:center;}
.stats-band .stat i{font-size:1.6rem;color:var(--gold);}
.stats-band .stat b{display:block;font-size:1.3rem;color:var(--navy);font-family:'Poppins',sans-serif;margin-top:6px;}
.stats-band .stat span{font-size:.78rem;color:var(--muted);}

/* Insights */
.insight-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;height:100%;transition:.2s;}
.insight-card:hover{box-shadow:0 10px 24px rgba(11,31,61,.1);transform:translateY(-3px);}
.insight-card img{width:100%;height:130px;object-fit:cover;}
.insight-card .body{padding:16px;}
.insight-card h4{font-size:.88rem;font-weight:700;color:var(--navy);line-height:1.35;min-height:48px;}
.insight-card a.readmore{font-size:.8rem;font-weight:600;color:var(--gold-dark);}
.insight-cta{background:var(--navy);color:#fff;border-radius:8px;padding:24px;height:100%;display:flex;flex-direction:column;justify-content:center;}
.insight-cta h4{font-weight:700;margin-bottom:10px;}
.insight-cta p{font-size:.85rem;color:#C9D2E3;}

/* Bottom CTA banner */
.cta-banner{position:relative;color:#fff;padding:56px 0;}
.cta-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.cta-banner .overlay{position:absolute;inset:0;background:rgba(7,21,40,.88);z-index:1;}
.cta-banner .content{position:relative;z-index:2;}
.cta-banner h2{font-weight:700;font-size:1.7rem;}

/* Footer */
footer{background:var(--navy-dark);color:#AEB9CC;padding-top:60px;}
footer h5{color:#fff;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px;}
footer ul{list-style:none;padding:0;}
footer ul li{margin-bottom:10px;}
footer ul li a{color:#AEB9CC;font-size:.88rem;}
footer ul li a:hover{color:var(--gold);}
.footer-social{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;margin-right:8px;}
.footer-social:hover{background:var(--gold);color:var(--navy-dark);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:20px 0;font-size:.8rem;color:#7C88A0;}
.newsletter-input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;}
.newsletter-input::placeholder{color:#8C99AF;}

@media(max-width:991px){
  .hero-carousel .carousel-item{height:560px;}
  .section-pad{padding:56px 0;}
}
@media(max-width:767px){
  .hero-carousel .carousel-item{height:520px;}
  .aud-panel{min-height:auto;}
}
@media(max-width:991px){
  .page-hero-media{min-height:260px;border-radius:0;margin-top:30px;}
}

/* ==========================================================
   Service Landing Pages — shared components
   ========================================================== */

/* Feature bar links row (variable column count) */
.feature-bar-item{display:flex;align-items:flex-start;gap:12px;}
.feature-bar-item .icon-circle{width:44px;height:44px;border-radius:50%;background:rgba(240,165,0,.15);display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--gold);flex-shrink:0;}
.feature-bar-item b{display:block;font-size:.86rem;color:#fff;line-height:1.3;}
.feature-bar-item span{font-size:.74rem;color:#B9C4D6;}

/* Small icon-label grid cards (e.g. Verified & Reliable Suppliers) */
.mini-feature-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 14px;text-align:center;height:100%;}
.mini-feature-card .icon-circle{width:60px;height:60px;border-radius:50%;background:var(--navy);color:var(--line);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0 auto 10px;}
.mini-feature-card span{font-size:.83rem;font-weight:600;color:var(--navy);line-height:1.35;}

/* Step-by-step process flow */
.step-flow{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:6px;}
.step-flow-item{display:flex;flex-direction:column;align-items:center;text-align:center;width: 220px;  margin-bottom: 30px;}
.step-flow-item .step-num{width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin-bottom:10px;position:relative;}
.step-flow-item .step-num small{position:absolute;top:-4px;right:-2px;background:var(--gold);color:var(--navy-dark);font-size:.6rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;}
.step-flow-item span{font-size:.78rem;font-weight:600;color:var(--navy);line-height:1.3;}
.step-flow-arrow{align-self:center;color:var(--black);font-size:1.1rem;margin-top:16px;}
@media(max-width:767px){
  .step-flow-arrow{display:none;}
  .step-flow-item{width: 160px;  margin-bottom: 20px;}
}

/* Numbered support-service cards (icon + title + text) */
.support-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;height:100%;}
.support-card .icon-box{width:46px;height:46px;border-radius:8px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;}
.support-card h4{font-size:.88rem;font-weight:700;color:var(--navy);margin-bottom:4px;}
.support-card p{font-size:.78rem;color:var(--muted);margin-bottom:0;}

/* Two/three column compare block */
.compare-col{border-radius:8px;overflow:hidden;height:100%;}
.compare-col .compare-head{padding:14px 18px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:8px;}
.compare-col.compare-bad .compare-head{background:#FCEAEA;color:#B3261E;}
.compare-col.compare-good .compare-head{background:var(--navy);color:#fff;}
.compare-col ul{list-style:none;margin:0;padding:16px 18px;background:#fff;border:1px solid var(--line);border-top:none;}
.compare-col ul.white{list-style:none;margin:0;padding:16px 18px;background: var(--navy);border:0px solid var(--line);border-top:none;}
.compare-col ul.white li{display:flex;gap:10px;padding:8px 0;font-size:.86rem;color:#fff;}
.compare-col.compare-bad ul{border-color:#F3D6D6;}
.compare-col li{display:flex;gap:10px;padding:8px 0;font-size:.86rem;color:#2A3448;}
.compare-col.compare-bad li i{color:#D5433C;}
.compare-col.compare-good li i{color:var(--gold-dark);}
.vs-badge{width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--navy-dark);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 6px 16px rgba(240,165,0,.35);}

/* Dark promise / trust box */
.promise-box{background:var(--navy);color:#fff;border-radius:8px;padding:30px;border-top:4px solid var(--gold);height:176px;}
.promise-box h3{font-weight:700;margin-bottom:18px;font-size:1.05rem;}
.promise-box ul{list-style:none;padding:0;margin:0;}
.promise-box li{display:flex;gap:10px;padding:6px 0;font-size:.88rem;color:#D6DEEA;}
.promise-box li i{color:var(--gold);margin-top:3px;}
.promise-box.promise-photo{position:relative;overflow:hidden;padding:0;}
.promise-box.promise-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.promise-box.promise-photo .overlay{position:absolute;inset:0;background:linear-gradient(100deg, rgba(11,31,61,.94) 0%, rgba(11,31,61,.55) 60%, rgba(11,31,61,.2) 100%);}
.promise-box.promise-photo .inner{position:relative;padding:30px;}

/* Dark promise / trust box */
.promise-box2{background:var(--navy);color:#fff;border-radius:8px;padding:30px;border-top:4px solid var(--gold);height:100%;}
.promise-box2 h3{font-weight:700;margin-bottom:18px;font-size:1.05rem;}
.promise-box2 ul{list-style:none;padding:0;margin:0;}
.promise-box2 li{display:flex;gap:10px;padding:6px 0;font-size:.88rem;color:#D6DEEA;}
.promise-box2 li i{color:var(--gold);margin-top:3px;}
.promise-box2.promise-photo{position:relative;overflow:hidden;padding:0;}
.promise-box2.promise-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.promise-box2.promise-photo .overlay{position:absolute;inset:0;background:linear-gradient(100deg, rgba(11,31,61,.94) 0%, rgba(11,31,61,.55) 60%, rgba(11,31,61,.2) 100%);}
.promise-box2.promise-photo .inner{position:relative;padding:30px;}

/* Testimonial cards */
.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;height:100%;}
.testimonial-card i.bi-quote{color:var(--gold);font-size:1.4rem;}
.testimonial-card p{font-size:.88rem;color:#2A3448;font-style:italic;margin:12px 0 16px;}
.testimonial-author{display:flex;align-items:center;gap:10px;}
.testimonial-author .avatar{width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;}
.testimonial-author b{display:block;font-size:.86rem;color:var(--navy);}
.testimonial-author span{font-size:.76rem;color:var(--muted);}
.testimonial-band{background:var(--navy);}
.testimonial-band .testimonial-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
.testimonial-band .testimonial-card p{color:#E2E8F2;}
.testimonial-band .testimonial-author b{color:#fff;}
.testimonial-band .testimonial-author span{color:#B9C4D6;}

/* Success story cards */
.story-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;height:100%;}
.story-card img{width:100%;height:150px;object-fit:cover;}
.story-card .body{padding:18px;}
.story-card h4{font-size:.92rem;font-weight:700;color:var(--navy);margin-bottom:10px;}
.story-card p{font-size:.8rem;color:var(--muted);margin-bottom:6px;}
.story-card p b{color:var(--navy);}

/* Resource download list */
.resource-download-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);}
.resource-download-item:last-child{border-bottom:none;}
.resource-download-item .file-icon{width:38px;height:38px;border-radius:6px;background:#FCEAEA;color:#D5433C;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;}
.resource-download-item .file-info{flex:1;}
.resource-download-item .file-info b{display:block;font-size:.85rem;color:var(--navy);}
.resource-download-item .file-info span{font-size:.74rem;color:var(--muted);}
.resource-download-item .btn{flex-shrink:0;}

/* Small CTA card ("Need Something Specific?") */
.mini-cta-card{background:var(--light-bg);border:1px solid var(--line);border-radius:8px;padding:24px;height:100%;}
.mini-cta-card h4{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:8px;}
.mini-cta-card p{font-size:.83rem;color:var(--muted);}

/* Support list card (icon header + bullet list) */
.support-list-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;height:100%;}
.support-list-card .icon-circle{width:42px;height:42px;border-radius:8px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:14px;}
.support-list-card h3{font-size: 18px; text-align: center;  text-transform: uppercase;  font-weight: 700;color:var(--navy);}
.support-list-card h4{font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:10px;height: 35px;}
.support-list-card h5{font-size: 18px; text-align: center;  text-transform: uppercase;  font-weight: 700;color:var(--navy);margin-bottom:10px;}
.support-list-card ul{list-style:none;padding:0;margin:0;}
.support-list-card li{font-size:.79rem;color:var(--muted);padding:4px 0;position:relative;padding-left:14px;}
.support-list-card li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--gold);}
.support-list-card p{font-size:.83rem;color:var(--muted); text-align: center;}


.services-industries {
    width: 100%;
    background: #ffffff;
    font-family: Arial, sans-serif;
}

/* Main Row */

.info-row {
    display: flex;
    width: 100%;
    min-height: 350px;
    border-bottom: 1px solid #e5e5e5;
}


/* LEFT SECTION */

.intro-box {
    width: 32%;
    padding: 55px 5px;
    flex-shrink: 0;
}

.intro-box h2 {
    font-size: 24px;
    font-weight: 700;
    color: #c88716;
    letter-spacing: 0.5px;
}

.yellow-line {
    width: 65px;
    height: 4px;
    background: #f0a51a;
    margin: 18px 0 25px;
}

.intro-box p {
    font-size: 16px;
    line-height: 1.8;
    color: #1d2f50;
    margin-bottom: 28px;
}


/* BUTTON */

.dark-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    min-width: 300px;

    padding: 18px 22px;

    background: #061b3a;
    color: #ffffff;

    text-decoration: none;

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

    transition: 0.3s ease;
}

.dark-btn span {
    font-size: 28px;
    margin-left: 25px;
    line-height: 1;
}

.dark-btn:hover {
    background: #c88716;
}


/* RIGHT SIDE */
/* .items-wrapper {
    width: 68%;

    display: flex;
    align-items: stretch;

    padding: 55px 0;
} */
.items-wrapper {
    width: 100%;

    display: flex;
    align-items: stretch;

    padding: 30px 0;
}


/* SERVICE ITEM */

.service-item {
    flex: 1;

    padding: 0 25px;

    text-align: center;

    border-left: 1px solid #d9dce2;

    display: flex;
    flex-direction: column;
    align-items: center;
}


.service-item img {
    width: 58px;
    height: 58px;

    object-fit: contain;

    margin-bottom: 20px;
}


.service-item h3 {
    color: #142b55;

    font-size: 18px;
    line-height: 1.7;

    font-weight: 700;

    margin-bottom: 16px;
}


.service-item p {
    color: #263857;

    font-size: 14px;
    line-height: 1.8;

    max-width: 200px;
}


/* INDUSTRIES */

.industries-row {
    min-height: 300px;
}


.industries-wrapper {
    padding: 55px 0;
}


.industry-item {
    flex: 1;

    padding: 0 18px;

    border-left: 1px solid #d9dce2;

    text-align: center;

    display: flex;
    flex-direction: column;

    align-items: center;
}


.industry-item img {
    width: 55px;
    height: 55px;

    object-fit: contain;

    margin-bottom: 20px;
}


.industry-item h3 {
    color: #142b55;

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

    line-height: 1.6;
}


.global-presence {
    width: 100%;
    min-height: 245px;

    display: flex;
    align-items: center;

    padding: 25px 0;

    background: #ffffff;

    font-family: Arial, sans-serif;

    overflow: hidden;
}
@media (max-width: 992px) {

    .info-row {
        flex-direction: column;
    }

    .intro-box {
        width: 100%;
        padding: 40px 30px;
    }

    .items-wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        overflow: hidden;
    }

    /* Services - 2 columns */
    .service-item {
        flex: 0 0 50%;
        max-width: 50%;
        min-width: auto;

        padding: 30px 20px;

        border-left: none;
        border-right: 1px solid #d9dce2;
        border-bottom: 1px solid #d9dce2;
    }

    /* Industries - 2 columns */
    .industry-item {
        flex: 0 0 50%;
        max-width: 50%;
        min-width: auto;

        padding: 30px 15px;

        border-left: none;
        border-right: 1px solid #d9dce2;
        border-bottom: 1px solid #d9dce2;
    }

    /* Remove right border from every 2nd item */
    .service-item:nth-child(even),
    .industry-item:nth-child(even) {
        border-right: none;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 576px) {

    .intro-box {
        padding: 35px 20px;
    }

    .intro-box h2 {
        font-size: 21px;
    }

    .intro-box p {
        font-size: 15px;
    }

    .dark-btn {
        width: 100%;
        min-width: auto;
    }

    /* Keep 2 columns like Bootstrap col-6 */
    .service-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 25px 12px;
    }

    .industry-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 25px 10px;
    }

    .service-item img,
    .industry-item img {
        width: 45px;
        height: 45px;
        margin-bottom: 15px;
    }

    .service-item h3 {
        font-size: 15px;
        line-height: 1.5;
    }

    .service-item p {
        font-size: 12px;
        line-height: 1.6;
    }

    .industry-item h3 {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* =========================
   LEFT CONTENT
========================= */

.global-content {
    width: 30%;

    padding-right: 35px;
}

.global-content h2 {
    font-size: 22px;
    line-height: 1.15;

    font-weight: 700;

    color: #172c52;

    margin-bottom: 18px;

    letter-spacing: 0.3px;
}

.global-content p {
    font-size: 15px;

    line-height: 1.7;

    color: #263754;

    max-width: 350px;

    margin-bottom: 20px;
}


/* =========================
   BUTTON
========================= */

.connect-btn {
    width: 220px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 22px;

    background: #eda91a;

    color: #172c52;

    text-decoration: none;

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

    transition: all 0.3s ease;
}

.connect-btn span {
    font-size: 24px;
    font-weight: 600;
}

.connect-btn:hover {
    background: #172c52;
    color: #ffffff;
}


/* =========================
   STATISTICS
========================= */

.global-stats {
    width: 22%;

    border-left: 1px solid #e2e5ea;

    padding-left: 25px;

    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stat-item {
    display: flex;

    align-items: center;

    gap: 14px;
}

.stat-item img {
    width: 30px;
    height: 30px;

    object-fit: contain;
}

.stat-item h3 {
    font-size: 19px;

    font-weight: 700;

    color: #172c52;

    margin-bottom: 2px;
}

.stat-item p {
    font-size: 12px;

    color: #263754;

    margin: 0;
}


/* =========================
   MAP
========================= */

.map-section {
    width: 48%;

    height: 200px;

    display: flex;

    align-items: center;
    justify-content: center;
}

.world-map {
    width: 100%;
    max-width: 650px;

    height: auto;

    object-fit: contain;
}

@media (max-width: 992px) {

    .global-presence {
        flex-direction: column;

        align-items: flex-start;

        padding: 40px 30px;
    }

    .global-content,
    .global-stats,
    .map-section {
        width: 100%;
    }

    .global-content {
        margin-bottom: 30px;
    }

    .global-stats {
        border-left: none;

        border-top: 1px solid #e2e5ea;

        padding-left: 0;
        padding-top: 25px;

        margin-bottom: 30px;

        display: grid;

        grid-template-columns: repeat(2, 1fr);
    }

    .map-section {
        height: auto;
    }

}


@media (max-width: 576px) {

    .global-stats {
        grid-template-columns: 1fr;
    }

    .global-content h2 {
        font-size: 20px;
    }

    .connect-btn {
        width: 100%;
    }

}

 /* Page-specific tweaks, kept minimal and consistent with the shared design system */
  .approach-flow{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:0;position:relative;}
  .approach-flow::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;background:var(--line);z-index:0;}
  .approach-item{position:relative;z-index:1;width:240px;text-align:center;margin-bottom:24px;}
  .approach-item .step-num{width:68px;height:68px;border-radius:50%;background:#fff;border:2px solid var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 14px;}
  .approach-item span{font-size:16px;font-weight:700;color:var(--navy);display:block;margin-bottom:6px;}
  .approach-item p{font-size:.76rem;color:var(--muted);margin:0;line-height:1.5;}
  .why-work-strip{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .why-work-item{flex:1 1 16%;display:flex;align-items:center;gap:10px;padding:18px 14px;border-right:1px solid var(--line);}
  .why-work-item:last-child{border-right:none;}
  .why-work-item i{font-size:1.4rem;color:var(--navy);flex-shrink:0;}
  .why-work-item span{font-size:.78rem;font-weight:600;color:var(--navy);line-height:1.3;}
  @media(max-width:991px){.why-work-item{flex:1 1 33%;border-bottom:1px solid var(--line);}}
  @media(max-width:575px){.why-work-item{flex:1 1 50%;}}
  .why-trust-panel{background:var(--navy);color:#fff;border-radius:8px 0 0 8px;padding:34px;height:100%;}
  .why-trust-panel h3{font-weight:700;font-size:1.15rem;margin-bottom:12px;}
  .why-trust-panel p{font-size:.85rem;color:#C9D2E3;}
  .trust-stats-panel{background:#fff;border:1px solid var(--line);border-left:none;border-radius:0 8px 8px 0;padding:20px 10px;}
  .support-list-card h4{height:auto;min-height:54px;margin-bottom:12px;}