*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0C2340;--blue:#1255A0;--blue2:#1A6BC4;
  --sky:#E8F2FB;--sky2:#D0E6F7;
  --teal:#0B8B7A;--teal2:#0FA894;--teallt:#E4F5F3;
  --white:#FFFFFF;--off:#F7F9FC;--off2:#EEF3F9;--stone:#f4f6fa;
  --muted:#7E92AB;--text:#0D1F35;--textsub:#141414;
  --border:#D4DDE8;--borderl:#E8EDF4;
  --display:'Poppins',sans-serif;--body:'Poppins',sans-serif; 
   --dkblue:#1565c0;--lite:#0ecec9;--org:#f5a623;--nxblue:#3a67bd;
   --bgorg:#fffcf7;  
}


html{scroll-behavior:smooth}

body{
	font-size: 15px;
	line-height:1.5;
	font-family:var(--body);
	color:var(--textsub);
	background:var(--white);
}

p {
	font-size: 15px;
	color: var(--textsub);
	line-height:1.5;
}

.small-title{
	font-size:18px;
	font-weight:600;
}

.txt-center{text-align:center;}

/* buttons */

.btn-primary{background:var(--dkblue);color:var(--white);padding:0.82rem 1.9rem;border-radius:3px;border:none;cursor:pointer;font-family:var(--body);font-size:0.88rem;font-weight:400;letter-spacing:0.05em;text-transform:uppercase;text-decoration:none;display:inline-block;transition:background 0.2s,transform 0.15s}

.btn-primary:hover{background:var(--org);transform:translateY(-1px)}

.btn-ghost{background:#f5a623;color:var(--white);padding:0.82rem 1.9rem;border-radius:3px;font-family:var(--body);font-size:0.88rem;font-weight:400;letter-spacing:0.05em;text-transform:uppercase;text-decoration:none;display:inline-block;transition:border-color 0.2s,color 0.2s}

.btn-ghost:hover{background:var(--dkblue);color:var(--org)}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;height:105px;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--borderl);box-shadow:0 1px 12px rgba(12,35,64,0.06)}

.logo-bar {
    width: 100%;
}
.logo{
    width:175px;
	margin-bottom:-5px;
}

.nav-logo{font-family:var(--display);font-size:1.35rem;font-weight:700;color:var(--navy);text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--teal2)}
.nav-links{display:flex;gap:0;list-style:none;align-items:center;margin-right:30px;}
.nav-links>li{position:relative}
.nav-links>li>a{display:flex;align-items:center;gap:4px;padding:0 1rem;height:68px;color:var(--navy);text-decoration:none;font-size:0.95rem;font-weight:500;letter-spacing:0.03em;transition:color 0.2s;white-space:nowrap}
.nav-links>li>a:hover{color:var(--dkblue)}
.nav-links>li>a .chevron{font-size:0.6rem;transition:transform 0.2s;opacity:0.5}
.nav-links>li:hover>a .chevron{transform:rotate(180deg)}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-6px);background:var(--white);border:1px solid var(--border);border-top:2px solid var(--dkblue);border-radius:0 0 6px 6px;box-shadow:0 8px 32px rgba(12,35,64,0.12);min-width:260px;padding:0.5rem 0;opacity:0;visibility:hidden;transition:opacity 0.18s,visibility 0.18s,transform 0.18s;pointer-events:none}
.nav-links>li:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:all}
.dropdown a{display:flex;align-items:center;padding:0.65rem 1.4rem;font-size:0.83rem;font-weight:500;color:var(--navy);text-decoration:none;transition:background 0.15s,color 0.15s;white-space:nowrap;letter-spacing:0.02em}
.dropdown a:hover {
    background: linear-gradient(90deg, #176ac8, #419ae7);
    color: #fff;
}
.dd-divider{display:none}
.nav-cta{background:var(--dkblue);color:var(--white);border:none;padding:0.8rem 2rem;border-radius:3px;cursor:pointer;font-family:var(--body);font-size:0.82rem;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;transition:background 0.2s;text-decoration:none;display:inline-block;flex-shrink:0}

.nav-cta:hover{background:var(--blue)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--navy);transition:all 0.25s;border-radius:2px}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:105px;left:0;right:0;bottom:0;background:var(--white);z-index:190;overflow-y:auto;padding:1rem 5.5% 2rem;border-top:2px solid var(--teal2)}
.mobile-menu.open{display:block}
.mob-link{display:block;padding:0.8rem 0;font-size:0.9rem;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--borderl);transition:color 0.2s;font-weight: 600;}
.mob-link:hover{color:var(--dkblue)}
.mob-services-label{font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--navy));padding:1rem 0 0.4rem;font-weight:600}
.mob-svc-link{display:flex;align-items:center;gap:0.5rem;padding:0.55rem 0.5rem;font-size:0.84rem;color:var(--navy);text-decoration:none;border-radius:3px;transition:background 0.15s,color 0.15s}
.mob-svc-link:hover{background:var(--off);color:var(--dkblue)}
.mob-svc-icon{width:24px;text-align:center;font-size:0.9rem}


/* css */

.has-dropdown > a{
    display:flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#222;
    font-weight:600;
}

.arrow{
    width:8px;
    height:8px;
    border-right:2px solid var(--navy);
    border-bottom:2px solid var(--navy);
    transform:rotate(45deg);
    transition:.3s ease;
    margin-top:-4px;
}

.has-dropdown:hover .arrow{
    transform:rotate(225deg);
}


/* ── HERO ── */

.hero{
	display:flex;
	align-items:center;
	padding:0px 5.5% 0px;
	position:relative;
	overflow:hidden
}

.hero-inner{max-width:650px}

.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#1565c0;font-size:0.76rem;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;margin-bottom:1rem}

