/* SSNM Excellence design and accessibility improvements */
:root {
  --brand-navy: #071f3f;
  --brand-blue: #0d6efd;
  --brand-cyan: #10b9c8;
  --brand-gold: #f4b740;
  --surface: #ffffff;
  --surface-soft: #f5f8fc;
  --text: #152238;
  --muted: #5d6b7e;
  --radius: 18px;
  --shadow: 0 16px 45px rgba(7,31,63,.10);
}
html { scroll-behavior: smooth; }
body { color: var(--text); overflow-x: hidden; text-rendering: optimizeLegibility; }
a, button, input, textarea, select { transition: .25s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid rgba(13,110,253,.35); outline-offset: 3px;
}
img { max-width: 100%; height: auto; }
.header-1 { background: rgba(255,255,255,.96); backdrop-filter: blur(12px); box-shadow: 0 8px 28px rgba(7,31,63,.08); }
.header-logo img, .offcanvas__logo img { max-height: 54px; width: auto; }
.main-menu ul li a { font-weight: 600; letter-spacing: .01em; }
.main-menu ul li a:hover, .main-menu ul li.active > a { color: var(--brand-blue); }
.theme-btn, .common-btn { box-shadow: 0 10px 24px rgba(13,110,253,.18); }
.theme-btn:hover, .common-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(13,110,253,.25); }
.service-box, .service-items, .project-items, .team-card, .blog-card, .pricing-card, .contact-help-box {
  border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden;
}
.service-box:hover, .service-items:hover, .project-items:hover, .team-card:hover, .blog-card:hover {
  transform: translateY(-6px); box-shadow: 0 22px 55px rgba(7,31,63,.15);
}
.section-title h2, .section-title-area h2 { letter-spacing: -.025em; }
.contact-from-grp input, .contact-from-grp textarea, .form-style1 input {
  width: 100%; border: 1px solid #d9e2ef; border-radius: 12px; background: #fff; padding: 15px 18px;
}
.contact-from-grp input:focus, .contact-from-grp textarea:focus, .form-style1 input:focus {
  border-color: var(--brand-blue); box-shadow: 0 0 0 4px rgba(13,110,253,.10);
}
.contact-help-box { background: linear-gradient(145deg,#fff,#f6f9fd); padding: clamp(24px,4vw,54px); }
.footer-section { border-top: 4px solid var(--brand-cyan); }
.footer-section a:hover { color: var(--brand-gold) !important; }
.breadcrumb-wrapper, .breadcrumb-section { background-position: center; background-size: cover; }
.skip-link { position: fixed; top: -60px; left: 16px; z-index: 99999; background: #fff; color: #000; padding: 10px 16px; border-radius: 8px; box-shadow: var(--shadow); }
.skip-link:focus { top: 16px; }
@media (max-width: 991px) {
  .header-top-section { display:none !important; }
  .section-padding { padding-top: 70px; padding-bottom: 70px; }
}
@media (max-width: 575px) {
  h1 { font-size: clamp(2rem,10vw,3rem) !important; }
  h2 { font-size: clamp(1.65rem,8vw,2.35rem) !important; }
  .contact-help-box { padding: 22px 16px; }
  .mouse-follower { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}


/* About section: delivery strengths */
.about-strength-grid {
  display: grid;
  gap: 14px;
}
.about-strength-card {
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: start;
  gap: 16px;
  padding: 18px;
  border: 1px solid #e3eaf3;
  border-radius: 16px;
  background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
  box-shadow: 0 10px 30px rgba(7, 31, 63, .07);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.about-strength-card:hover {
  transform: translateY(-3px);
  border-color: rgba(13, 110, 253, .35);
  box-shadow: 0 16px 36px rgba(7, 31, 63, .12);
}
.about-strength-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan));
  color: #fff;
  font-size: 1.25rem;
  box-shadow: 0 9px 22px rgba(13, 110, 253, .22);
}
.about-strength-card h5 {
  margin: 1px 0 6px;
  color: #071f3f;
  font-size: 1rem;
  font-weight: 700;
}
.about-strength-card p {
  margin: 0;
  color: #64748b;
  font-size: .92rem;
  line-height: 1.55;
}
@media (max-width: 575px) {
  .about-strength-card {
    grid-template-columns: 46px 1fr;
    padding: 15px;
  }
  .about-strength-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }
}

/* Compact redesigned About section */
.about-section-compact {
  padding: 72px 0;
  background: linear-gradient(135deg, #f7faff 0%, #ffffff 52%, #eef8fb 100%);
}
.about-compact-shell {
  position: relative;
  padding: 28px;
  border: 1px solid #e3eaf3;
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 55px rgba(7,31,63,.09);
  overflow: hidden;
}
.about-compact-shell::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -110px;
  top: -120px;
  border-radius: 50%;
  background: rgba(16,185,200,.08);
}
.about-compact-visual {
  position: relative;
  height: 100%;
  min-height: 370px;
}
.about-compact-image {
  width: 100%;
  height: 370px;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
  box-shadow: 0 16px 38px rgba(7,31,63,.15);
}
.about-compact-badge {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border-radius: 15px;
  color: #fff;
  background: rgba(7,31,63,.92);
  backdrop-filter: blur(8px);
}
.about-compact-badge > i {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  border-radius: 11px;
  background: linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));
}
.about-compact-badge strong,
.about-compact-badge span { display:block; }
.about-compact-badge strong { font-size:.96rem; }
.about-compact-badge span { font-size:.78rem; opacity:.78; margin-top:2px; }
.about-compact-content { position: relative; z-index: 1; }
.about-eyebrow {
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  margin-bottom:12px;
  border-radius:999px;
  color:var(--brand-blue);
  background:rgba(13,110,253,.09);
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.12em;
}
.about-compact-content h2 {
  max-width: 720px;
  margin: 0 0 12px;
  color: var(--brand-navy);
  font-size: clamp(2rem,3.3vw,3.25rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.about-compact-intro {
  max-width: 700px;
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.65;
}
.about-compact-points {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:17px;
}
.about-compact-points span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid #e1e8f1;
  border-radius:10px;
  background:#fff;
  color:#334155;
  font-size:.84rem;
  font-weight:700;
}
.about-compact-points i { color:var(--brand-cyan); }
.about-compact-strengths {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}
.about-compact-card {
  min-height: 128px;
  padding:15px;
  border:1px solid #e4ebf4;
  border-radius:15px;
  background:#fff;
  transition:.25s ease;
}
.about-compact-card:hover {
  transform:translateY(-3px);
  border-color:rgba(13,110,253,.3);
  box-shadow:0 12px 28px rgba(7,31,63,.09);
}
.about-compact-card > i {
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:9px;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));
  font-size:.92rem;
}
.about-compact-card h5 { margin:0 0 4px; color:var(--brand-navy); font-size:.96rem; font-weight:800; }
.about-compact-card p { margin:0; color:#64748b; font-size:.8rem; line-height:1.45; }
.about-compact-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; }
.about-call-link { display:inline-flex; align-items:center; gap:8px; color:var(--brand-navy); font-weight:800; }
.about-call-link i { color:var(--brand-cyan); }
@media (max-width: 991px) {
  .about-section-compact { padding: 58px 0; }
  .about-compact-shell { padding: 22px; }
  .about-compact-visual { min-height: 330px; }
  .about-compact-image { height:330px; }
}
@media (max-width: 767px) {
  .about-section-compact { padding: 46px 0; }
  .about-compact-shell { padding: 16px; border-radius:20px; }
  .about-compact-strengths { grid-template-columns:1fr; }
  .about-compact-card { min-height:0; display:grid; grid-template-columns:38px 1fr; gap:11px; align-items:start; padding:13px; }
  .about-compact-card > i { margin:0; }
  .about-compact-content h2 { font-size:clamp(1.8rem,9vw,2.45rem); }
}
@media (max-width: 575px) {
  .about-compact-visual { min-height:280px; }
  .about-compact-image { height:280px; }
  .about-compact-badge { left:10px; right:10px; bottom:10px; }
  .about-compact-actions { align-items:flex-start; flex-direction:column; gap:13px; }
}