.hero-eyebrow::before{content:'';display:block;width:26px;height:1px;background:#1565c0}

.hero h1{
	font-family:var(--display);
	font-size:clamp(2rem,3.8vw,3.2rem);
	font-weight:600;
	line-height:1.14;
	color:rgb(0, 0, 0);
	margin-bottom:1.4rem
}

.hero h1 em{font-style:normal;color:rgb(0, 0, 0);}

.hero-sub{font-size:1.02rem;color:#3e3d3d;font-weight:300;max-width:650px;line-height:1.82;margin-bottom:1rem}

.hero-tagline{font-family:var(--display);font-size:1.4rem;font-style:italic;color:#1565c0;letter-spacing:0.02em;margin-bottom:2rem}

.hero-tagline strong{color:#1565c0;font-style:normal;font-weight:600}

.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}

.hero-stats{
	/* position:absolute; */
	right:5.5%;bottom:12%;
	display:flex;flex-direction:column;gap:1.8rem}
.stat{text-align:right}
.stat-num{font-family:var(--display);font-size:2.3rem;font-weight:700;color:var(--dkblue);line-height:1}
.stat-num span{color:var(--dkblue)}
.stat-label{font-size:0.7rem;color:var(--textsub);letter-spacing:0.12em;text-transform:uppercase;margin-top:3px}

/* ===========================
   Banner Section
=========================== */

.banner-section{
    position:relative;
    width:100%;
    height:70vh;
    overflow:hidden;
	margin-top:105px;
}

/* ===========================
   Swiper Slider
=========================== */

.heroSlider{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
}

.heroSlider .swiper-wrapper,
.heroSlider .swiper-slide{
    width:100% !important;
    height:100%;
}

.swiper-slide{
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
}

/* Background Images */

.slide1{
    background-image:url("../images/banner1.jpg");
}

.slide2{
    background-image:url("../images/banner2.jpeg");
}

.slide3{
    background-image:url("../images/banner3.jpg");
}

/* Dark Overlay */

/* .banner-section::before{ */
    /* content:""; */
    /* position:absolute; */
    /* inset:0; */
    /* background:rgba(0,0,0,.45); */
    /* z-index:2; */
    /* pointer-events:none; */
/* } */

/* ===========================
   Content
=========================== */

.ban{
    position:absolute;
    inset:0;
    z-index:5;
    display:flex;
    align-items:center;

    /* IMPORTANT */
    pointer-events:none;
}

.hero{
    width:100%;
}

.banner-content{
    width:100%;
    margin:auto;
    pointer-events:none;
}

.banner-hero{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:60px;
}

.hero-inner{
    max-width:700px;
    pointer-events:auto;
}

.hero-stats{
    pointer-events:auto;
}

/* Buttons */

.hero-actions{
    display:flex;
    gap:20px;
    margin-top:30px;
    pointer-events:auto;
}

.btn-primary,
.btn-ghost{
    pointer-events:auto;
}

/* ===========================
   Swiper Navigation
=========================== */

.swiper-button-prev,
.swiper-button-next{
    color:#fff !important;
    z-index:100 !important;
    width:50px;
    height:50px;
}

.swiper-button-prev{
    left:25px;
}

.swiper-button-next{
    right:25px;
}

/* ===========================
   Pagination
=========================== */

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 14px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 14px)) !important;
	 background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;
	opacity:1 !important;
}
.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background:var(--org) !important;
}
.swiper-pagination{
    bottom:30px !important;
    z-index:100 !important;
}

.swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff;
    opacity:1 !important;
}

.swiper-pagination-bullet-active{
    opacity:1;
    background:#0d6efd;
}

/* ===========================
   Responsive
=========================== */

@media(max-width:992px){

.banner-hero{
    flex-direction:column;
    align-items:flex-start;
    gap:30px;
}

.hero-inner{
    max-width:100%;
}

.hero-stats{
    width:100%;
}

}

@media(max-width:768px){

.swiper-button-prev,
.swiper-button-next{
    display:none;
}


}