/* Compact Digital Platform Value Section */
.platform-value-section {
  padding: 62px 0 34px;
  background: #fff;
}
.platform-value-shell {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border: 1px solid #e5ebf3;
  border-radius: 24px;
  background:
    radial-gradient(circle at 96% 8%, rgba(18, 188, 215, .12), transparent 31%),
    linear-gradient(135deg, #f8fbff 0%, #ffffff 58%, #f3fbfd 100%);
  box-shadow: 0 18px 50px rgba(9, 35, 68, .08);
}
.platform-value-shell::before {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -70px;
  bottom: -85px;
  border: 22px solid rgba(10, 93, 168, .06);
  border-radius: 50%;
}
.platform-value-copy { position: relative; z-index: 1; }
.platform-value-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--brand-blue);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .11em;
}
.platform-value-eyebrow::before {
  content: "";
  width: 25px;
  height: 3px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan));
}
.platform-value-copy h2 {
  margin: 0 0 13px;
  color: var(--brand-navy);
  font-size: clamp(2rem, 3.2vw, 3.15rem);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -.035em;
}
.platform-value-copy p {
  max-width: 560px;
  margin: 0 0 21px;
  color: #5b6778;
  font-size: .98rem;
  line-height: 1.65;
}
.platform-value-btn {
  padding: 13px 19px;
  border-radius: 12px;
}
.platform-value-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.platform-value-card {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 13px;
  align-items: start;
  min-height: 132px;
  padding: 18px;
  border: 1px solid #e2e9f2;
  border-radius: 17px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 22px rgba(16, 44, 78, .05);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.platform-value-card:hover {
  transform: translateY(-4px);
  border-color: rgba(14, 141, 189, .35);
  box-shadow: 0 16px 32px rgba(16, 44, 78, .1);
}
.platform-value-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan));
  box-shadow: 0 9px 20px rgba(11, 112, 177, .2);
}
.platform-value-icon i { font-size: 1.05rem; }
.platform-value-card h4 {
  margin: 1px 0 5px;
  color: var(--brand-navy);
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 800;
}
.platform-value-card p {
  margin: 0;
  color: #687588;
  font-size: .8rem;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .platform-value-section { padding: 50px 0 28px; }
  .platform-value-shell { padding: 25px; }
}
@media (max-width: 767px) {
  .platform-value-section { padding: 42px 0 22px; }
  .platform-value-shell { padding: 20px; border-radius: 20px; }
  .platform-value-grid { grid-template-columns: 1fr; }
  .platform-value-card { min-height: 0; }
}
@media (max-width: 575px) {
  .platform-value-copy h2 { font-size: 2rem; }
  .platform-value-shell { padding: 17px; }
}


/* Why We Stand Out */
.standout-section {
  padding: 72px 0;
  background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
}
.standout-shell {
  position: relative;
  overflow: hidden;
  padding: 42px;
  border: 1px solid #e3eaf3;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(10, 37, 68, .08);
}
.standout-shell::after {
  content: "";
  position: absolute;
  right: -110px;
  top: -120px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(14, 167, 205, .14), transparent 68%);
  pointer-events: none;
}
.standout-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  column-gap: 46px;
  align-items: end;
  margin-bottom: 28px;
}
.standout-kicker {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  margin-bottom: 12px;
  color: #0b75b8;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.standout-kicker::before {
  content: "";
  width: 30px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, #0b75b8, #18bdd5);
}
.standout-intro h2 {
  margin: 0;
  color: #0a2342;
  font-size: clamp(2rem, 3.3vw, 3.4rem);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -.04em;
}
.standout-intro p {
  margin: 0 0 20px;
  color: #647185;
  font-size: .98rem;
  line-height: 1.7;
}
.standout-intro .common-btn { width: max-content; }
.standout-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.standout-card {
  position: relative;
  min-height: 235px;
  padding: 22px;
  border: 1px solid #e5ebf3;
  border-radius: 20px;
  background: #fbfdff;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.standout-card:hover {
  transform: translateY(-5px);
  border-color: rgba(14, 151, 197, .38);
  box-shadow: 0 18px 36px rgba(14, 48, 83, .10);
}
.standout-card-featured {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(145deg, #082f57 0%, #0b75b8 62%, #13a8c5 100%);
}
.standout-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #0b75b8, #17bdd3);
  box-shadow: 0 10px 22px rgba(9, 112, 171, .22);
}
.standout-card-featured .standout-icon {
  color: #0b75b8;
  background: #fff;
}
.standout-number {
  position: absolute;
  top: 22px;
  right: 22px;
  color: #a9b8c9;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.standout-card-featured .standout-number { color: rgba(255,255,255,.62); }
.standout-card h3 {
  margin: 0 0 9px;
  color: #0a2342;
  font-size: 1.08rem;
  font-weight: 800;
}
.standout-card p {
  margin: 0;
  color: #69778a;
  font-size: .84rem;
  line-height: 1.62;
}
.standout-card-featured h3,
.standout-card-featured p { color: #fff; }
.standout-card-featured p { color: rgba(255,255,255,.82); }
.standout-proof {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 18px;
  padding: 18px 22px;
  border-radius: 16px;
  background: #f2f7fb;
}
.standout-proof div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  border-right: 1px solid #dce6ef;
}
.standout-proof div:last-child { border-right: 0; }
.standout-proof strong {
  color: #0b75b8;
  font-size: 1.05rem;
  font-weight: 850;
}
.standout-proof span {
  color: #526174;
  font-size: .82rem;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .standout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .standout-card { min-height: 210px; }
}
@media (max-width: 991px) {
  .standout-section { padding: 56px 0; }
  .standout-shell { padding: 30px; }
  .standout-intro { grid-template-columns: 1fr; row-gap: 16px; }
}
@media (max-width: 767px) {
  .standout-section { padding: 42px 0; }
  .standout-shell { padding: 22px; border-radius: 22px; }
  .standout-grid { grid-template-columns: 1fr; }
  .standout-card { min-height: 0; }
  .standout-proof { grid-template-columns: 1fr; gap: 10px; }
  .standout-proof div { justify-content: flex-start; border-right: 0; border-bottom: 1px solid #dce6ef; padding: 8px 0; }
  .standout-proof div:last-child { border-bottom: 0; }
}

/* ===== Premium Our Gallery ===== */
.our-gallery-section{padding:88px 0 78px;background:#07111f;color:#fff;overflow:hidden}
.our-gallery-head{display:grid;grid-template-columns:1.1fr .45fr 1fr;gap:38px;align-items:end;margin-bottom:34px}
.our-gallery-kicker{display:block;color:#7ed6c4;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:12px}
.our-gallery-head h2{color:#fff;font-size:clamp(36px,4vw,64px);line-height:1;letter-spacing:-2px;margin:0}
.our-gallery-head p{color:rgba(255,255,255,.68);font-size:15px;line-height:1.75;margin:0;max-width:520px}
.our-gallery-location{border-left:1px solid rgba(255,255,255,.18);padding-left:24px}
.our-gallery-location span{display:block;color:rgba(255,255,255,.48);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}
.our-gallery-location strong{font-size:15px;color:#fff}
.our-gallery-grid{display:grid;grid-template-columns:1.35fr .82fr .82fr;gap:18px;align-items:stretch}
.our-gallery-card{min-width:0}
.our-gallery-media{position:relative;display:block;height:430px;overflow:hidden;background:#142033;border-radius:18px}
.our-gallery-card-large .our-gallery-media{height:520px}
.our-gallery-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(2,8,18,.62));opacity:.65;transition:.35s}
.our-gallery-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.our-gallery-card:hover img{transform:scale(1.055)}
.our-gallery-card:hover .our-gallery-media:after{opacity:.9}
.our-gallery-arrow{position:absolute;z-index:2;right:18px;top:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#07111f;transform:translateY(-8px);opacity:0;transition:.3s}
.our-gallery-card:hover .our-gallery-arrow{transform:none;opacity:1}
.our-gallery-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 4px 0}
.our-gallery-type{display:block;color:#7ed6c4;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:6px}
.our-gallery-meta h3{color:#fff;font-size:20px;line-height:1.25;margin:0}
.our-gallery-number{font-size:42px;line-height:1;color:rgba(255,255,255,.14);font-weight:800}
.our-gallery-footer{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;align-items:center;gap:20px}
.our-gallery-footer span{color:rgba(255,255,255,.44);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}
.our-gallery-footer a{color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:10px}
.our-gallery-footer a:hover{color:#7ed6c4}
@media(max-width:991px){.our-gallery-section{padding:66px 0}.our-gallery-head{grid-template-columns:1fr 1fr}.our-gallery-head p{grid-column:1/-1}.our-gallery-grid{grid-template-columns:1fr 1fr}.our-gallery-card-large{grid-column:1/-1}.our-gallery-card-large .our-gallery-media,.our-gallery-media{height:390px}}
@media(max-width:575px){.our-gallery-section{padding:52px 0}.our-gallery-head{grid-template-columns:1fr;gap:18px}.our-gallery-location{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:15px 0 0}.our-gallery-head p{grid-column:auto}.our-gallery-grid{grid-template-columns:1fr}.our-gallery-card-large{grid-column:auto}.our-gallery-card-large .our-gallery-media,.our-gallery-media{height:330px}.our-gallery-footer{align-items:flex-start;flex-direction:column}.our-gallery-meta h3{font-size:18px}}

/* Interactive 360-degree project gallery */
.gallery-360-section{padding:72px 0 64px;background:radial-gradient(circle at 50% 30%,#12305b 0,#081524 42%,#050b13 100%)}
.gallery-360-head{margin-bottom:24px}
.gallery360-swiper{overflow:visible;padding:12px 0 58px}
.gallery360-slide{width:min(760px,82vw);transition:opacity .35s ease,transform .35s ease}
.gallery360-card{position:relative;display:block;overflow:hidden;border-radius:22px;background:#0d1b2c;box-shadow:0 28px 70px rgba(0,0,0,.34);aspect-ratio:3/2;border:1px solid rgba(255,255,255,.1)}
.gallery360-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(1,8,20,.82));pointer-events:none}
.gallery360-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gallery360-card:hover img{transform:scale(1.045)}
.gallery360-card>span{position:absolute;z-index:2;left:28px;bottom:24px;color:#fff;font-size:25px;font-weight:800;line-height:1.15;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.gallery360-card>span small{display:block;color:#7ed6c4;font-size:11px;letter-spacing:1.8px;margin-bottom:8px}
.gallery360-controls{position:absolute;left:50%;bottom:0;z-index:5;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:18px}
.gallery360-prev,.gallery360-next{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;transition:.25s}
.gallery360-prev:hover,.gallery360-next:hover{background:#7ed6c4;color:#07111f;border-color:#7ed6c4}
.gallery360-pagination{position:static!important;width:auto!important;display:flex;gap:8px}
.gallery360-pagination .swiper-pagination-bullet{width:8px;height:8px;background:rgba(255,255,255,.38);opacity:1;transition:.25s}
.gallery360-pagination .swiper-pagination-bullet-active{width:26px;border-radius:10px;background:#7ed6c4}
.gallery360-footer{margin-top:12px}
.gallery360-swiper .swiper-slide:not(.swiper-slide-active){opacity:.62}
.gallery360-swiper .swiper-slide-active{opacity:1}
@media(max-width:767px){.gallery-360-section{padding:52px 0}.gallery360-card>span{left:20px;bottom:18px;font-size:20px}.gallery360-swiper{padding-bottom:54px}.gallery360-slide{width:88vw}}
@media(prefers-reduced-motion:reduce){.gallery360-card img,.gallery360-slide{transition:none!important}}

/* ===== Modern About Page ===== */
.about-modern-section{padding:90px 0;background:#fff;overflow:hidden}
.about-modern-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
.about-modern-image{position:relative;border-radius:28px;overflow:hidden;min-height:520px;background:#eef4fa;box-shadow:0 24px 60px rgba(10,35,70,.13)}
.about-modern-image img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}
.about-modern-badge{position:absolute;left:24px;bottom:24px;padding:18px 22px;border-radius:18px;background:rgba(6,30,66,.92);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.15)}
.about-modern-badge strong{display:block;font-size:22px;line-height:1.1;color:#fff}
.about-modern-badge span{font-size:14px;color:rgba(255,255,255,.76)}
.about-modern-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.about-modern-proof>div{padding:18px 12px;border:1px solid #e5ebf3;border-radius:16px;text-align:center;background:#fff;box-shadow:0 8px 24px rgba(16,45,78,.06)}
.about-modern-proof strong{display:block;font-size:26px;color:#0b376e;line-height:1.1}
.about-modern-proof span{display:block;font-size:12px;color:#66758a;margin-top:5px}
.about-modern-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:13px;letter-spacing:1.6px;color:#0c72b8;margin-bottom:14px}
.about-modern-kicker:before{content:"";width:28px;height:2px;background:#f5a623;border-radius:10px}
.about-modern-content h2,.about-values-heading h2,.about-capabilities-copy h2{font-size:clamp(34px,4vw,56px);line-height:1.08;color:#071f3d;margin:0 0 18px;font-weight:800;letter-spacing:-1.4px}
.about-modern-lead{font-size:17px;line-height:1.75;color:#607086;margin-bottom:28px}
.about-modern-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.about-modern-point{display:flex;gap:13px;padding:17px;border:1px solid #e4ebf3;border-radius:17px;background:#fbfdff;transition:.25s ease}
.about-modern-point:hover{transform:translateY(-4px);border-color:#b9d8ec;box-shadow:0 14px 30px rgba(13,57,101,.08)}
.about-modern-point>span{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#0d78bd,#0a3f7b);color:#fff;font-size:18px}
.about-modern-point h3{font-size:17px;color:#0a294d;margin:0 0 5px;font-weight:750}
.about-modern-point p{font-size:13px;line-height:1.55;color:#6b788a;margin:0}
.about-modern-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.about-modern-link{font-weight:750;color:#0c4d84;display:inline-flex;align-items:center;gap:9px}
.about-modern-link:hover{color:#f2a01f}
.about-values-section{padding:85px 0;background:linear-gradient(180deg,#f5f9fd 0%,#eef5fb 100%)}
.about-values-heading{max-width:760px;margin:0 auto 40px}
.about-values-heading p{font-size:16px;color:#68788c;margin:0}
.about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.about-value-card{position:relative;padding:28px 24px;border-radius:20px;background:#fff;border:1px solid #e0eaf3;min-height:260px;transition:.28s ease;overflow:hidden}
.about-value-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(10,48,84,.1);border-color:#a9d2e9}
.about-value-number{position:absolute;right:16px;top:10px;font-size:52px;line-height:1;font-weight:900;color:#edf3f8}
.about-value-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#092f60;color:#fff;font-size:20px;margin-bottom:24px;position:relative;z-index:1}
.about-value-card:nth-child(even) .about-value-icon{background:#0c79b8}
.about-value-card h3{font-size:20px;color:#0a294c;margin:0 0 10px;font-weight:750}
.about-value-card p{font-size:14px;line-height:1.7;color:#68788c;margin:0}
.about-capabilities-section{padding:80px 0;background:#061f3f}
.about-capabilities-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.about-capabilities-copy h2{color:#fff;font-size:clamp(32px,3.4vw,50px)}
.about-capabilities-copy p{color:rgba(255,255,255,.7);font-size:16px;line-height:1.75;margin:0}
.about-capabilities-section .about-modern-kicker{color:#68c6f2}
.about-capability-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.about-capability-tags a{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);color:#fff;font-weight:700;transition:.25s ease}
.about-capability-tags a i{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#f5b13e}
.about-capability-tags a:hover{transform:translateX(5px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.breadcrumb-section .bread-content h1{min-height:1.2em}
@media(max-width:991px){
 .about-modern-section,.about-values-section,.about-capabilities-section{padding:65px 0}
 .about-modern-grid,.about-capabilities-wrap{grid-template-columns:1fr;gap:42px}
 .about-modern-image,.about-modern-image img{min-height:430px}
 .about-values-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
 .about-modern-section,.about-values-section,.about-capabilities-section{padding:50px 0}
 .about-modern-grid{gap:30px}
 .about-modern-image,.about-modern-image img{min-height:350px}
 .about-modern-proof{grid-template-columns:1fr 1fr 1fr}
 .about-modern-proof>div{padding:13px 8px}
 .about-modern-proof strong{font-size:21px}
 .about-modern-points,.about-values-grid,.about-capability-tags{grid-template-columns:1fr}
 .about-modern-content h2,.about-values-heading h2,.about-capabilities-copy h2{font-size:34px;letter-spacing:-.7px}
 .about-value-card{min-height:auto}
}
@media(max-width:480px){
 .about-modern-image,.about-modern-image img{min-height:300px}
 .about-modern-badge{left:14px;bottom:14px;padding:13px 16px}
 .about-modern-proof{gap:6px}
 .about-modern-proof span{font-size:10px}
 .about-modern-actions{gap:16px}
}

/* SSNM Excellance brand logo */
.header-logo img, .offcanvas__logo img {
  max-height: 72px;
  width: auto;
  max-width: 285px;
  object-fit: contain;
}
.footer-logo img, .footer__logo img, .footer-logo-area img {
  max-width: 290px;
  height: auto;
}
@media (max-width: 767px) {
  .header-logo img, .offcanvas__logo img {
    max-height: 60px;
    max-width: 235px;
  }
}

/* About page client feedback */
.about-feedback-section{padding:78px 0;background:linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%);position:relative;overflow:hidden}
.about-feedback-section:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(21,132,201,.13),transparent 68%);right:-130px;top:-120px;pointer-events:none}
.about-feedback-head{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:34px;position:relative;z-index:1}
.about-feedback-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:1.7px;color:#0b78b9;margin-bottom:13px}
.about-feedback-kicker:before{content:"";width:28px;height:2px;background:#f2a21f;border-radius:10px}
.about-feedback-head h2{font-size:clamp(34px,4vw,54px);line-height:1.08;color:#071f3d;margin:0;font-weight:800;letter-spacing:-1.2px}
.about-feedback-head>p{font-size:16px;line-height:1.75;color:#66778b;margin:0;max-width:520px}
.about-feedback-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;position:relative;z-index:1}
.about-feedback-card{background:#fff;border:1px solid #dfe9f3;border-radius:22px;padding:26px;box-shadow:0 14px 35px rgba(11,47,82,.07);transition:.28s ease;display:flex;flex-direction:column;min-height:310px}
.about-feedback-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(11,47,82,.12);border-color:#b8d7ea}
.about-feedback-featured{background:linear-gradient(145deg,#082f60,#0c5f9b);border-color:transparent}
.about-feedback-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.about-feedback-stars{display:flex;gap:5px;color:#f4ad2f;font-size:14px}
.about-feedback-quote{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef6fb;color:#0c6fa9;font-size:18px}
.about-feedback-featured .about-feedback-quote{background:rgba(255,255,255,.12);color:#fff}
.about-feedback-card>p{font-size:16px;line-height:1.75;color:#54667a;margin:0 0 26px;flex:1}
.about-feedback-featured>p{color:rgba(255,255,255,.86);font-size:17px}
.about-feedback-author{display:flex;align-items:center;gap:13px;padding-top:18px;border-top:1px solid #e5edf4}
.about-feedback-featured .about-feedback-author{border-top-color:rgba(255,255,255,.16)}
.about-feedback-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#0f86ca,#0b4f8c);color:#fff;font-weight:800;letter-spacing:.5px}
.about-feedback-featured .about-feedback-avatar{background:#fff;color:#0b4e86}
.about-feedback-author h3{font-size:15px;margin:0 0 3px;color:#0a294c;font-weight:750}
.about-feedback-author span{font-size:12px;color:#7a899b}
.about-feedback-featured .about-feedback-author h3{color:#fff}
.about-feedback-featured .about-feedback-author span{color:rgba(255,255,255,.65)}
.about-feedback-proof{margin-top:22px;padding:17px 20px;background:#fff;border:1px solid #dfe9f3;border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:14px;box-shadow:0 12px 30px rgba(11,47,82,.06);position:relative;z-index:1}
.about-feedback-proof>div{padding:5px 18px;border-right:1px solid #e3ebf2}
.about-feedback-proof strong{display:block;color:#0b376e;font-size:25px;line-height:1.05}
.about-feedback-proof span{display:block;color:#6d7c8e;font-size:12px;margin-top:4px}
.about-feedback-proof .theme-btn{white-space:nowrap}
@media(max-width:991px){
 .about-feedback-section{padding:62px 0}
 .about-feedback-head{grid-template-columns:1fr;gap:16px}
 .about-feedback-grid{grid-template-columns:1fr 1fr}
 .about-feedback-featured{grid-column:1/-1}
 .about-feedback-proof{grid-template-columns:repeat(3,1fr)}
 .about-feedback-proof .theme-btn{grid-column:1/-1;justify-self:center;margin-top:5px}
}
@media(max-width:767px){
 .about-feedback-section{padding:50px 0}
 .about-feedback-head h2{font-size:34px;letter-spacing:-.6px}
 .about-feedback-grid{grid-template-columns:1fr}
 .about-feedback-featured{grid-column:auto}
 .about-feedback-card{min-height:auto;padding:22px}
 .about-feedback-proof{grid-template-columns:1fr 1fr;padding:14px}
 .about-feedback-proof>div{border-right:0;border-bottom:1px solid #e3ebf2;padding:10px}
 .about-feedback-proof>div:nth-child(3){grid-column:1/-1;text-align:center}
 .about-feedback-proof .theme-btn{grid-column:1/-1;width:100%;justify-content:center}
}


/* Portfolio Hub & Category Pages */
.pf-page{padding:85px 0;background:#f7f9fc}.pf-intro{max-width:760px;margin:0 auto 42px;text-align:center}.pf-kicker{display:inline-flex;gap:8px;align-items:center;color:#2368d9;font-weight:700;letter-spacing:.12em;font-size:13px;text-transform:uppercase}.pf-intro h2{font-size:clamp(32px,4vw,54px);line-height:1.08;margin:12px 0 16px;color:#0b1d3a}.pf-intro p{color:#637086;font-size:17px}.pf-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}.pf-filter a{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid #dfe5ef;color:#1b2a45;font-weight:600}.pf-filter a:hover,.pf-filter a.active{background:#0c2d59;color:#fff;border-color:#0c2d59}.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pf-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 12px 36px rgba(17,38,76,.09);transition:.3s ease}.pf-card:hover{transform:translateY(-7px);box-shadow:0 18px 42px rgba(17,38,76,.15)}.pf-card-media{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;background:#e9eef7}.pf-card-media img{width:100%;height:100%;object-fit:cover;transition:.45s ease}.pf-card:hover .pf-card-media img{transform:scale(1.04)}.pf-card-arrow{position:absolute;right:16px;top:16px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0c2d59;box-shadow:0 8px 20px rgba(0,0,0,.14)}.pf-card-body{padding:22px}.pf-card-type{font-size:12px;letter-spacing:.12em;font-weight:800;color:#2871df;text-transform:uppercase}.pf-card h3{font-size:22px;margin:8px 0;color:#102443}.pf-card p{color:#68758a;margin:0}.pf-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #edf0f5;color:#34445e;font-size:14px}.pf-cta{margin-top:46px;padding:34px;border-radius:24px;background:linear-gradient(120deg,#082448,#174f93);display:flex;justify-content:space-between;align-items:center;gap:24px;color:#fff}.pf-cta h3{color:#fff;margin:0 0 8px}.pf-cta p{margin:0;color:rgba(255,255,255,.76)}.pf-cta a{white-space:nowrap;background:#fff;color:#0b2b55;padding:14px 22px;border-radius:999px;font-weight:700}.pf-detail-hero{padding:75px 0 40px;background:#f7f9fc}.pf-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.pf-detail-image img{width:100%;border-radius:24px;box-shadow:0 18px 45px rgba(12,38,77,.14)}.pf-detail-content h1{font-size:clamp(38px,5vw,64px);line-height:1.05;color:#0d2344;margin:12px 0 18px}.pf-detail-content p{font-size:18px;color:#627087}.pf-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.pf-meta div{background:#fff;border:1px solid #e4e9f1;border-radius:16px;padding:15px}.pf-meta small{display:block;color:#7b8799;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.pf-meta strong{color:#172d4e}.pf-detail-body{padding:55px 0 85px}.pf-detail-body h2{color:#0d2344}.pf-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.pf-feature-list li{padding:14px 16px;border-radius:14px;background:#f7f9fc;color:#34445e}.pf-feature-list i{color:#2871df;margin-right:8px}@media(max-width:991px){.pf-grid{grid-template-columns:repeat(2,1fr)}.pf-detail-grid{grid-template-columns:1fr}.pf-cta{align-items:flex-start;flex-direction:column}}@media(max-width:575px){.pf-page{padding:60px 0}.pf-grid{grid-template-columns:1fr}.pf-feature-list{grid-template-columns:1fr}.pf-cta{padding:25px}.pf-meta{grid-template-columns:1fr}}

/* ===== Our Services page: image-led service grid ===== */
.our-services-showcase{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,rgba(28,126,214,.10),transparent 34%),
    linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%);
}
.our-services-heading{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:60px;
  align-items:end;
  margin-bottom:42px;
}
.our-services-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
  color:#1477b8;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.8px;
}
.our-services-kicker:before{
  content:"";
  width:30px;
  height:2px;
  border-radius:10px;
  background:#f0a428;
}
.our-services-heading h2{
  max-width:720px;
  margin:0;
  color:#071f3e;
  font-size:clamp(36px,4.5vw,58px);
  line-height:1.06;
  font-weight:800;
  letter-spacing:-1.5px;
}
.our-services-heading>p{
  max-width:540px;
  margin:0;
  color:#607187;
  font-size:16px;
  line-height:1.75;
}
.our-services-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.our-service-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #dce7f0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 40px rgba(8,43,78,.07);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.our-service-card:hover{
  transform:translateY(-8px);
  border-color:#b9d4e7;
  box-shadow:0 24px 52px rgba(8,43,78,.14);
}
.our-service-image{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#dfeaf3;
}
.our-service-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(5,28,54,.38));
  pointer-events:none;
}
.our-service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.our-service-card:hover .our-service-image img{transform:scale(1.055)}
.our-service-number{
  position:absolute;
  right:17px;
  bottom:15px;
  z-index:1;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:15px;
  background:rgba(5,39,76,.64);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:1px;
}
.our-service-content{
  position:relative;
  padding:29px 27px 28px;
}
.our-service-icon{
  position:absolute;
  top:-29px;
  left:27px;
  z-index:2;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:5px solid #fff;
  border-radius:18px;
  background:linear-gradient(145deg,#0f83c8,#0b4b87);
  box-shadow:0 10px 22px rgba(8,68,113,.24);
  color:#fff;
  font-size:20px;
}
.our-service-label{
  display:block;
  margin:10px 0 7px;
  color:#1980be;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.our-service-content h3{
  margin:0 0 11px;
  color:#092446;
  font-size:24px;
  line-height:1.25;
  font-weight:800;
}
.our-service-content h3 a{color:inherit}
.our-service-content h3 a:hover{color:#1379b9}
.our-service-content p{
  min-height:78px;
  margin:0 0 20px;
  color:#65758a;
  font-size:15px;
  line-height:1.7;
}
.our-service-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#0b4f87;
  font-size:14px;
  font-weight:800;
}
.our-service-link i{
  transition:transform .25s ease;
}
.our-service-link:hover{color:#e99b1d}
.our-service-link:hover i{transform:translateX(5px)}
.our-services-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  margin-top:38px;
  padding:28px 32px;
  border-radius:22px;
  background:linear-gradient(120deg,#082a55 0%,#0e5f99 100%);
  box-shadow:0 20px 45px rgba(7,42,82,.17);
}
.our-services-cta span{
  display:block;
  margin-bottom:5px;
  color:#8ed5f3;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.our-services-cta h3{
  margin:0;
  color:#fff;
  font-size:clamp(22px,2.2vw,30px);
  font-weight:750;
}
.our-services-cta .theme-btn{white-space:nowrap}
@media(max-width:1199px){
  .our-services-heading{grid-template-columns:1fr;gap:18px}
  .our-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .our-service-content p{min-height:0}
}
@media(max-width:767px){
  .our-services-showcase{padding-top:58px;padding-bottom:58px}
  .our-services-heading{margin-bottom:30px}
  .our-services-heading h2{font-size:36px;letter-spacing:-.7px}
  .our-services-grid{grid-template-columns:1fr;gap:18px}
  .our-service-card{border-radius:20px}
  .our-service-content{padding:27px 22px 24px}
  .our-service-icon{left:22px}
  .our-services-cta{align-items:flex-start;flex-direction:column;padding:25px 22px}
  .our-services-cta .theme-btn{width:100%;justify-content:center}
}


/* Page-specific visual showcase added across the website */
/* Modern breadcrumb redesign - SSNM Excellence */
.breadcrumb-section {
  position: relative;
  min-height: 390px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  isolation: isolate;
  background-position: center right !important;
  background-size: cover !important;
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.08);
}
.breadcrumb-section::before {
  inset: 0;
  width: auto;
  height: auto;
  z-index: -4;
  background:
    linear-gradient(90deg, rgba(2,17,47,.98) 0%, rgba(4,31,72,.93) 43%, rgba(4,31,72,.68) 68%, rgba(3,20,50,.52) 100%);
}
.breadcrumb-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  opacity: .15;
  background-image:
    linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.7) 48%, transparent 82%);
  -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.7) 48%, transparent 82%);
}
.breadcrumb-section > .container {
  position: relative;
  z-index: 3;
  width: 100%;
}
.breadcrumb-section .bread-ele { display: none !important; }
.bread-orb {
  position: absolute;
  z-index: -2;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(2px);
}
.bread-orb-one {
  width: 340px;
  height: 340px;
  left: -165px;
  bottom: -235px;
  background: radial-gradient(circle, rgba(15,185,200,.36) 0%, rgba(15,185,200,0) 69%);
}
.bread-orb-two {
  width: 290px;
  height: 290px;
  left: 47%;
  top: -215px;
  background: radial-gradient(circle, rgba(244,183,64,.25) 0%, rgba(244,183,64,0) 70%);
}
.bread-content {
  min-height: 390px;
  max-width: 780px;
  padding: 142px 0 78px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  text-align: left !important;
  position: relative;
}
.bread-content::before {
  content: "";
  position: absolute;
  left: -28px;
  top: 154px;
  width: 4px;
  height: 74px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--brand-cyan), var(--brand-gold));
  box-shadow: 0 0 24px rgba(16,185,200,.45);
}
.bread-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 15px;
  color: #83e8f0;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.bread-kicker i { color: var(--brand-gold); font-size: 12px; }
.breadcrumb-section .bread-content h1 {
  min-height: 0;
  max-width: 920px;
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 5.3vw, 68px);
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -2.2px;
  text-wrap: balance;
  text-shadow: 0 8px 30px rgba(0,0,0,.24);
}
.bread-summary {
  max-width: 700px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 16px;
  line-height: 1.7;
}
.bread-nav { margin-top: 24px; }
.bread-nav ul {
  width: fit-content;
  margin: 0;
  padding: 9px 15px;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 11px !important;
  list-style: none;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  box-shadow: 0 12px 28px rgba(0,0,0,.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.bread-nav ul li,
.bread-nav ul a {
  color: rgba(255,255,255,.8) !important;
  font-size: 14px !important;
  line-height: 1.2;
  font-weight: 650 !important;
}
.bread-nav ul a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.bread-nav ul a i { color: var(--brand-cyan); font-size: 12px; }
.bread-nav ul a:hover { color: #fff !important; }
.bread-nav ul li[aria-current="page"] {
  max-width: 420px;
  color: #fff !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bread-nav .bread-separator {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  flex: 0 0 22px;
  border-radius: 50%;
  color: var(--brand-gold) !important;
  background: rgba(255,255,255,.09);
}
.bread-nav .bread-separator i { font-size: 9px; }
@media (max-width: 1199px) {
  .bread-content { max-width: 690px; padding-left: 28px; }
  .bread-content::before { left: 0; }
  .breadcrumb-section .bread-content h1 { font-size: clamp(40px, 5.8vw, 60px); }
}
@media (max-width: 991px) {
  .breadcrumb-section {
    min-height: 340px;
    background-position: 62% center !important;
  }
  .breadcrumb-section::before {
    background: linear-gradient(90deg, rgba(2,17,47,.96), rgba(3,27,65,.88));
  }
  .breadcrumb-section::after {
    opacity: .1;
    mask-image: none;
    -webkit-mask-image: none;
  }
  .bread-content {
    min-height: 340px;
    max-width: 760px;
    margin: 0 auto;
    padding: 112px 18px 62px;
    align-items: center;
    text-align: center !important;
  }
  .bread-content::before { display: none; }
  .bread-summary { max-width: 650px; }
  .bread-nav ul { justify-content: center !important; }
}
@media (max-width: 575px) {
  .breadcrumb-section { min-height: 310px; }
  .bread-content {
    min-height: 310px;
    padding: 92px 10px 48px;
  }
  .bread-kicker { margin-bottom: 12px; font-size: 11px; letter-spacing: 1.35px; }
  .breadcrumb-section .bread-content h1 {
    font-size: clamp(31px, 10vw, 43px) !important;
    line-height: 1.08;
    letter-spacing: -1.25px;
  }
  .bread-summary {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.6;
  }
  .bread-nav { margin-top: 19px; max-width: 100%; }
  .bread-nav ul {
    max-width: 100%;
    padding: 8px 12px;
    gap: 8px !important;
  }
  .bread-nav ul li,
  .bread-nav ul a { font-size: 12px !important; }
  .bread-nav ul li[aria-current="page"] { max-width: 190px; }
  .bread-nav .bread-separator { width: 19px; height: 19px; flex-basis: 19px; }
  .bread-orb-two { left: 32%; }
}

/* ================================================================
   Global desktop dropdown visibility fix — Services & Portfolio
   Applied across all website pages using the shared header.
   ================================================================ */
@media (min-width: 1200px) {
  #header-sticky,
  .header-1,
  .header-1 .container,
  .header-1 .mega-menu-wrapper,
  .header-1 .header-main,
  .header-1 .header-right,
  .header-1 .mean__menu-wrapper,
  .header-1 .main-menu,
  .header-1 .main-menu nav {
    overflow: visible !important;
  }

  #header-sticky,
  .header-1 {
    position: relative;
    z-index: 10000 !important;
    isolation: isolate;
  }

  .header-1.header-style2 {
    position: absolute;
  }

  .header-main .main-menu > nav > ul {
    position: relative;
    z-index: 10001;
  }

  .header-main .main-menu > nav > ul > li {
    position: relative;
  }

  .header-main .main-menu > nav > ul > li > .submenu {
    display: block !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 245px;
    width: max-content;
    max-width: 320px;
    padding: 9px 0;
    margin: 0;
    background: #fff !important;
    border: 1px solid rgba(7, 31, 63, .10);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(7, 31, 63, .18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    z-index: 100000 !important;
  }

  .header-main .main-menu > nav > ul > li:hover > .submenu,
  .header-main .main-menu > nav > ul > li:focus-within > .submenu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .header-main .main-menu .submenu li,
  .header-main .main-menu .submenu li a {
    width: 100% !important;
  }

  .header-main .main-menu .submenu li a {
    display: block !important;
    padding: 11px 18px !important;
    color: #152238 !important;
    white-space: nowrap;
    line-height: 1.35;
  }

  .header-main .main-menu .submenu li:hover > a,
  .header-main .main-menu .submenu li a:focus {
    color: #fff !important;
    background: var(--p1-clr) !important;
  }

  .breadcrumb-section,
  .breadcrumb-wrapper,
  .breadcrumb-area,
  main,
  main > section:first-child {
    z-index: 1;
  }
}


/* Internal service pages and grouped navigation */
@media (min-width:1200px){
  .header-main .main-menu > nav > ul > li > .services-submenu{min-width:275px;max-width:310px}
  .header-main .main-menu .services-submenu .service-group>a{display:flex!important;align-items:center;justify-content:space-between;gap:18px}
  .header-main .main-menu .services-submenu .service-group>a i{margin-left:auto;font-size:12px}
  .header-main .main-menu .services-submenu .service-group-menu{
    top:-1px!important;left:100%!important;inset-inline-start:100%!important;width:315px!important;max-width:315px!important;
    max-height:72vh;overflow-y:auto;padding:8px 0;border:1px solid rgba(7,31,63,.10);border-radius:12px;
    box-shadow:0 18px 42px rgba(7,31,63,.18);background:#fff!important
  }
  .header-main .main-menu .services-submenu>li:nth-last-child(-n+3) .service-group-menu{top:auto!important;bottom:-1px}
  .header-main .main-menu .services-submenu .service-group-menu a{white-space:normal!important;font-size:14px!important;padding:10px 16px!important}
}
.service-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 34px}
.service-overview-item{padding:18px;border:1px solid #dce7f0;border-radius:16px;background:#f7fbfe}
.service-overview-item i{display:block;margin-bottom:11px;color:#147bb8;font-size:22px}
.service-overview-item strong{display:block;margin-bottom:4px;color:#092446;font-size:15px}
.service-overview-item span{display:block;color:#6a798c;font-size:13px;line-height:1.55}
.service-detail-hero-image{position:relative;overflow:hidden;aspect-ratio:16/8;border-radius:20px;background:#e7f1f7}
.service-detail-hero-image img{width:100%;height:100%;object-fit:cover}
.service-detail-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,30,58,.32))}
.service-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.service-deliverables li{display:flex;gap:12px;align-items:flex-start;padding:16px 17px;border:1px solid #dde8f0;border-radius:14px;background:#fff;color:#173451;font-weight:650}
.service-deliverables li i{margin-top:3px;color:#1682bf}
.all-services-directory{padding:76px 0;background:#f5f9fc}
.service-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.service-directory-heading h2{max-width:720px;margin:0;color:#071f3e;font-size:clamp(32px,4vw,50px);line-height:1.1;font-weight:800}
.service-directory-heading p{max-width:520px;margin:0;color:#65758a;line-height:1.7}
.service-directory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-directory-group{padding:26px;border:1px solid #dce7f0;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(8,43,78,.06)}
.service-directory-group h3{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#092446;font-size:21px;font-weight:800}
.service-directory-group h3 i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e7f5fc;color:#147bb8;font-size:15px}
.service-directory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.service-directory-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:10px;background:#f7fafc;color:#29445e;font-size:13px;font-weight:700;line-height:1.4}
.service-directory-links a:hover{background:#0d74b3;color:#fff}
.service-directory-links a i{font-size:10px}
@media(max-width:1199px){
  .service-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-directory-heading{display:block}.service-directory-heading p{margin-top:14px}
}
@media(max-width:767px){
  .service-overview-strip,.service-deliverables,.service-directory-groups,.service-directory-links{grid-template-columns:1fr}
  .all-services-directory{padding:58px 0}
  .service-directory-group{padding:21px 18px}
  .common-left-sidebar{margin-bottom:12px}
}

/* Website pricing plans */
.website-pricing-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)}
.website-price-card{overflow:hidden;border:1px solid #dce3ea;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(7,31,63,.07);transition:transform .3s ease,box-shadow .3s ease}
.website-price-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(7,31,63,.13)}
.price-card-header{padding:30px 18px 28px;text-align:center;background:linear-gradient(135deg,#ffb45e 0%,#ff9f3f 100%)}
.price-card-header h2{margin:0 0 18px;color:#071f3e;font-size:clamp(24px,2vw,30px);line-height:1.2;font-weight:800}
.package-price{display:flex;justify-content:center;align-items:center;color:#071f3e}
.package-price .currency{margin:4px 3px 0 0;align-self:flex-start;font-size:22px;line-height:1;font-weight:600}
.package-price .amount{font-size:58px;line-height:.9;font-weight:900;letter-spacing:-2px}
.package-price .duration{margin-left:6px;align-self:flex-end;font-size:15px;line-height:1.2;font-weight:600}
.price-card-body{display:flex;min-height:300px;flex-direction:column;padding:27px 24px 30px;text-align:center}
.price-card-body ul{display:grid;gap:0;margin:0 0 26px;padding:0;list-style:none}
.price-card-body ul li{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf1f4;color:#344a61;font-size:15px;line-height:1.45}
.price-card-body ul li:last-child{border-bottom:0}
.price-card-body ul li i{color:#ec8b28;font-size:12px}
.pricing-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:13px 25px;border:2px solid #ffa84e;border-radius:8px;background:#ffa84e;color:#071f3e;font-size:15px;font-weight:800;text-decoration:none;transition:all .25s ease}
.pricing-btn:hover,.pricing-btn:focus{border-color:#071f3e;background:#071f3e;color:#fff}
.pricing-content{padding:28px 10px 28px 6px}
.pricing-subtitle{display:inline-flex;align-self:flex-start;margin-bottom:17px;padding:6px 10px;border-radius:5px;background:#ffa84e;color:#071f3e;font-size:12px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.35px}
.pricing-content>h2{max-width:650px;margin:0 0 17px;color:#071f3e;font-size:clamp(35px,4.2vw,56px);line-height:1.07;font-weight:900;letter-spacing:-1.5px}
.pricing-content>p{max-width:620px;margin:0 0 22px;color:#627286;font-size:20px;line-height:1.55}
.custom-package-box{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:2px;padding:22px 24px;border:1px solid #dbe6ed;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(7,31,63,.06)}
.custom-package-box h3{margin:0 0 7px;color:#071f3e;font-size:22px;font-weight:850}
.custom-package-box p{max-width:520px;margin:0;color:#69798a;font-size:14px;line-height:1.6}
.custom-package-box .pricing-btn{flex:0 0 auto;margin:0}
.pricing-note{display:flex;align-items:flex-start;gap:9px!important;max-width:690px!important;margin:18px 0 0!important;color:#718095!important;font-size:12px!important;line-height:1.55!important}
.pricing-note i{margin-top:3px;color:#ec8b28}
@media(max-width:1199px){.pricing-content{padding:18px 0}.pricing-content>h2{font-size:44px}.custom-package-box{align-items:flex-start;flex-direction:column}.custom-package-box .pricing-btn{margin-top:2px}}
@media(max-width:575px){.price-card-header{padding:25px 14px}.package-price .amount{font-size:52px}.price-card-body{min-height:auto;padding:24px 18px}.pricing-content>h2{font-size:34px}.pricing-content>p{font-size:17px}.custom-package-box{padding:20px 18px}.custom-package-box .pricing-btn{width:100%}}

/* ===== Real SSNM Team Page ===== */
.real-team-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 10%, rgba(48, 197, 173, .10), transparent 24%),
        radial-gradient(circle at 92% 90%, rgba(255, 171, 80, .12), transparent 25%),
        #f8fafc;
}

.team-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(48, 197, 173, .12);
    color: #087f6c;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.team-page-title {
    margin-bottom: 16px;
    color: #071536;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 800;
}

.team-page-intro {
    max-width: 760px;
    margin: 0 auto;
    color: #5f6877;
    font-size: 18px;
    line-height: 1.75;
}

.real-team-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid #e5eaf0;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(7, 21, 54, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.real-team-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 65px rgba(7, 21, 54, .14);
}

.real-team-photo-wrap {
    position: relative;
    min-height: 410px;
    overflow: hidden;
    background: linear-gradient(145deg, #eef7f5, #f6f0e8);
}

.real-team-photo {
    display: block;
    width: 100%;
    height: 410px;
    object-fit: contain;
    object-position: center bottom;
    transition: transform .5s ease;
}

.real-team-card:hover .real-team-photo {
    transform: scale(1.035);
}

.real-team-role-badge {
    position: absolute;
    right: 18px;
    bottom: 18px;
    max-width: calc(100% - 36px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(7, 21, 54, .92);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(7, 21, 54, .22);
}

.real-team-content {
    padding: 30px;
}

.real-team-label {
    display: block;
    margin-bottom: 8px;
    color: #0b9a82;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.real-team-content h3 {
    margin-bottom: 5px;
    color: #071536;
    font-size: 28px;
    line-height: 1.25;
}

.real-team-role {
    margin-bottom: 16px;
    color: #dc7a16;
    font-weight: 700;
}

.real-team-bio {
    margin-bottom: 20px;
    color: #5f6877;
    line-height: 1.75;
}

.real-team-skills {
    display: grid;
    gap: 10px;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.real-team-skills li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #25314d;
    font-weight: 600;
}

.real-team-skills i {
    display: inline-grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    border-radius: 50%;
    background: rgba(48, 197, 173, .14);
    color: #07917a;
    font-size: 11px;
}

.real-team-contact {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #071536;
    font-weight: 800;
    text-decoration: none;
}

.real-team-contact i {
    transition: transform .25s ease;
}

.real-team-contact:hover {
    color: #07917a;
}

.real-team-contact:hover i {
    transform: translateX(5px);
}

.team-collaboration-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 42px;
    padding: 28px 32px;
    border-radius: 22px;
    background: #071536;
    box-shadow: 0 20px 50px rgba(7, 21, 54, .18);
}

.team-collaboration-strip span {
    display: block;
    margin-bottom: 4px;
    color: #83e6d4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.team-collaboration-strip h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(21px, 2.4vw, 30px);
    line-height: 1.35;
}

@media (max-width: 991px) {
    .real-team-photo-wrap,
    .real-team-photo {
        min-height: 370px;
        height: 370px;
    }

    .team-collaboration-strip {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .real-team-photo-wrap,
    .real-team-photo {
        min-height: 330px;
        height: 330px;
    }

    .real-team-content {
        padding: 24px 20px;
    }

    .real-team-content h3 {
        font-size: 24px;
    }

    .team-collaboration-strip {
        margin-top: 28px;
        padding: 24px 20px;
    }
}



/* Footer email form fix */
.footer-section .form-style1 {
  min-height: 52px;
  padding: 5px 6px 5px 14px;
  gap: 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
}
.footer-section .form-style1 input[type="email"] {
  min-width: 0;
  flex: 1 1 auto;
  padding: 11px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
}
.footer-section .form-style1 input[type="email"]::placeholder { color: rgba(255,255,255,.68); }
.footer-section .form-style1 button {
  width: 42px;
  height: 42px;
  min-width: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: var(--p1-clr, #ff5455);
  color: #fff;
  cursor: pointer;
}
.footer-section .form-style1 button:hover,
.footer-section .form-style1 button:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.08);
}


/* SSNM Industry Pages */
@media (min-width:1200px){
  .header-main .main-menu > nav > ul > li > .industries-submenu{min-width:270px;max-width:305px}
  .header-main .main-menu .industries-submenu .industry-group>a{display:flex!important;align-items:center;justify-content:space-between;gap:18px}
  .header-main .main-menu .industries-submenu .industry-group>a i{margin-left:auto;font-size:12px}
  .header-main .main-menu .industries-submenu .industry-group-menu{
    top:-1px!important;left:100%!important;inset-inline-start:100%!important;width:285px!important;max-width:285px!important;
    max-height:72vh;overflow-y:auto;padding:8px 0;border:1px solid rgba(7,31,63,.10);border-radius:12px;
    box-shadow:0 18px 42px rgba(7,31,63,.18);background:#fff!important
  }
  .header-main .main-menu .industries-submenu>li:nth-last-child(-n+2) .industry-group-menu{top:auto!important;bottom:-1px}
  .header-main .main-menu .industries-submenu .industry-group-menu a{white-space:normal!important;font-size:14px!important;padding:10px 16px!important}
}
.industry-hero{position:relative;overflow:hidden;padding:172px 0 92px;background:radial-gradient(circle at 76% 30%,rgba(79,87,255,.24),transparent 35%),radial-gradient(circle at 12% 12%,rgba(0,211,184,.15),transparent 26%),linear-gradient(135deg,#031126 0%,#071f3e 55%,#07162c 100%)}
.industry-hero:before{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
.industry-hero .container{position:relative;z-index:2}.industry-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:8px 13px;border:1px solid rgba(124,235,216,.3);border-radius:999px;background:rgba(13,48,64,.55);color:#8ff0dd;font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}
.industry-hero h1{max-width:780px;margin:0 0 20px;color:#fff;font-size:clamp(44px,5.2vw,76px);line-height:1.03;letter-spacing:-2px;font-weight:800}.industry-hero h1 span{background:linear-gradient(92deg,#8ff0dd,#8faeff 55%,#d09dff);-webkit-background-clip:text;background-clip:text;color:transparent}.industry-hero p{max-width:720px;margin:0 0 29px;color:rgba(234,241,252,.76);font-size:18px;line-height:1.75}
.industry-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.industry-btn-primary,.industry-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:13px 22px;border-radius:999px;font-weight:750;transition:.25s}.industry-btn-primary{background:#fff;color:#071f3e}.industry-btn-primary:hover{background:#8ff0dd;color:#071f3e;transform:translateY(-2px)}.industry-btn-ghost{border:1px solid rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.05)}.industry-btn-ghost:hover{color:#8ff0dd;border-color:#8ff0dd}
.industry-hero-visual{position:relative;min-height:465px;padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 35px 90px rgba(0,0,0,.35);backdrop-filter:blur(14px)}.industry-hero-visual:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.08);border-radius:23px}.industry-main-icon{position:relative;display:grid;place-items:center;width:105px;height:105px;margin-bottom:38px;border-radius:28px;background:linear-gradient(145deg,rgba(143,240,221,.25),rgba(126,109,255,.27));color:#a7f3e6;font-size:44px;box-shadow:0 18px 38px rgba(0,0,0,.22)}
.industry-dashboard{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.industry-kpi{min-height:112px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(5,18,42,.68)}.industry-kpi small{display:block;margin-bottom:9px;color:#87a0be;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.industry-kpi strong{display:block;color:#fff;font-size:17px;line-height:1.3}.industry-kpi i{margin-bottom:13px;color:#8ff0dd;font-size:19px}.industry-orbit{position:absolute;right:25px;top:28px;width:155px;height:155px;border:1px solid rgba(143,240,221,.22);border-radius:50%}.industry-orbit:before,.industry-orbit:after{content:"";position:absolute;border-radius:50%;background:#8ff0dd}.industry-orbit:before{width:12px;height:12px;left:18px;top:27px;box-shadow:0 0 18px rgba(143,240,221,.85)}.industry-orbit:after{width:8px;height:8px;right:22px;bottom:24px;background:#a89aff}
.industry-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.industry-metric{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}.industry-metric strong{display:block;color:#fff;font-size:14px}.industry-metric span{display:block;margin-top:3px;color:#8299b7;font-size:11px}
.industry-section{padding:84px 0}.industry-section.light{background:#f5f9fc}.industry-section.dark{background:#071f3e}.industry-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;color:#147fba;font-size:12px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.industry-title{max-width:820px;margin:0 0 17px;color:#071f3e;font-size:clamp(34px,4.2vw,54px);line-height:1.1;font-weight:800;letter-spacing:-1px}.industry-copy{max-width:780px;margin:0;color:#63758a;font-size:16px;line-height:1.75}.industry-section.dark .industry-title{color:#fff}.industry-section.dark .industry-copy{color:#9cb0c8}.industry-section.dark .industry-label{color:#8ff0dd}
.industry-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.industry-solution-card{position:relative;overflow:hidden;min-height:220px;padding:25px;border:1px solid #deE8f0;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(7,31,62,.055);transition:.25s}.industry-solution-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(7,31,62,.11);border-color:#a9d2e8}.industry-solution-card:after{content:"";position:absolute;width:95px;height:95px;right:-42px;bottom:-43px;border-radius:50%;background:rgba(40,143,196,.08)}.industry-solution-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:20px;border-radius:15px;background:#eaf6fb;color:#147fba;font-size:19px}.industry-solution-card h3{margin:0 0 10px;color:#092544;font-size:18px}.industry-solution-card p{margin:0;color:#6a7a8c;font-size:14px;line-height:1.65}
.industry-outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.industry-outcome{padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055)}.industry-outcome span{display:block;margin-bottom:18px;color:#8ff0dd;font-size:31px;font-weight:800}.industry-outcome h3{margin:0 0 8px;color:#fff;font-size:17px}.industry-outcome p{margin:0;color:#9cb0c8;font-size:13px;line-height:1.65}
.industry-usecases{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 0;padding:0;list-style:none}.industry-usecases li{display:flex;gap:12px;align-items:center;padding:17px 18px;border:1px solid #dce8f0;border-radius:14px;background:#fff;color:#163854;font-weight:700}.industry-usecases i{color:#1686bf}.industry-tech-cloud{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.industry-tech-cloud span{padding:10px 14px;border:1px solid #d7e5ee;border-radius:999px;background:#fff;color:#24455f;font-size:13px;font-weight:700}
.industry-process{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:36px}.industry-step{padding:24px;border:1px solid #dfe9f0;border-radius:18px;background:#fff}.industry-step .num{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border-radius:13px;background:#071f3e;color:#8ff0dd;font-weight:800}.industry-step h3{margin:0 0 8px;color:#092544;font-size:17px}.industry-step p{margin:0;color:#68798c;font-size:13px;line-height:1.65}
.industry-cta{padding:0 0 86px;background:#f5f9fc}.industry-cta-box{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:44px;border-radius:25px;background:linear-gradient(120deg,#092748,#0f4775);box-shadow:0 22px 55px rgba(7,31,62,.18)}.industry-cta-box h2{max-width:720px;margin:0 0 8px;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.12}.industry-cta-box p{margin:0;color:#abc0d6}.industry-faq{max-width:900px;margin:35px auto 0}.industry-faq details{margin-bottom:12px;border:1px solid #dce7ef;border-radius:15px;background:#fff}.industry-faq summary{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;cursor:pointer;list-style:none;color:#0b2b4a;font-weight:800}.industry-faq summary::-webkit-details-marker{display:none}.industry-faq summary:after{content:"+";color:#1582bb;font-size:22px}.industry-faq details[open] summary:after{content:"−"}.industry-faq p{margin:0;padding:0 20px 18px;color:#66798b;line-height:1.7}
.industries-directory-hero{padding:168px 0 78px;background:linear-gradient(135deg,#031126,#0b315c);color:#fff}.industries-directory-hero h1{max-width:900px;margin:15px 0 19px;color:#fff;font-size:clamp(46px,6vw,80px);line-height:1.02;font-weight:800;letter-spacing:-2px}.industries-directory-hero p{max-width:760px;color:#b7c8da;font-size:18px;line-height:1.7}.industry-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.industry-directory-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:260px;padding:25px;border:1px solid #dce7ef;border-radius:19px;background:#fff;box-shadow:0 12px 32px rgba(7,31,62,.055);transition:.25s}.industry-directory-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(7,31,62,.12)}.industry-directory-card .directory-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:15px;background:#eaf6fb;color:#147fba;font-size:20px}.industry-directory-card small{margin-bottom:7px;color:#1481ba;font-size:10px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.industry-directory-card h3{margin:0 0 9px;color:#092544;font-size:21px}.industry-directory-card p{margin:0 0 20px;color:#6a7b8d;font-size:14px;line-height:1.65}.industry-directory-card a{margin-top:auto;color:#0a4d75;font-weight:800}.home-industries-showcase{padding:82px 0;background:#f5f9fc}.home-industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:32px}.home-industry-card{display:flex;align-items:flex-start;gap:15px;padding:22px;border:1px solid #dce7ef;border-radius:17px;background:#fff;transition:.25s}.home-industry-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(7,31,62,.1)}.home-industry-card i{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:14px;background:#eaf6fb;color:#147fba}.home-industry-card strong{display:block;color:#092544;font-size:16px}.home-industry-card span{display:block;margin-top:5px;color:#718193;font-size:12px;line-height:1.55}
@media(max-width:991px){.industry-hero{padding:135px 0 72px}.industry-hero-copy{text-align:center}.industry-hero p{margin-left:auto;margin-right:auto}.industry-hero-actions{justify-content:center}.industry-hero-visual{max-width:720px;min-height:auto;margin:36px auto 0}.industry-solution-grid,.industry-directory-grid,.home-industry-grid{grid-template-columns:repeat(2,1fr)}.industry-outcomes,.industry-process{grid-template-columns:repeat(2,1fr)}.industry-cta-box{flex-direction:column;align-items:flex-start}}
@media(max-width:575px){.industry-hero{padding:112px 0 58px}.industry-hero h1{font-size:42px;letter-spacing:-1px}.industry-hero p{font-size:16px}.industry-hero-actions a{width:100%}.industry-hero-visual{padding:22px;border-radius:22px}.industry-orbit{display:none}.industry-dashboard,.industry-metrics,.industry-usecases,.industry-solution-grid,.industry-outcomes,.industry-process,.industry-directory-grid,.home-industry-grid{grid-template-columns:1fr}.industry-section{padding:62px 0}.industry-cta-box{padding:29px 22px}.industry-cta-box a{width:100%}.industries-directory-hero{padding:118px 0 62px}.industries-directory-hero h1{font-size:44px;letter-spacing:-1px}}

/* ================================================================
   Responsive desktop navigation alignment fix
   Keeps every primary menu item on one row at 1200px and above.
   ================================================================ */
@media (min-width: 1200px) {
  .header-1.header-style2 .container {
    width: 100%;
  }

  .header-1.header-style2 .mega-menu-wrapper {
    padding: 11px 18px;
  }

  .header-1 .header-main {
    gap: 18px;
    flex-wrap: nowrap;
  }

  .header-1 .header-main .header-left,
  .header-1 .header-main .header-right,
  .header-hamburger-inner {
    flex-shrink: 0;
  }

  .header-1 .header-main .header-right {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0;
  }

  .header-1 .mean__menu-wrapper,
  .header-1 .main-menu,
  .header-1 .main-menu nav {
    width: 100%;
    min-width: 0;
  }

  .header-main .main-menu > nav > ul {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap !important;
    gap: clamp(14px, 1.45vw, 24px);
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .header-main .main-menu > nav > ul > li {
    display: block;
    flex: 0 0 auto;
    margin-inline-end: 0 !important;
  }

  .header-main .main-menu > nav > ul > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 12px 0;
    white-space: nowrap;
    font-size: clamp(14px, 1.08vw, 16px);
    line-height: 1.2;
  }

  .header-main .main-menu > nav > ul > li > a i {
    flex: 0 0 auto;
    font-size: 13px;
  }

  .header-hamburger-inner {
    gap: 12px !important;
  }

  .header-hamburger-inner .search-icon {
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    margin-left: 0 !important;
    flex: 0 0 42px;
  }

  .header-hamburger-inner .common-btn {
    min-width: 118px;
    padding: 12px 18px !important;
    white-space: nowrap;
    font-size: 15px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .header-1.header-style2 .container {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-1.header-style2 .mega-menu-wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .header-logo img {
    width: 220px;
    max-width: 220px;
    max-height: 58px;
  }

  .header-1 .header-main {
    gap: 14px;
  }

  .header-main .main-menu > nav > ul {
    gap: 14px;
  }

  .header-main .main-menu > nav > ul > li > a {
    font-size: 14px;
  }

  .header-hamburger-inner .common-btn {
    min-width: 108px;
    padding: 11px 15px !important;
    font-size: 14px !important;
  }
}


/* Two-page focused portfolio */
.portfolio-focused-page{padding:88px 0;background:#f7f9fc}
.portfolio-focused-intro{max-width:820px;margin:0 auto 52px;text-align:center}
.portfolio-focused-intro>span{display:inline-flex;align-items:center;gap:9px;color:#2368d9;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.portfolio-focused-intro h2{font-size:clamp(34px,5vw,58px);line-height:1.08;margin:13px 0 17px;color:#0b1d3a}
.portfolio-focused-intro p{color:#637086;font-size:17px}
.portfolio-two-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:27px}
.portfolio-two-tabs a{padding:11px 19px;border:1px solid #dce4ef;border-radius:999px;background:#fff;color:#173151;font-weight:700}
.portfolio-two-tabs a.active,.portfolio-two-tabs a:hover{background:#0c2d59;color:#fff;border-color:#0c2d59}
.portfolio-case-list{display:grid;gap:42px}
.portfolio-case{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:28px;background:#fff;border:1px solid #e4eaf2;border-radius:28px;box-shadow:0 18px 55px rgba(18,45,83,.08)}
.portfolio-case-reverse .portfolio-case-media{order:2}
.portfolio-case-media{position:relative}
.portfolio-case-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;box-shadow:0 16px 40px rgba(10,35,70,.16)}
.portfolio-live-link{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:999px;background:#fff;color:#0c2d59;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.portfolio-project-label{display:inline-block;color:#2871df;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.portfolio-case-content h3{font-size:clamp(27px,3vw,40px);line-height:1.14;margin:10px 0 7px;color:#102443}
.portfolio-client{color:#e95055!important;font-weight:800;margin-bottom:16px!important}
.portfolio-case-content>p{color:#647287;font-size:16px}
.portfolio-feature-list{display:grid;gap:10px;margin:24px 0}
.portfolio-feature-list li{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:12px;background:#f6f8fb;color:#33445c}
.portfolio-feature-list i{color:#2871df;margin-top:5px}
.portfolio-capabilities{display:flex;flex-wrap:wrap;gap:8px}
.portfolio-capabilities span{padding:8px 12px;border-radius:999px;background:#eaf2ff;color:#174f93;font-size:13px;font-weight:700}
.portfolio-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:44px 0 0;border:1px solid #e2e8f1;border-radius:22px;background:#fff;overflow:hidden}
.portfolio-summary-strip div{padding:25px;text-align:center;border-right:1px solid #e8edf4}
.portfolio-summary-strip div:last-child{border-right:0}
.portfolio-summary-strip strong{display:block;color:#0c2d59;font-size:23px}
.portfolio-summary-strip span{display:block;color:#718096;font-size:14px;margin-top:4px}
.portfolio-gallery-links{display:flex;gap:14px;flex-wrap:wrap}
.portfolio-gallery-links a{display:inline-flex!important;align-items:center;gap:8px}
@media(max-width:991px){.portfolio-case{grid-template-columns:1fr}.portfolio-case-reverse .portfolio-case-media{order:0}.portfolio-summary-strip{grid-template-columns:1fr}.portfolio-summary-strip div{border-right:0;border-bottom:1px solid #e8edf4}.portfolio-summary-strip div:last-child{border-bottom:0}}
@media(max-width:575px){.portfolio-focused-page{padding:62px 0}.portfolio-case{padding:16px;border-radius:20px}.portfolio-live-link{position:static;margin-top:12px}.portfolio-case-content h3{font-size:27px}.portfolio-gallery-links{width:100%}.portfolio-gallery-links a{width:100%;justify-content:center}}