/* ── TRUST BAR ── */
.trust-bar{background:var(--off2);border-bottom:1px solid var(--border);padding:1.2rem 5.5%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.trust-label{font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.trust-items{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
.trust-item{font-size:0.82rem;font-weight:500;color:var(--textsub)}

/* ── SECTIONS ── */
section{padding:4rem 5.5%}
.section-eyebrow{font-size:1rem;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--dkblue);margin-bottom:0.3rem}
.section-title{
	background: linear-gradient(to right, #2d337f 40%, #07e5e8 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-family:var(--display);
	font-size:40px;
	font-weight:600;
	color:var(--text);
	line-height: 3rem;
	margin-bottom:0.5rem
}
.section-sub{font-size:15px;
color:var(--textsub);
/* max-width:1150px; */
line-height:1.5}
.section-head{margin-bottom:1.5rem}


/* ── SERVICES GRID ── */
.services-section{background:var(--off)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
/* background:var(--border) */
}
.service-card{background:var(--white);padding:2.1rem 1.9rem;position:relative;overflow:hidden;transition:background 0.22s,box-shadow 0.22s;display:flex;flex-direction:column;text-decoration:none;color:inherit;
border-left: 4px solid transparent;
    border-image: linear-gradient(#468be3, #d1e7df) 1;
	}
/* .service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#549fff,#ffd141);transform:scaleX(0);transform-origin:left;transition:transform 0.3s} */

/* .service-card:hover::after{transform:scaleX(1)} */
.service-card:hover{box-shadow:0 4px 24px rgba(12,35,64,0.06)}

/* .svc-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.1rem;flex-shrink:0} */

.svc-icon img{height:52px;}

.svc-icon.blue{background:var(--sky2)}
.svc-icon.teal{background:var(--teallt)}
.service-card h3{margin-bottom:0.55rem;color: #3a67bd;}
/* .service-card p{color:var(--textsub);flex:1} */
.svc-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1rem}
.svc-tag {
    font-size: 12px;
  font-weight: 500;
  color: #0081e7;
  background: #f6fbff;
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid #84c8ff;
}
.card-cta{display:inline-flex;align-items:center;gap:0.3rem;margin-top:1rem;font-size:0.79rem;font-weight:500;color:#0356b5;transition:gap 0.2s}
.card-cta::after{content:'→'}
.card-cta:hover{gap:0.55rem}
.consulting-pills{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1rem}
.c-pill{background:var(--sky);border:1px solid var(--sky2);color:var(--blue);padding:0.28rem 0.7rem;border-radius:3px;font-size:10px;font-weight:500;letter-spacing:0.04em}

/* ── WHY ── */
.why-section{background:var(--white)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.why-card{border:1px solid #5b9bd5;border-radius:6px;padding:1.9rem 1.7rem;background:var(--white);transition:border-color 0.25s,box-shadow 0.25s,background 0.25s}
.why-num{font-family:var(--display);font-size:2.1rem;font-weight:600;color:var(--org);line-height:1;margin-bottom:0.85rem}
.why-card h3{color:var(--nxblue);margin-bottom:0.5rem}

.why-card:hover {
    border-color: transparent;
    /* box-shadow: 0 4px 20px rgba(11, 139, 122, 0.08); */
    background: var(--teallt);
    background: linear-gradient(90deg, #176ac8, #419ae7);
    /* transform: scaleX(0); */
    /* transform-origin: left; */
    transition: transform 0.3s;
	color:#fff;
}
.why-card:hover h3, .why-card:hover p {color:#fff;}

/* ── PROOF STRIP ── */

.proof-strip {
    position: relative;
    height: 100%;
    overflow: hidden;
    background:#fff;
}
/* .proof-strip::before { */
    /* content: ""; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* background: rgba(0, 0, 0, 0.6); */
    /* z-index: 1; */
/* } */

.proof-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.proof-block{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#fff;
    text-align:center;
}


.proof-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,0.08)}
.proof-stat{background:linear-gradient(to right, #e8f0ff 30%, #f2f6ff 80%); padding:2rem 1.6rem;text-align:center;transition:background 0.2s}
.proof-stat:hover{background:linear-gradient(to right, #f2f6ff 30%, #e8f0ff 80%)}
.proof-icon {
    margin-bottom: 10px;
}
.proof-icon img{height:60px;}
.proof-num{font-family:var(--display);font-size:2.5rem;font-weight:600;color:#f5a623;line-height:1;margin-bottom:0.35rem}
.proof-num span{color:#f5a623}
.proof-lbl{color:#3a67bd;margin-bottom:0.3rem}
/* .proof-sub{color:#fff;} */


	
/* ── INDUSTRIES ── */
.industries-section{
	 background: radial-gradient(circle at 6% 4%, rgba(255, 229, 196, 0.4) 0%, transparent 24%), radial-gradient(circle at 0% 88%, rgba(224, 223, 255, 0.70) 0%, transparent 28%), radial-gradient(circle at 88% 92%, rgba(255, 230, 203, 0.4) 0%, transparent 30%), radial-gradient(circle at 72% 88%, rgba(232, 229, 255, 0.55) 0%, transparent 26%), linear-gradient(180deg, #ffffff 0%, #ffffff 48%, #fdfdfd 100%);
    background-size: cover;
    background-position: center;
}

.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.industry-card{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:1rem;transition:border-color 0.22s,box-shadow 0.22s,background 0.22s;cursor:default;position:relative;overflow:hidden}
.industry-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#468be3, #d1e7df);transform:scaleX(0);transform-origin:left;transition:transform 0.3s}
.industry-card:hover::before{transform:scaleX(1)}
.industry-card:hover{border-color:#5b9bd5;box-shadow:0 4px 16px rgba(11,139,122,0.08);background:#FAFEFE}
.ind-card-icon{ margin-bottom:10px;}
.ind-card-icon img {
    width: 100%;
    height:100%;
	border-radius: 6px;
}
.ind-card-name{color:var(--nxblue);margin-bottom:0.35rem}




/* ── APPROACH ── */
.service-models-section{background:var(--off)}
.approach-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:0;position:relative}
.approach-steps::before{content:'';position:absolute;top:26px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--teal2),var(--blue2),transparent);z-index:0}
.step{padding:0 1.2rem;text-align:center;position:relative;z-index:1}
.step-dot{width:52px;height:52px;border-radius:50%;background:var(--white);border:2px solid var(--teal2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--teal2)}
.step h4{font-size:0.855rem;font-weight:600;color:var(--navy);margin-bottom:0.38rem}
.step p{font-size:0.79rem;color:var(--textsub);line-height:1.65}

/* ── SERVICE MODELS ── */
.service-models-section{
	background: radial-gradient(circle at 6% 4%, rgba(255, 229, 196, 0.4) 0%, transparent 24%), radial-gradient(circle at 0% 88%, rgba(224, 223, 255, 0.70) 0%, transparent 28%), radial-gradient(circle at 88% 92%, rgba(255, 230, 203, 0.4) 0%, transparent 30%), radial-gradient(circle at 72% 88%, rgba(232, 229, 255, 0.55) 0%, transparent 26%), linear-gradient(180deg, #ffffff 0%, #ffffff 48%, #fdfdfd 100%);
    background-size: cover;
    background-position: center;
}

.sm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.sm-card{
	background:var(--white);
	/* box-shadow: 3px 3px 8px -7px #000; */
	box-shadow:0 4px 25px rgba(11,139,122,0.07);
	border:1px solid var(--border);
	border-radius:6px;
	padding:2rem 1.8rem;
	/* transition:border-color 0.22s,box-shadow 0.22s; */
	}
.sm-card:hover{
	 background: var(--teallt);
    background: linear-gradient(90deg, #176ac8, #419ae7);
	transition: transform 0.3s;
    color: #fff;
	 border-color: transparent;
}
.sm-icon{font-size:2.8rem;margin-bottom:1rem}
.sm-card h3{color:var(--nxblue);margin-bottom:0.35rem}
.sm-card .sm-sub{font-size:0.7rem;font-weight:600;letter-spacing:0.06em;color:#f5a623;text-transform:uppercase;margin-bottom:0.9rem}
.sm-card:hover h3, .sm-card:hover p {
    color: #fff;
}




.sm-list{list-style:none;display:flex;flex-direction:column;gap:0.6rem}
.sm-list li{font-size:0.835rem;color:var(--textsub);line-height:1.65;padding-left:1rem;position:relative}
.sm-list li::before{content:'▸';position:absolute;left:0;color:var(--teal2);font-size:0.7rem;top:3px}
.sm-list li strong{color:var(--navy);font-weight:600}
.sm-learn-more{margin-top:2rem}

.sm-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--dkblue);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid var(--dkblue);
    padding: 12px 20px;
    transition: border-color 0.2s, gap 0.2s;
    border-radius: 50px;
}
.sm-link:hover{background:var(--dkblue); color:#fff;border-color:var(--dkblue);gap:0.75rem}
.sm-link span{transition:transform 0.2s}
.sm-link:hover span{transform:translateX(3px)}

@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}.proof-inner{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:991px){nav{padding:0 4%}.nav-links,.nav-cta{display:none}.hamburger{display:flex}.hero-stats{display:none}.service-models-section .approach-steps::before{display:none}.}

@media(max-width:768px){.services-grid{grid-template-columns:1fr}.proof-inner{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}}




/* ── CTA ── */
.cta-band{
	 /* background: radial-gradient(circle at 82% 72%, rgba(38, 32, 91, 0.95) 0%, transparent 38%), radial-gradient(circle at 18% 18%, rgba(25, 24, 58, 0.75) 0%, transparent 34%), radial-gradient(circle at 76% 8%, rgba(28, 18, 6, 0.55) 0%, transparent 34%), radial-gradient(circle at 34% 86%, rgba(7, 11, 18, 0.9) 0%, transparent 40%), linear-gradient(135deg, #020204 0%, #090811 36%, #111026 64%, #211b55 100%); */
     background-image: linear-gradient(135deg, #f5f7fa 0%, #d3dcea 100%);
    background-size: cover;
    background-position: center;padding:4rem 5.5%;text-align:center;border-top:none;
	color:#fff;
}
.cta-band h2{
	background: linear-gradient(to right, #2d337f 40%, #07e5e8 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-family:var(--display);
	font-size:40px;
	font-weight:600;
	margin-bottom:5px;
}
.cta-band p{margin-bottom:1.9rem;}

.cta-band .btn-primary{
	color:#fff;
	background:var(--dkblue);
}
.cta-band .btn-primary:hover{background:var(--white); color:#000;}
.cta-band .btn-ghost{
	color:#fff;
	background:var(--org);
	border:0;
	
	/* color:rgba(255,255,255,0.8);border-color:rgba(255,255,255,0.25) */
	}
	
.cta-band .btn-ghost:hover{background:var(--white); color:#000;}

/* ── FOOTER ── */
/* FOOTER */
.footer-main{background:#1c1b1b;padding:4rem 5.5% 1.5rem}
.footer-grid{
	display:grid;
	/* grid-template-columns:repeat(4,1fr);  */
	grid-template-columns:60% 1fr 1fr;
	gap:6rem;
	margin-bottom:3rem
}
.flogo-bar {
    margin-bottom: 15px;
}
.footer-brand {
    margin-right:30px;
}
.footer-logo {
    width:155px;
}

.footer-brand p{color:#fff;}
.footer-logo-txt{font-family:var(--display);font-size:1.3rem;font-weight:700;color:var(--white)}
.footer-logo-txt span{color:var(--teal2)}
.footer-tagline{font-size:0.75rem;color:rgba(255,255,255,0.3);letter-spacing:0.06em;font-style:italic;margin-top:0.2rem}
.footer-contact-items{display:flex;flex-direction:column;gap:0.1rem;margin-top: 10px;}
.footer-contact-item{display:flex;align-items:flex-start;gap:0.6rem}
.footer-contact-item span:first-child{color:var(--teal2);font-size:0.9rem;flex-shrink:0;margin-top:1px}
.footer-contact-item a,.footer-contact-item p{font-size:15px;color:#fff;text-decoration:none;line-height:1.78;transition:color 0.2s}

.footer-contact-item a:hover{color:var(--org)}
.footer-col h4{font-size:0.72rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--org);margin-bottom:1.1rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.55rem}
.footer-col ul a{font-size:15px;color:#fff;text-decoration:none;transition:color 0.2s}
.footer-col ul a:hover{color:var(--org)}
.footer-evfy{margin-top:1.2rem}
.footer-evfy img{height:40px;opacity:0.8;filter:brightness(0) invert(1)}
.footer-bottom{text-align:center; border-top:1px solid rgba(255,255,255,0.07);padding-top:1.5rem;}
.footer-copy{font-size: 0.84rem;color:#fff;}

/* ----------------------------------------------- */
	/* INNER PAGES COMMON CSS */
/* ----------------------------------------------- */


/* INNER PAGEs BANNER CSS */

.page-hero {
    margin-top: 105px;
    background-image: url(../images/banner1.jpg);
    padding: 70px 5.5% 70px;
    position: relative;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.qua-banner{
	background-image:url(../images/ai-assisted-quality-engineering.jpg);
}
.ai-eng-banner{
	background-image:url(../images/ai-engineering-genai.jpg);
}
.cloud-banner{
	background-image:url(../images/cloud-engineering.jpg);
}
.consulting-banner{
	background-image:url(../images/consulting-professional-services.jpg);
}
.data-banner{
	background-image:url(../images/data-engineering.jpg);
}
.auto-banner{
	background-image:url(../images/enterprise-automation.jpg);
}
.migration-banner{
	background-image:url(../images/sap-data-migration.jpg);
}
.isu-banner{
	background-image:url(../images/sap-is-u-solutions.jpg);
}
.service-banner{
	background-image:url(../images/serviecs.jpg);
}
.smodel-banner{
	background-image:url(../images/service-models.jpg);
}
.industry-banner{
	background-image:url(../images/industries.jpg);
}
.contact-banner{
	background-image:url(../images/contact-us.jpg);
}
.why-banner{
	background-image:url(../images/why-us.jpg);
}

.hero-breadcrumb{display:flex;align-items:center;gap:0.4rem;margin-bottom:1.5rem;font-size:1rem;}
.hero-breadcrumb a{color:#fff; text-decoration:none}
.hero-breadcrumb a:hover{color:#fff;}
.hero-breadcrumb span{color:#fff;}
.page-hero-eyebrow{font-size:0.85rem;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:#1ec1f6;margin-bottom:1rem;display:flex;align-items:center;gap:10px}
.page-hero-eyebrow::before{content:'';display:block;width:24px;height:1px;background:#1ec1f6}
.page-hero h1{font-family:var(--display);font-size:clamp(2rem,2.8vw,3rem);font-weight:600;color:rgb(255, 255, 255);line-height:1.18;margin-bottom:1rem;max-width:900px}
.page-hero h1 em{font-style:normal;color:rgb(255, 255, 255); }
.page-hero p{font-size:1rem;color:#c8c8c8;max-width:760px;line-height:1.82}



/* .btn-hero-primary{background:var(--accentmd,var(--teal2));color:var(--white);padding:0.78rem 1.8rem;border-radius:4px;font-family:var(--body);font-size:0.87rem;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;text-decoration:none;display:inline-block;transition:opacity 0.2s,transform 0.15s} */
/* .btn-hero-primary:hover{opacity:0.88;transform:translateY(-1px)} */
/* .btn-hero-ghost{background:transparent;color:rgba(255,255,255,0.75);padding:0.78rem 1.8rem;border-radius:4px;border:1px solid rgba(255,255,255,0.2);font-family:var(--body);font-size:0.87rem;letter-spacing:0.04em;text-transform:uppercase;text-decoration:none;display:inline-block;transition:border-color 0.2s,color 0.2s} */
/* .btn-hero-ghost:hover{border-color:rgba(255,255,255,0.5);color:var(--white)} */


/* .page-hero{--accent:#4A1080;--accentlt:#F3E8FF;--accentmd:#8E44AD} */
/* .btn-hero-primary{background:#8E44AD} */
	
	
/* --------------------------------------------------*/
	/* SERVICE PAGE COMMON CSS */
/* --------------------------------------------------*/


/* ── FEATURE BULLETS ── */
.features{display:flex;flex-direction:column;gap:0.7rem;margin-bottom:2rem}
.feature{display:flex;align-items:flex-start;gap:0.75rem}

.feature-dot{width:20px;height:20px;border-radius:50%;background:var(--bgorg);border:1.5px solid #bfd2e7;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}

.feature-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:#1565c0}
.feature p{}
.feature p strong{font-weight:600;color:var(--navy)}


/* ── IMPACT STATS ── */
.impact-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}

.impact-stat{flex:1;min-width:100px;background:var(--white);border:1px solid var(--border);border-top:3px solid var(--dkblue);border-radius:4px;padding:1rem;text-align:center}

.impact-num{font-family:var(--display);font-size:1.6rem;font-weight:700;color:var(--navy);line-height:1}
.impact-num span{color:var(--org)}
.impact-lbl{font-size:0.7rem;color:#4C596A;letter-spacing:0.06em;text-transform:uppercase;margin-top:3px}

/* ── USE CASE CARD ── */
.use-case-card{
	border-left: 5px solid transparent;
    border-image: linear-gradient(#468be3, #d1e7df) 1;
position:relative;background:#fff;border-radius:6px;padding:1.6rem;margin-bottom:1.5rem;}

.use-case-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#549fff,#ffd141);transform:scaleX(0);transform-origin:left;transition:transform 0.3s}


.uc-label{font-size:0.85rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#000;margin-bottom:0.5rem;margin-top: 0.8rem;}
.uc-title{font-family:var(--display);font-size:18px;font-weight:600;color:var(--navy);margin-bottom:0.6rem}
/* .uc-body{font-size:0.84rem;color:var(--textsub);line-height:1.78} */

.uc-outcome{display:inline-flex;align-items:center;gap:0.45rem;margin-top:0.9rem;font-size:0.85rem;font-weight:500;color:var(--white);background:#409ef0;padding:0.3rem 0.8rem;border-radius:3px}

.uc-outcome::before{content:'✓';font-weight:700}

/* ── DELIVERABLES ── */
.deliverables {
    background: linear-gradient(90deg, #F0F8FF, #d8e5f1);
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 1.4rem 1.6rem;
    color: #fff;
}
.del-label{font-size:1rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:#409ef0;margin-bottom:0.9rem}
.del-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}
.del-item{color:#141414;display:flex;align-items:center;gap:0.4rem}
.del-item::before{content:'·';color:#141414;font-weight:700;font-size:1.1rem;line-height:1}

@media(max-width:960px){.del-grid{grid-template-columns:1fr}.impact-row{flex-wrap:wrap}}


/* Two col layout */
.svc-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;padding:4rem 5.5%;border-bottom:1px solid var(--borderl)}
.svc-inner:nth-child(even){background:var(--off);direction:rtl}
.svc-inner:nth-child(even)>*{direction:ltr}
.svc-inner:nth-child(odd){background:var(--white)}
.svc-eyebrow{font-size:0.85rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--accentmd,var(--dkblue));margin-bottom:0.6rem}
.svc-title{
	background: linear-gradient(to right, #2d337f 40%, #07e5e8 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-family:var(--display);
	font-size:34px;
	font-weight:500;
	color:var(--text);
	line-height:1.22;
	margin-bottom:0.9rem
}
.svc-lead{margin-bottom:1.8rem}
.svc-divider{width:40px;height:2px;margin-bottom:1.8rem;background:linear-gradient(90deg,var(--dkblue,var(--lite)))}



/* --------------------------------------------------------- */
	/* SERVICE CONSULTING PAGE CSS */
/* --------------------------------------------------------- */

/* STAFFING SECTION — full-width with process flow */
.staffing-section{background:#fafbff;padding:4rem 5.5%;border-bottom:1px solid var(--border)}
/* .staffing-section .svc-eyebrow{color:var(--teal2)} */
/* .staffing-section .svc-title{color:var(--navy)} */
/* .staffing-section .svc-lead{color:var(--textsub)} */
/* .staffing-section .svc-divider{background:linear-gradient(90deg,var(--teal2),var(--blue2))} */
.staffing-top{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-bottom:3.5rem}
/* .staffing-section .feature-dot{background:var(--teallt);border-color:var(--teal2)} */
/* .staffing-section .feature-dot::after{background:var(--teal2)} */
/* .staffing-section .feature p{color:var(--text)} */
/* .staffing-section .feature p strong{color:var(--navy)} */
/* .staffing-section .svc-tag{background:var(--sky);border-color:var(--sky2);color:var(--blue)} */
.staffing-section .svc-cta{color:var(--teal2);border-bottom-color:var(--teallt)}
.staffing-section .svc-cta:hover{border-bottom-color:var(--teal2)}


/* Process flow */
.process-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:3rem}
.process-flow::before{content:'';position:absolute;top:26px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--teal2),var(--teal2),transparent);z-index:0}
.pf-step{text-align:center;position:relative;z-index:1;padding:0 0.8rem}
.pf-dot{width:52px;height:52px;border-radius:50%;background:var(--white);border:2px solid #50d6ff;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-family:var(--display);font-size:1.1rem;font-weight:700;color:#207dd7}
.pf-step h4{font-size:18px;font-weight:600;color:var(--nxblue);margin-bottom:0.35rem}

/* Skill pills grid */
.skills-section{background:var(--stone);padding:4rem 5.5%;border-bottom:1px solid var(--border)}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}
.skill-group{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:1.4rem 1.5rem}
.skill-group-label{font-size:15px;line-height: 18px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color: var(--navy);margin-bottom:0.9rem}
.skill-pills{display:flex;flex-wrap:wrap;gap:0.4rem}
.skill-pill{font-size:12px;font-weight:500; line-height: 16px; color:#005799;background:#edf7ff;border:1px solid #84c8ff;padding:0.25rem 0.65rem;border-radius:3px}



/* --------------------------------------------------------- */
	/* WHY US PAGE CSS */
/* --------------------------------------------------------- */


/* PILLARS */
.pillars-section{background:var(--white)}
.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.pillar-card{border:1px solid var(--borderl);border-radius:8px;padding:2.2rem 2rem;background:var(--white);transition:border-color 0.25s,box-shadow 0.25s,background 0.25s;position:relative;overflow:hidden}
.pillar-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#468be3, #d1e7df); transform:scaleX(0);transform-origin:left;transition:transform 0.3s}
.pillar-card:hover::before{transform:scaleX(1)}

.pillar-card:hover{border-color:#5b9bd5;box-shadow:0 6px 28px rgba(11,139,122,0.08);background:#fff;}
.pillar-num{font-family:var(--display);font-size:2.2rem;font-weight:600;color:var(--org);line-height:1;margin-bottom:0.8rem}
.pillar-card h3{color:var(--nxblue);margin-bottom:0.7rem}
.pillar-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1.1rem}
.pillar-tag{font-size: 12px;
  font-weight: 500;
  color: #0081e7;
  background: #edf7ff;
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid #84c8ff;}


/* DIFFERENTIATORS */
.diff-section{background:var(--off)}
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
/* .diff-content h2{font-family:var(--display);font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:700;color:var(--navy);margin-bottom:1rem;line-height:1.25} */
.diff-content p{margin-bottom:1.5rem}
.diff-list{display:flex;flex-direction:column;gap:0.8rem}
.diff-item{display:flex;align-items:flex-start;gap:0.8rem}
.diff-check{width:22px;height:22px;border-radius:50%;background:var(--bgorg);border:1.5px solid #bfd2e7;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:0.7rem;color:#1565c0;font-weight:700}


.diff-item p strong{color:var(--navy);font-weight:600}
.diff-visual{background-image: radial-gradient(circle at 6% 4%, rgba(255, 229, 196, 0.4) 0%, transparent 24%), radial-gradient(circle at 0% 88%, rgba(224, 223, 255, 0.70) 0%, transparent 28%), radial-gradient(circle at 88% 92%, rgba(255, 230, 203, 0.4) 0%, transparent 30%), radial-gradient(circle at 72% 88%, rgba(232, 229, 255, 0.55) 0%, transparent 26%), linear-gradient(180deg, #ffffff 0%, #ffffff 48%, #fdfdfd 100%);border-radius:8px;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.2rem}
.diff-stat-row{display:flex;align-items:center;gap:1rem}
.diff-stat-bar-wrap{flex:1;background:rgba(255,255,255,0.08);border-radius:3px;height:6px;overflow:hidden}
.diff-stat-bar{height:6px;border-radius:3px;background: linear-gradient(90deg, #176ac8, #419ae7);}
.diff-stat-label{font-size:0.84rem;color:#1565c0;min-width:120px}
.diff-stat-val{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--white);min-width:44px;text-align:right}
.diff-stat-val span{color:var(--teal2)}


/* RESEARCH STRIP */
.research-strip{background:var(--stone);padding:4rem 5.5%}
.research-inner{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}
.research-label{font-size:0.7rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal2);margin-bottom:0.8rem}
.research-title{font-family:var(--display);font-size:1.6rem;font-weight:700;color:var(--navy);line-height:1.25;margin-bottom:0.8rem}
.research-sub{font-size:0.9rem;color:var(--textsub);line-height:1.8}
.pub-list{display:flex;flex-direction:column;gap:1rem}
.pub-card{background:var(--white);border-left: 4px solid transparent;
    border-image: linear-gradient(#468be3, #d1e7df) 1;border-radius:4px;padding:1.2rem 1.4rem}
.pub-type{font-size:0.8rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--org);margin-bottom:0.35rem}
.pub-title{font-size:18px;font-weight:600;color:var(--navy);line-height:1.4;margin-bottom:0.25rem}
.pub-journal{font-size:0.9rem;color:#141414;font-style:italic}


.mission-sec{background:var(--stone);border-top:1px solid var(--border);padding:4rem 5.5%;}
.mission-block{
	display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start
}
.mission-title {
    font-size: 26px;
    line-height: 33px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #03224a;
	
}


/* --------------------------------------------------------- */
	/* CONTACT PAGE CSS */
/* --------------------------------------------------------- */


/* MAIN CONTACT SECTION */
.contact-main{display:grid;grid-template-columns:1fr 1.5fr;gap:0;min-height:600px}

/* LEFT PANEL */
.contact-info{background:var(--off);padding:4rem 3.5rem;display:flex;flex-direction:column;gap:2.5rem;border-right:1px solid var(--border)}
.info-label{font-size:0.7rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal2);margin-bottom:0.5rem}
.info-block h3{
	background: linear-gradient(to right, #2d337f 40%, #07e5e8 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-family:var(--display);font-size:1.35rem;font-weight:500;color:var(--navy);line-height:1.3;margin-bottom:0.6rem}

.contact-item{display:flex;align-items:flex-start;gap:1rem}
.contact-icon{width:42px;height:42px;border-radius:8px;background:var(--white);border:1px solid transparent;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;margin-top:2px}
.contact-item-content{}
.contact-item-label{font-size:0.7rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);margin-bottom:0.3rem}
.contact-item-value{font-size:0.95rem;font-weight:500;color:var(--navy);line-height:1.4}
.contact-item-value a{color:var(--dkblue);text-decoration:none;transition:color 0.2s}
.contact-item-value a:hover{color:#0DCCBB}

.divider-line{height:1px;background:var(--border)}

.response-box{background:var(--teallt);border:1px solid var(--teal2);border-radius:6px;padding:1.3rem 1.4rem}
.response-box p{font-size:0.83rem;color:var(--textsub);line-height:1.7}
.response-box strong{color:var(--teal)}

/* RIGHT PANEL — FORM */
.contact-form-wrap{background:var(--white);padding:4rem 3.5rem}
.form-title{font-family:var(--display);font-size:1.6rem;font-weight:700;color:var(--navy);margin-bottom:0.5rem}
.form-sub{font-size:0.9rem;color:var(--textsub);margin-bottom:2.2rem;line-height:1.65}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}
.form-group{display:flex;flex-direction:column;gap:0.4rem}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:0.78rem;font-weight:600;color:var(--navy);letter-spacing:0.03em}
.form-group label .req{color:var(--teal2)}
.form-group input,.form-group select,.form-group textarea{
  font-family:var(--body);font-size:0.88rem;color:var(--text);
  background:var(--off);border:1px solid var(--border);border-radius:4px;
  padding:0.72rem 1rem;outline:none;
  transition:border-color 0.2s,background 0.2s;
  width:100%;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal2);background:var(--white);box-shadow:0 0 0 3px rgba(15,168,148,0.1)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}
.form-group textarea{resize:vertical;min-height:120px}
.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237E92AB' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}

.form-submit{margin-top:1.5rem}
.submit-btn{width:100%;background:var(--dkblue);color:var(--white);border:none;padding:1rem 2rem;border-radius:4px;font-family:var(--body);font-size:0.92rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;transition:background 0.2s,transform 0.15s;display:flex;align-items:center;justify-content:center;gap:0.6rem}
.submit-btn:hover{background:var(--blue);transform:translateY(-1px)}
.submit-btn::after{content:'→';font-size:1rem}
.form-note{font-size:0.77rem;color:var(--muted);margin-top:0.8rem;text-align:center;line-height:1.6}

/* SUCCESS STATE */
.form-success{display:none;text-align:center;padding:3rem 2rem}
.form-success .success-icon{font-size:3rem;margin-bottom:1rem}
.form-success h3{font-family:var(--display);font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:0.6rem}
.form-success p{font-size:0.9rem;color:var(--textsub);line-height:1.7}


/* TOPIC CARDS */
.topics-section{background:var(--off);}
.topics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2rem}
.topic-card{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:1.6rem 1.5rem;transition:border-color 0.22s,box-shadow 0.22s}
.topic-card:hover{border-color:#4192ed;box-shadow:0 4px 16px rgba(11,139,122,0.07)}
.topic-icon{font-size:2rem;margin-bottom:0.5rem}
.topic-card h4{font-size:17px;font-weight:600;color:var(--nxblue);margin-bottom:0.4rem}

/* MAP STRIP */
/* .map-strip{background:var(--stone);padding:4rem 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} */

.map-info h3{font-family:var(--display);font-size:1.3rem;font-weight:700;color:var(--navy);margin-bottom:1rem}
.map-detail{display:flex;align-items:flex-start;gap:0.8rem;margin-bottom:0.9rem}
.map-detail-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}
.map-detail-text{font-size:0.88rem;color:var(--textsub);line-height:1.65}
.map-detail-text strong{color:var(--navy);display:block;font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:2px}
.map-frame{border-radius:8px;overflow:hidden;border:1px solid var(--border);height:480px;background:var(--off2);display:flex;align-items:center;justify-content:center}
.map-placeholder{text-align:center;padding:2rem}
.map-placeholder p{font-size:0.85rem;color:var(--muted);margin-top:0.5rem}
.map-link{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.8rem;font-size:0.83rem;font-weight:500;color:var(--teal2);text-decoration:none;border-bottom:1px solid var(--teallt);padding-bottom:1px;transition:border-color 0.2s}
.map-link:hover{border-color:var(--teal2)}


@media(max-width:960px){.contact-main{grid-template-columns:1fr}.map-strip{grid-template-columns:1fr}.topics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.form-grid{grid-template-columns:1fr}.contact-info,.contact-form-wrap{padding:2.5rem 1.8rem}.topics-grid{grid-template-columns:1fr}}



/* --------------------------------------------------------- */
	/* SERVICE MODELS PAGE CSS */
/* --------------------------------------------------------- */


/* MODEL CARDS */
.models-section{background:var(--white)}
.model-block{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;padding:4rem 5.5%;border-bottom:1px solid var(--borderl)}
.model-block:nth-child(odd){background:var(--white)}
.model-block:nth-child(even){background:var(--off);direction:rtl}
.model-block:nth-child(even)>*{direction:ltr}
.model-icon-wrap{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}
.model-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}
.model-num{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--muted)}
.model-eyebrow{font-size:0.85rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--dkblue);margin-bottom:0.6rem}
.model-title{
	background: linear-gradient(to right, #2d337f 40%, #07e5e8 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-family:var(--display);font-size:34px;font-weight:500;color:var(--navy);line-height:1.22;margin-bottom:0.5rem}


.model-sub{font-size:0.9rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:#245c9b;margin-bottom:1rem}
.model-lead{margin-bottom:1.8rem}
.model-divider{width:40px;height:2px;background:linear-gradient(90deg,var(--dkblue,var(--lite)));margin-bottom:1.8rem}
/* .features{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:2rem} */
/* .feature{display:flex;align-items:flex-start;gap:0.75rem} */
/* .feature-dot{width:20px;height:20px;border-radius:50%;background:var(--teallt);border:1.5px solid var(--teal2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px} */
/* .feature-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal2)} */
/* .feature p{font-size:0.865rem;color:var(--text);line-height:1.68} */
/* .feature p strong{font-weight:600;color:var(--navy)} */
.model-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1.8rem}
.model-tag{font-size: 12px;
  font-weight: 500;
  color: #0081e7;
  background: #edf7ff;
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid #84c8ff;}

/* PANEL */
.model-panel{}
.talent-tiers{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}
.tier-card{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:1.4rem 1.5rem;border-top:3px solid var(--org)}
.tier-card:nth-child(2){border-top-color:var(--blue2)}
.tier-card:nth-child(3){border-top-color:var(--navy)}
.tier-label{font-size:1rem;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--org);margin-bottom:0.3rem}
.tier-card:nth-child(2) .tier-label{color:var(--blue2)}
.tier-card:nth-child(3) .tier-label{color:var(--navy)}
.tier-title{font-family:var(--display);font-size:18px;font-weight:600;color:var(--navy);margin-bottom:0.4rem}

.process-steps{display:flex;flex-direction:column;gap:0;background: linear-gradient(90deg, #f9fcff, #d8e5f1);;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.process-step{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border)}
.process-step:last-child{border-bottom:none}
.ps-num{font-family:var(--display);font-size:1.1rem;font-weight:600;color:#3e74df;width:24px;flex-shrink:0;margin-top:1px}
.ps-content h4{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:0.2rem}


.ms-pillars{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;margin-bottom:1rem}
.ms-pillar{background:#fff;border:1px solid var(--border);border-radius:5px;padding:1.1rem 1.2rem}
.ms-pillar-icon{font-size:2rem;margin-bottom:0.5rem}
.ms-pillar h4{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:0.25rem}




/* COMPARE TABLE */
.compare-section{background:var(--stone);padding:4rem 5.5%}
.compare-table{width:100%;border-collapse:collapse;margin-top:2rem}
.compare-table th{background:var(--navy);color:var(--white);padding:1rem 1.2rem;font-size:0.83rem;font-weight:600;letter-spacing:0.03em;text-align:left}
.compare-table th:first-child{border-radius:6px 0 0 0;background:var(--blue)}
.compare-table th:last-child{border-radius:0 6px 0 0}
.compare-table td{padding:0.9rem 1.2rem;font-size:0.84rem;color:var(--textsub);border-bottom:1px solid var(--border);background:var(--white)}
.compare-table tr:nth-child(even) td{background:var(--off)}
.compare-table td:first-child{font-weight:600;color:var(--navy)}
.check{color:var(--teal2);font-weight:700}
.dash{color:var(--muted)}

.engage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.engage-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:2rem 1.8rem;transition:border-color 0.25s,box-shadow 0.25s}
.engage-card:hover{border-color:#5b9bd5; box-shadow:0 4px 20px rgba(11,139,122,0.07)}
.engage-card--highlight{border-color:#39cbd6;}
.engage-num{font-family:var(--display);font-size:2rem;font-weight:600;color:var(--org);line-height:1;margin-bottom:0.8rem}
.engage-card h3{font-size:18px;font-weight:600;color:var(--nxblue);margin-bottom:0.6rem}
.engage-card p{font-size:0.855rem;color:var(--textsub);line-height:1.75}
.engage-card p strong{color:var(--navy);font-weight:600}
.engage-models{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-top:1.1rem}
.em-pill{font-size: 12px;
  font-weight: 500;
  color: #0081e7;
  background: #f6fbff;
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid #84c8ff;}
.em-arrow{color:var(--lite);font-weight:700;font-size:0.9rem}


@media(max-width:960px){.model-block{grid-template-columns:1fr;gap:2.5rem}.model-block:nth-child(even){direction:ltr}.ms-pillars{grid-template-columns:1fr}}


/* ----------------------------------------------------- */
	/* INDUSTRIES PAGE CSS */
/* ----------------------------------------------------- */


.ind-section{padding:5rem 5.5%;border-bottom:1px solid var(--borderl)}
.ind-section:nth-child(odd){background:var(--white)}
.ind-section:nth-child(even){background:var(--off)}

/* INDUSTRY GRID */
.ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
.ind-grid.flip{direction:rtl}
.ind-grid.flip>*{direction:ltr}
.ind-eyebrow{font-size:0.85rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#245c9b;margin-bottom:0.3rem}
.ind-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1rem}
.ind-title{font-family:var(--display);font-size:clamp(1.4rem,2vw,1.9rem);font-weight:700;color:var(--text);line-height:1.22;margin-bottom:0.9rem}
.ind-divider{width:40px;height:2px;background:linear-gradient(90deg,var(--dkblue,var(--lite)));margin-bottom:1.4rem}
.ind-lead{margin-bottom:1.6rem}
.ind-services{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1.6rem}
.ind-svc{font-size: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #0081e7;
  background: #f6fbff;
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid #84c8ff;}
.challenges{display:flex;flex-direction:column;gap:0.6rem}
.challenge{display:flex;align-items:flex-start;gap:0.7rem}
.ch-dot{width:18px;height:18px;border-radius:50%;background:var(--bgorg);border:1.5px solid #bfd2e7;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.ch-dot::after{content:'';width:5px;height:5px;border-radius:50%;background:#1565c0}
.challenge p strong{font-weight:600;color:var(--navy)}

/* PANEL */
.ind-panel{}
.ind-use-case{
	border:1px solid var(--borderl); border-left: 5px solid transparent;
    border-image: linear-gradient(#468be3, #d1e7df) 1;border-radius:6px;padding:1.6rem;margin-bottom:1.4rem}

.ind-panel-icon img{
	width:100%; 
	height:180px; 
	object-fit:cover; 
	object-position:top; 
	border-radius:6px;
}


/* <!-- .uc-label{font-size:0.85rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-bottom:0.4rem} --> */
/* <!-- .uc-title{font-family:var(--display);font-size:18px;font-weight:600;color:var(--nxblue);margin-bottom:0.55rem} --> */
/* <!-- .uc-body{font-size:0.835rem;color:var(--textsub);line-height:1.75} --> */
/* <!-- .uc-outcome{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.8rem;font-size:0.77rem;font-weight:500;color:var(--white);background:var(--org);padding:0.28rem 0.75rem;border-radius:3px} --> */
/* <!-- .uc-outcome::before{content:'✓';font-weight:700} --> */


.reg-box{background: linear-gradient(90deg, #F0F8FF, #d8e5f1);
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 1.4rem 1.6rem;
  color: #fff;}
.reg-label{font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #409ef0;
  margin-bottom: 0.9rem;}
.reg-items{display:flex;flex-wrap:wrap;gap:0.4rem}
.reg-item{font-size:0.77rem;color:var(--textsub);background:var(--white);border:1px solid var(--border);padding:0.25rem 0.7rem;border-radius:3px}

.sector-grid{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem
}
.sector-card{
	background:var(--white);border:1px solid var(--border);border-radius:6px;padding:1.5rem 1.6rem
}

.sector-card h4{
	font-family: var(--display);
    font-size: 18px;
    font-weight: 600;
    color: var(--nxblue);
    margin-bottom: 0.35rem;
}
.sector-icon {
	font-size:2.4rem;
}

/* ----------------------------------------------------- */
	/* SERVICES PAGE CSS */
/* ----------------------------------------------------- */


.srvce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
/* background:var(--border); */
padding:5rem 5.5%;
}

.srvce-card{background:var(--white);padding:2rem 1.8rem;position:relative;overflow:hidden;transition:background 0.22s,box-shadow 0.22s;display:flex;flex-direction:column;text-decoration:none;color:inherit;
border-left: 4px solid transparent;
    border-image: linear-gradient(#468be3, #d1e7df) 1;
	}

.srvce-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform 0.3s}

.srvce-card .svc-icon{margin-bottom:10px;}

.srvce-card:hover::after{transform:scaleX(1)}

.srvce-card:hover{box-shadow:0 4px 24px rgba(12,35,64,0.07)}

.card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.2rem;flex-shrink:0}

.srvce-card h3{color:var(--nxblue);margin-bottom:0.55rem}

.card-link{display:inline-flex;align-items:center;gap:0.35rem;margin-top:1.1rem;font-size:0.79rem;font-weight:500;transition:gap 0.2s}

.card-link::after{content:'→'}

.card-link:hover{gap:0.6rem}

@media(max-width:1100px){.srvce-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.srvce-grid{grid-template-columns:1fr}}


/* MOBILE DROPDOWN SERVICES CSS */

.mob-services-header{
    display:flex;
    align-items:center;
}

.mob-services-link{
    flex:1;
}

.mob-toggle-btn{
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:transparent;
    border:none;
    cursor:pointer;
}

.chevron{
    width:10px;
    height:10px;
    border-top:2px solid var(--navy);      /* Change to #fff if your menu is dark */
    border-right:2px solid var(--navy);
    transform:rotate(135deg);       /* Up arrow */
    transition:transform .3s ease;
}

.chevron.active{
    transform:rotate(-45deg);       /* Down arrow */
}
.mob-arrow{
    transition:.3s;
    font-size:14px;
}

.mob-arrow.rotate{
    transform:rotate(180deg);
}

.mob-submenu{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
}

.mob-submenu.active{
    max-height:500px;
}