/* =========================================================
   CAiHUB Premium Redesign Layer - Connect • Learn • Grow
   Upload-ready for cPanel. Added by ChatGPT.
   ========================================================= */
:root{
  --cai-blue:#063160;
  --cai-navy:#071f3d;
  --cai-accent:#0f76da;
  --cai-green:#55b917;
  --cai-soft:#f6fbff;
  --cai-border:#d9e7f7;
  --cai-muted:#526377;
  --cai-shadow:0 18px 45px rgba(7,31,61,.10);
}
body{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 48%,#ffffff 100%);color:var(--cai-navy);}
a{transition:.18s ease}.container{max-width:1220px;margin-inline:auto;padding-inline:22px}.site-header{background:#fff!important;box-shadow:0 8px 26px rgba(7,31,61,.06);position:relative;z-index:50}.main-nav{background:#fff!important;border-top:1px solid #eef4fb}.main-nav ul{justify-content:center}.main-nav a{color:var(--cai-navy)!important;background:transparent!important;border-radius:10px;font-weight:850}.main-nav a:hover{color:var(--cai-accent)!important;background:#edf6ff!important}.projects-nav-btn,.customer-login-nav-btn,.btn{background:linear-gradient(135deg,#063160,#0f76da)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 12px 24px rgba(15,118,218,.22)!important}.btn.secondary,.hero-actions .secondary{background:#fff!important;color:var(--cai-blue)!important;border:1px solid var(--cai-green)!important;box-shadow:none!important}.section-kicker{color:var(--cai-green)!important;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.flash-news{background:#f8fbff!important;border-bottom:1px solid var(--cai-border)}.flash-wrap strong{background:linear-gradient(135deg,var(--cai-blue),var(--cai-accent))!important;color:#fff!important;border-radius:999px;padding:8px 14px}
.cai-redesign-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#f8fbff 54%,#edf7ff 100%);border-bottom:1px solid var(--cai-border)}
.cai-redesign-hero::after{content:"";position:absolute;right:-120px;bottom:-190px;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(85,185,23,.18),rgba(6,49,96,.10) 44%,transparent 65%);pointer-events:none}.cai-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:36px;align-items:center;min-height:470px;padding-block:54px;position:relative;z-index:1}.cai-hero-copy h1{font-size:clamp(36px,5vw,68px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 16px;color:var(--cai-navy)}.cai-hero-copy .blue{color:var(--cai-accent)}.cai-hero-copy .green{color:var(--cai-green)}.cai-hero-copy p{font-size:clamp(16px,1.6vw,20px);line-height:1.55;color:#24364b;max-width:680px}.cai-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.cai-hero-pills{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.cai-hero-pills span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--cai-border);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800;color:#213a58;box-shadow:0 8px 18px rgba(7,31,61,.05)}.cai-hero-pills span::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eaf8e4;color:var(--cai-green);font-weight:1000}.cai-hero-media{position:relative}.cai-hero-media img{width:100%;height:auto;border-radius:30px;display:block;box-shadow:var(--cai-shadow);border:1px solid rgba(255,255,255,.7);object-fit:cover}.cai-hero-media::before{content:"";position:absolute;inset:auto -18px -18px auto;width:70%;height:44%;background:linear-gradient(135deg,var(--cai-blue),#021329);border-radius:180px 0 28px 0;z-index:-1}.cai-mini-icons{position:absolute;left:-20px;bottom:28px;background:#fff;border:1px solid var(--cai-border);border-radius:18px;padding:12px 15px;box-shadow:var(--cai-shadow);display:grid;gap:8px;font-weight:850;color:var(--cai-blue);font-size:13px}.cai-mini-icons b{color:var(--cai-green)}
.cai-concept-band{margin:28px auto;padding:0}.cai-concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:linear-gradient(180deg,#ffffff,#f6f9ff);border:1px solid var(--cai-border);border-radius:28px;padding:18px;box-shadow:var(--cai-shadow)}.cai-concept-card{position:relative;display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;padding:22px 20px;border-radius:22px;background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid #dde9f7;box-shadow:0 10px 24px rgba(9,30,66,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.cai-concept-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:22px 0 0 22px;background:var(--cai-accent)}.cai-concept-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(9,30,66,.12)}.cai-concept-card.concept-connect::before{background:linear-gradient(180deg,#0a58ca,#2d7ff9)}.cai-concept-card.concept-learn::before{background:linear-gradient(180deg,#f59e0b,#f97316)}.cai-concept-card.concept-grow::before{background:linear-gradient(180deg,#0f9d58,#34c759)}.cai-concept-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#dbeafe);color:#0a58ca;box-shadow:inset 0 0 0 1px rgba(10,88,202,.08)}.cai-concept-card.concept-learn .cai-concept-icon{background:linear-gradient(135deg,#fff7e8,#ffedd5);color:#d97706;box-shadow:inset 0 0 0 1px rgba(217,119,6,.10)}.cai-concept-card.concept-grow .cai-concept-icon{background:linear-gradient(135deg,#ebfff2,#dcfce7);color:#15803d;box-shadow:inset 0 0 0 1px rgba(21,128,61,.10)}.cai-concept-icon svg{width:42px;height:42px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.cai-concept-icon svg rect,.cai-concept-icon svg circle{fill:currentColor;stroke:none}.cai-concept-card h3{margin:0 0 8px;font-size:22px;color:var(--cai-blue);letter-spacing:.04em;font-weight:800}.cai-concept-card.concept-learn h3{color:#b45309}.cai-concept-card.concept-grow h3{color:#15803d}.cai-concept-card p{margin:0;color:#4b5563;line-height:1.55;font-size:14.5px}
.card-grid,.service-mega-grid{gap:18px!important}.card,.service-group,.service-card,.blog-item,.contact-form,.section-card,.hero-card{border-radius:22px!important;border:1px solid var(--cai-border)!important;background:#fff!important;box-shadow:0 12px 34px rgba(7,31,61,.07)!important}.card{position:relative;overflow:hidden}.card::before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(var(--cai-accent),var(--cai-green));opacity:.85}.card h3,.service-group h3{color:var(--cai-blue)!important}.intro,.news-panel,.all-services,.cards-section{position:relative}.intro{border-radius:28px;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid var(--cai-border);box-shadow:var(--cai-shadow);padding:30px;margin-top:24px!important}.about-visual img{filter:drop-shadow(0 18px 30px rgba(7,31,61,.12))}.photo-placeholder{background:linear-gradient(135deg,#f4fbff,#eaf7ff)!important;color:var(--cai-blue)!important;border-radius:24px!important}
.cai-enhance-strip{margin:34px auto}.cai-enhance-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:linear-gradient(135deg,#f9fcff,#eef7ff);border:1px solid var(--cai-border);border-radius:30px;box-shadow:var(--cai-shadow);padding:26px}.cai-enhance-grid img{width:100%;border-radius:24px;box-shadow:0 20px 40px rgba(7,31,61,.12)}.cai-enhance-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.cai-enhance-list span{background:#fff;border:1px solid var(--cai-border);border-radius:16px;padding:14px;font-weight:850;color:var(--cai-blue)}
.cai-redesign-cta{margin:32px auto 0;background:linear-gradient(135deg,#062b55,#021d3a 72%,#063160);border-radius:30px;padding:30px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;position:relative;overflow:hidden}.cai-redesign-cta::after{content:"";position:absolute;right:-120px;bottom:-200px;width:420px;height:420px;border:2px solid rgba(85,185,23,.7);border-radius:50%}.cai-redesign-cta h2,.cai-redesign-cta h3{color:#fff;margin:0 0 7px}.cai-redesign-cta p{color:#dbeafe;margin:0}.cai-redesign-cta .btn{background:#fff!important;color:var(--cai-blue)!important;position:relative;z-index:1}.enhanced-footer{background:#fff!important;border-top:1px solid var(--cai-border)!important}.enhanced-footer h4{color:var(--cai-blue)!important}.enhanced-footer a:hover{color:var(--cai-green)!important}.service-page,.service-professional-content .service-content-card{border-radius:26px;background:#fff;border:1px solid var(--cai-border);box-shadow:var(--cai-shadow);padding:28px;margin-top:30px}.process-flow div,.service-flow-step{background:linear-gradient(180deg,#fff,#f7fbff)!important;border:1px solid var(--cai-border)!important;border-radius:18px!important}.highlight-box{background:#f4fbff!important;border:1px solid var(--cai-border)!important;border-radius:20px!important}.cta-strip{background:linear-gradient(135deg,#062b55,#0f76da)!important;color:#fff!important;border-radius:24px!important}.cta-strip h3{color:#fff!important}
@media(max-width:900px){.cai-hero-inner,.cai-enhance-grid{grid-template-columns:1fr}.cai-concept-grid{grid-template-columns:1fr}.cai-redesign-cta{grid-template-columns:1fr}.cai-hero-media{order:-1}.cai-hero-inner{padding-block:34px}.cai-mini-icons{position:static;margin-top:12px}.main-nav ul{justify-content:flex-start;overflow-x:auto}.cai-enhance-list{grid-template-columns:1fr}}
@media(max-width:560px){.cai-hero-copy h1{font-size:34px}.cai-hero-actions .btn{width:100%;text-align:center}.cai-concept-card{grid-template-columns:1fr;text-align:center}.cai-concept-icon{margin:auto}.cai-hero-media img{border-radius:22px}}


/* ===== Footer visibility + relevant service image showcase hotfix ===== */
.enhanced-footer,
.site-footer{
  background:linear-gradient(135deg,#05182c 0%,#063160 58%,#0a4f86 100%)!important;
  color:#f6fbff!important;
}
.footer-grid-enhanced > div{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:20px 22px;
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}
.enhanced-footer h4,
.site-footer h4{
  color:#ffffff!important;
  font-size:19px!important;
  margin-bottom:14px!important;
}
.footer-services-list a,
.footer-quick-links a,
.footer-admin-login,
.footer-contact-line,
.footer-copy,
.visitor-count{
  font-size:15px!important;
  line-height:1.55!important;
}
.footer-services-list a,
.footer-quick-links a,
.footer-contact-line a,
.footer-admin-login,
.site-footer a{
  color:#f4fbff!important;
  font-weight:700!important;
}
.footer-services-list a:hover,
.footer-quick-links a:hover,
.footer-contact-line a:hover,
.footer-admin-login:hover,
.site-footer a:hover{
  color:#a7f05a!important;
}
.footer-contact-line{color:#edf7ff!important;}
.footer-services-list a{padding:4px 0!important;}
.footer-quick-links hr{border-top:1px solid rgba(255,255,255,.2)!important;}
.footer-map iframe{
  border:2px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  background:#fff;
}
.footer-note{
  margin-top:20px!important;
  padding:16px 22px!important;
  background:rgba(255,255,255,.08);
}
.visitor-count{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#ffffff!important;
}
#visitorCount{color:#b7ff5a!important;font-weight:900!important;}
.footer-social-links a{display:inline-block;}

.cai-visual-showcase{
  margin:30px auto 0;
  padding:28px;
  border:1px solid var(--cai-border);
  border-radius:30px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:var(--cai-shadow);
}
.cai-visual-showcase > p{
  margin:0 0 18px;
  color:var(--cai-muted);
  max-width:840px;
}
.cai-visual-showcase h2{margin:6px 0 10px;color:var(--cai-blue);}
.cai-visual-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.cai-visual-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.cai-visual-card{
  margin:0;
  border:1px solid var(--cai-border);
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 28px rgba(7,31,61,.08);
}
.cai-visual-card img{
  display:block;
  width:100%;
  height:auto;
  background:#fff;
}
.cai-visual-card figcaption{
  padding:14px 16px 16px;
  color:var(--cai-muted);
  font-size:14px;
  line-height:1.5;
}
.cai-visual-card figcaption strong{
  display:block;
  margin-bottom:5px;
  color:var(--cai-blue);
  font-size:16px;
}
.cai-visual-card:hover{transform:translateY(-4px);transition:.18s ease;}
@media(max-width:980px){.cai-visual-grid,.cai-visual-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){
  .footer-grid-enhanced > div{padding:18px;}
  .cai-visual-showcase{padding:22px 16px;}
  .cai-visual-grid,.cai-visual-grid.two-col{grid-template-columns:1fr;}
}

/* ===== CAiHUB logo-matched main navigation row + submenu update ===== */
.site-header .main-nav,
.main-nav{
  background:linear-gradient(90deg,#063160 0%,#0f76da 48%,#55b917 100%)!important;
  border-top:0!important;
  border-bottom:4px solid #55b917!important;
  box-shadow:0 12px 28px rgba(6,49,96,.18)!important;
}
.main-nav ul{
  align-items:stretch!important;
  justify-content:center!important;
  gap:3px!important;
}
.main-nav li{position:relative!important;}
.main-nav > ul > li > a,
.main-nav ul > li > a{
  color:#ffffff!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  margin:6px 2px!important;
  padding:11px 12px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 1px rgba(0,0,0,.25)!important;
}
.main-nav > ul > li > a:hover,
.main-nav > ul > li:hover > a,
.main-nav > ul > li > a:focus{
  background:#ffffff!important;
  color:#063160!important;
  border-color:#ffffff!important;
  box-shadow:0 10px 22px rgba(3,22,45,.20)!important;
  text-shadow:none!important;
}
.main-nav > ul > li > a span,
.main-nav .has-dropdown > a span{
  color:#bfff85!important;
  font-weight:1000!important;
}
.main-nav > ul > li:hover > a span,
.main-nav > ul > li > a:hover span{
  color:#55b917!important;
}
.main-nav .projects-nav-btn,
.main-nav a.projects-nav-btn{
  background:linear-gradient(135deg,#55b917,#2f9d18)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 10px 24px rgba(85,185,23,.25)!important;
}
.main-nav .projects-nav-btn:hover,
.main-nav a.projects-nav-btn:hover{
  background:#ffffff!important;
  color:#063160!important;
}
.main-nav .dropdown,
.main-nav .has-dropdown .dropdown{
  background:#ffffff!important;
  color:#063160!important;
  border:1px solid rgba(15,118,218,.24)!important;
  border-top:4px solid #55b917!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 24px 48px rgba(6,49,96,.24)!important;
  padding:8px!important;
  min-width:285px!important;
  z-index:999!important;
}
.main-nav .dropdown a,
.main-nav .has-dropdown .dropdown a{
  color:#063160!important;
  background:linear-gradient(90deg,#ffffff,#f5fbff)!important;
  border:1px solid #e2eefb!important;
  border-left:4px solid #0f76da!important;
  border-radius:12px!important;
  margin:5px 0!important;
  padding:10px 13px!important;
  font-size:13.5px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-shadow:none!important;
}
.main-nav .dropdown a:hover,
.main-nav .dropdown a:focus{
  background:linear-gradient(90deg,#eaf8e4,#eef7ff)!important;
  color:#071f3d!important;
  border-left-color:#55b917!important;
  transform:translateX(3px);
  box-shadow:0 8px 18px rgba(7,31,61,.10)!important;
}
.main-nav a[aria-current="page"],
.main-nav .active > a{
  background:#ffffff!important;
  color:#063160!important;
  border-color:#ffffff!important;
  text-shadow:none!important;
}
@media(max-width:900px){
  .main-nav ul{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding:8px 12px!important;
  }
  .main-nav > ul > li > a,
  .main-nav ul > li > a{
    white-space:nowrap!important;
    margin:4px 2px!important;
  }
  .main-nav .dropdown,
  .main-nav .has-dropdown .dropdown{
    min-width:260px!important;
  }
}


/* ===== CAiHUB header slider with service visuals ===== */
.cai-hero-media.has-slider{display:flex;flex-direction:column;gap:14px;}
.cai-hero-slider{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.72);box-shadow:var(--cai-shadow);background:#fff;min-height:360px;isolation:isolate}
.cai-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.cai-hero-slide.active{opacity:1;pointer-events:auto}
.cai-hero-slide img{width:100%;height:100%;display:block;object-fit:cover}
.cai-hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,36,.02) 0%,rgba(4,18,36,.08) 45%,rgba(4,18,36,.46) 100%)}
.cai-hero-slide-caption{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;background:rgba(255,255,255,.92);color:var(--cai-blue);padding:12px 14px;border-radius:16px;font-size:14px;font-weight:800;line-height:1.45;box-shadow:0 10px 24px rgba(7,31,61,.12)}
.cai-hero-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(6,49,96,.55);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;cursor:pointer}
.cai-hero-slider-arrow.prev{left:12px}.cai-hero-slider-arrow.next{right:12px}
.cai-hero-slider-arrow:hover{background:rgba(6,49,96,.82)}
.cai-hero-slider-dots{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);z-index:3;display:flex;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(6,49,96,.26);backdrop-filter:blur(5px)}
.cai-hero-slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer}
.cai-hero-slider-dots button.active{background:#fff;box-shadow:0 0 0 3px rgba(85,185,23,.35)}
.cai-hero-media.has-slider .cai-mini-icons{position:static;left:auto;bottom:auto;margin-top:0}
@media(max-width:900px){.cai-hero-slider{min-height:300px}.cai-hero-slider-dots{bottom:82px}.cai-hero-slide-caption{font-size:13px}}
@media(max-width:560px){.cai-hero-slider{min-height:250px;border-radius:22px}.cai-hero-slider-arrow{width:36px;height:36px;font-size:20px}.cai-hero-slider-dots{bottom:76px}.cai-hero-slide-caption{left:12px;right:12px;bottom:12px;padding:10px 12px;font-size:12px}.cai-hero-media.has-slider .cai-mini-icons{padding:10px 12px;font-size:12px}}


/* ===== Header full-width slider + bottom grouped tools update ===== */
.cai-redesign-hero{padding-bottom:0!important;}
.cai-redesign-hero .cai-hero-inner{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  max-width:none!important;
  padding:42px 0 0!important;
  min-height:auto!important;
}
.cai-redesign-hero .cai-hero-copy{
  width:min(1220px, calc(100% - 44px));
  margin:0 auto!important;
}
.cai-redesign-hero .cai-hero-media.has-slider{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
.cai-redesign-hero .cai-hero-slider{
  width:100%!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  min-height:clamp(320px, 34vw, 560px)!important;
  box-shadow:0 18px 44px rgba(7,31,61,.12)!important;
}
.cai-redesign-hero .cai-hero-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.cai-redesign-hero .cai-hero-slide-caption{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(900px, calc(100% - 44px))!important;
  text-align:center!important;
}
.cai-redesign-hero .cai-mini-icons{
  width:min(1220px, calc(100% - 44px));
  margin:0 auto 18px!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  text-align:center;
}
.cai-bottom-tools{
  margin:34px auto 0;
  padding:30px;
  border:1px solid var(--cai-border);
  border-radius:30px;
  background:linear-gradient(135deg,#ffffff,#f5fbff);
  box-shadow:var(--cai-shadow);
}
.cai-bottom-tools h2{margin:6px 0 8px;color:var(--cai-blue);}
.cai-bottom-tools-intro{margin:0 0 18px;color:var(--cai-muted);}
.cai-bottom-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.cai-tool-card{
  display:block;
  padding:22px;
  border-radius:22px;
  border:1px solid var(--cai-border);
  background:#fff;
  box-shadow:0 12px 28px rgba(7,31,61,.08);
}
.cai-tool-card span{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#eaf8e4;color:var(--cai-green);font-weight:900;font-size:12px;letter-spacing:.08em;}
.cai-tool-card h3{margin:0 0 8px;color:var(--cai-blue);}
.cai-tool-card p{margin:0;color:var(--cai-muted);}
.cai-tool-card:hover{transform:translateY(-4px);transition:.18s ease;border-color:rgba(85,185,23,.45);}
.footer-tools-group{
  margin:12px 0;
  padding:12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
}
.footer-tools-group strong{display:block;color:#fff;margin-bottom:6px;}
.footer-tools-group a{display:block!important;padding:4px 0!important;}
@media(max-width:900px){
  .cai-redesign-hero .cai-hero-slider{min-height:clamp(260px, 48vw, 420px)!important;}
  .cai-redesign-hero .cai-mini-icons{grid-template-columns:1fr!important;}
  .cai-bottom-tools-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .cai-redesign-hero .cai-hero-inner{padding-top:28px!important;}
  .cai-redesign-hero .cai-hero-slider{min-height:230px!important;}
  .cai-redesign-hero .cai-hero-slide-caption{bottom:12px!important;width:calc(100% - 28px)!important;}
  .cai-bottom-tools{padding:22px 16px;}
}


/* ===== Useful Tools visual alignment with CAiHUB service cards ===== */
.cai-bottom-tools{
  margin:34px auto 0!important;
  padding:40px 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cai-bottom-tools h2{
  margin:6px 0 8px!important;
  color:var(--cai-blue)!important;
}
.cai-bottom-tools-intro{
  margin:0 0 18px!important;
  color:var(--cai-muted)!important;
  max-width:760px;
}
.cai-bottom-tools-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.cai-tool-card{
  min-height:150px;
  padding:22px!important;
  border-radius:22px!important;
  border:1px solid var(--cai-border)!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(7,31,61,.07)!important;
  color:inherit!important;
  position:relative;
  overflow:hidden;
}
.cai-tool-card::before{
  content:"";
  position:absolute;
  left:0;top:0;width:5px;height:100%;
  background:linear-gradient(var(--cai-accent),var(--cai-green));
  opacity:.85;
}
.cai-tool-card h3{margin:0 0 8px!important;color:var(--cai-blue)!important;}
.cai-tool-card p{margin:0!important;color:var(--cai-muted)!important;line-height:1.55;}
.cai-tool-card span{display:none!important;}
.cai-tool-card:hover{transform:translateY(-4px);transition:.18s ease;box-shadow:0 18px 45px rgba(7,31,61,.12)!important;border-color:var(--cai-border)!important;}
.footer-tools-group{
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.footer-tools-group strong{
  display:block!important;
  color:#ffffff!important;
  font-size:14px!important;
  margin:8px 0 4px!important;
}
.footer-tools-group a{display:block!important;padding:3px 0!important;}
@media(max-width:900px){.cai-bottom-tools-grid{grid-template-columns:1fr!important;}}
@media(max-width:560px){.cai-bottom-tools{padding:30px 22px!important;}}


/* ===== Full bottom menu row matched with CAiHUB header menu ===== */
.footer-main-menu{
  margin:0 auto 24px;
  padding:14px 16px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(135deg,#063160,#0f76da 62%,#55b917);
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.footer-main-menu a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.footer-main-menu a:hover,
.footer-main-menu a:focus{
  background:#ffffff!important;
  color:#063160!important;
  border-color:#ffffff!important;
  transform:translateY(-1px);
}
.main-nav{overflow:visible!important;}
.main-nav ul{flex-wrap:wrap;}
.main-nav a{white-space:nowrap;}
@media(max-width:900px){
  .footer-main-menu{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;border-radius:18px;}
  .footer-main-menu a{white-space:nowrap;}
}

/* ===== Update 2026-05-28: slider images fit without content cutting ===== */
.cai-hero-slide img,
.cai-redesign-hero .cai-hero-slide img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f7fbff!important;
}
.cai-hero-slider,
.cai-redesign-hero .cai-hero-slider{
  background:#f7fbff!important;
}


/* ===== Connect Learn Grow content cleanup update ===== */
.footer-main-menu{display:none!important}
.cai-concept-flow{grid-template-columns:repeat(3,1fr)!important}.cai-concept-flow div{min-height:110px;display:flex;flex-direction:column;justify-content:center;gap:8px}.cai-concept-flow div b{font-size:18px;letter-spacing:.04em;color:var(--cai-blue)}.cai-concept-flow div span{font-size:14px;line-height:1.45;color:var(--cai-muted)}
.service-flow-chart.cai-concept-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}.service-flow-chart.cai-concept-flow .service-flow-step{padding:18px;text-align:center}.service-flow-chart.cai-concept-flow .service-flow-step b{font-size:18px;letter-spacing:.04em}.service-flow-chart.cai-concept-flow .service-flow-step span{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;margin:0 auto 10px;background:#eaf8e4;color:var(--cai-green);font-weight:900}
.cai-visual-card figcaption{line-height:1.55}
@media(max-width:900px){.cai-concept-flow,.service-flow-chart.cai-concept-flow{grid-template-columns:1fr!important}}


/* ===== How We Help and listed service box colouring update ===== */
.cards-section .card-grid>.card,
.service-page .card-grid.small>.card,
.cai-bottom-tools-grid>.card{
  min-height:190px;
  padding:24px 22px 20px!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 32px rgba(7,31,61,.08)!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.cards-section .card-grid>.card::before,
.service-page .card-grid.small>.card::before,
.cai-bottom-tools-grid>.card::before{
  left:0;top:0;width:100%;height:6px;opacity:1;border-radius:24px 24px 0 0;
}
.cards-section .card-grid>.card h3,
.service-page .card-grid.small>.card h3,
.cai-bottom-tools-grid>.card h3{
  margin:10px 0 10px;
  font-size:22px;
  line-height:1.2;
}
.cards-section .card-grid>.card p,
.service-page .card-grid.small>.card p,
.cai-bottom-tools-grid>.card p{
  margin:0;
  line-height:1.6;
  color:#334155!important;
}
.cards-section .card-grid>.card:hover,
.service-page .card-grid.small>.card:hover,
.cai-bottom-tools-grid>.card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 38px rgba(7,31,61,.14)!important;
}
.cards-section .card-grid>.card:nth-child(6n+1),
.service-page .card-grid.small>.card:nth-child(6n+1),
.cai-bottom-tools-grid>.card:nth-child(6n+1){background:linear-gradient(135deg,#eaf3ff 0%,#f8fbff 60%,#ffffff 100%)!important;border-color:#cfe1fb!important}
.cards-section .card-grid>.card:nth-child(6n+1)::before,
.service-page .card-grid.small>.card:nth-child(6n+1)::before,
.cai-bottom-tools-grid>.card:nth-child(6n+1)::before{background:linear-gradient(90deg,#0f76da,#60a5fa)}
.cards-section .card-grid>.card:nth-child(6n+2),
.service-page .card-grid.small>.card:nth-child(6n+2),
.cai-bottom-tools-grid>.card:nth-child(6n+2){background:linear-gradient(135deg,#fff4e8 0%,#fff9f1 60%,#ffffff 100%)!important;border-color:#f6d5ae!important}
.cards-section .card-grid>.card:nth-child(6n+2)::before,
.service-page .card-grid.small>.card:nth-child(6n+2)::before,
.cai-bottom-tools-grid>.card:nth-child(6n+2)::before{background:linear-gradient(90deg,#f59e0b,#fb923c)}
.cards-section .card-grid>.card:nth-child(6n+3),
.service-page .card-grid.small>.card:nth-child(6n+3),
.cai-bottom-tools-grid>.card:nth-child(6n+3){background:linear-gradient(135deg,#ebfff2 0%,#f5fff8 60%,#ffffff 100%)!important;border-color:#c7f0d4!important}
.cards-section .card-grid>.card:nth-child(6n+3)::before,
.service-page .card-grid.small>.card:nth-child(6n+3)::before,
.cai-bottom-tools-grid>.card:nth-child(6n+3)::before{background:linear-gradient(90deg,#16a34a,#4ade80)}
.cards-section .card-grid>.card:nth-child(6n+4),
.service-page .card-grid.small>.card:nth-child(6n+4),
.cai-bottom-tools-grid>.card:nth-child(6n+4){background:linear-gradient(135deg,#f1edff 0%,#f8f5ff 60%,#ffffff 100%)!important;border-color:#ddd2ff!important}
.cards-section .card-grid>.card:nth-child(6n+4)::before,
.service-page .card-grid.small>.card:nth-child(6n+4)::before,
.cai-bottom-tools-grid>.card:nth-child(6n+4)::before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
.cards-section .card-grid>.card:nth-child(6n+5),
.service-page .card-grid.small>.card:nth-child(6n+5),
.cai-bottom-tools-grid>.card:nth-child(6n+5){background:linear-gradient(135deg,#e9fffb 0%,#f5fffd 60%,#ffffff 100%)!important;border-color:#bdeee5!important}
.cards-section .card-grid>.card:nth-child(6n+5)::before,
.service-page .card-grid.small>.card:nth-child(6n+5)::before,
.cai-bottom-tools-grid>.card:nth-child(6n+5)::before{background:linear-gradient(90deg,#0f766e,#2dd4bf)}
.cards-section .card-grid>.card:nth-child(6n),
.service-page .card-grid.small>.card:nth-child(6n),
.cai-bottom-tools-grid>.card:nth-child(6n){background:linear-gradient(135deg,#fff0f2 0%,#fff7f8 60%,#ffffff 100%)!important;border-color:#f7cbd2!important}
.cards-section .card-grid>.card:nth-child(6n)::before,
.service-page .card-grid.small>.card:nth-child(6n)::before,
.cai-bottom-tools-grid>.card:nth-child(6n)::before{background:linear-gradient(90deg,#e11d48,#fb7185)}
@media(max-width:900px){
  .cards-section .card-grid>.card,
  .service-page .card-grid.small>.card,
  .cai-bottom-tools-grid>.card{min-height:auto}
}


/* ===== Global coloured content boxes + hover colour change update ===== */
.card,
.service-group,
.blog-item,
.highlight-box,
.service-content-card,
.section-card,
.process-flow > div,
.service-flow-step,
.stats > div,
.mini-card-grid > div,
.news-subscribe-cta,
.cta-strip,
.contact-form,
.hero-card,
.admin-card{
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease,color .28s ease!important;
}

.card,
.service-group,
.blog-item,
.highlight-box,
.service-content-card,
.section-card,
.process-flow > div,
.service-flow-step,
.stats > div,
.mini-card-grid > div,
.contact-form,
.hero-card,
.admin-card{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid #d8e6f5!important;
  box-shadow:0 12px 30px rgba(7,31,61,.08)!important;
}

.card:hover,
.service-group:hover,
.blog-item:hover,
.highlight-box:hover,
.service-content-card:hover,
.section-card:hover,
.process-flow > div:hover,
.service-flow-step:hover,
.stats > div:hover,
.mini-card-grid > div:hover,
.contact-form:hover,
.hero-card:hover,
.admin-card:hover{
  transform:translateY(-6px);
  background:linear-gradient(135deg,#eef7ff 0%,#e8fff1 100%)!important;
  border-color:#9fd0b0!important;
  box-shadow:0 18px 38px rgba(7,31,61,.14)!important;
}

.card:hover h3,
.service-group:hover h3,
.blog-item:hover h3,
.highlight-box:hover h3,
.service-content-card:hover h2,
.service-content-card:hover h3,
.section-card:hover h3,
.process-flow > div:hover b,
.service-flow-step:hover b,
.stats > div:hover b,
.hero-card:hover h3,
.admin-card:hover h3{
  color:#0b5cab!important;
}

.card:hover p,
.service-group:hover p,
.blog-item:hover p,
.highlight-box:hover p,
.service-content-card:hover p,
.section-card:hover p,
.process-flow > div:hover span,
.service-flow-step:hover span,
.hero-card:hover p,
.admin-card:hover p{
  color:#23405e!important;
}

.service-group:nth-child(4n+1),
.blog-item:nth-child(4n+1),
.stats > div:nth-child(4n+1),
.mini-card-grid > div:nth-child(4n+1){background:linear-gradient(135deg,#eef6ff 0%,#ffffff 100%)!important}
.service-group:nth-child(4n+2),
.blog-item:nth-child(4n+2),
.stats > div:nth-child(4n+2),
.mini-card-grid > div:nth-child(4n+2){background:linear-gradient(135deg,#fff6eb 0%,#ffffff 100%)!important}
.service-group:nth-child(4n+3),
.blog-item:nth-child(4n+3),
.stats > div:nth-child(4n+3),
.mini-card-grid > div:nth-child(4n+3){background:linear-gradient(135deg,#effff3 0%,#ffffff 100%)!important}
.service-group:nth-child(4n),
.blog-item:nth-child(4n),
.stats > div:nth-child(4n),
.mini-card-grid > div:nth-child(4n){background:linear-gradient(135deg,#f6f0ff 0%,#ffffff 100%)!important}

.process-flow > div:nth-child(1),
.service-flow-step:nth-child(1){background:linear-gradient(135deg,#eaf3ff 0%,#ffffff 100%)!important}
.process-flow > div:nth-child(2),
.service-flow-step:nth-child(2){background:linear-gradient(135deg,#fff4e8 0%,#ffffff 100%)!important}
.process-flow > div:nth-child(3),
.service-flow-step:nth-child(3){background:linear-gradient(135deg,#ebfff2 0%,#ffffff 100%)!important}
.process-flow > div:nth-child(4),
.service-flow-step:nth-child(4){background:linear-gradient(135deg,#f3ecff 0%,#ffffff 100%)!important}
.process-flow > div:nth-child(5),
.service-flow-step:nth-child(5){background:linear-gradient(135deg,#ecfffb 0%,#ffffff 100%)!important}
.process-flow > div:nth-child(6),
.service-flow-step:nth-child(6){background:linear-gradient(135deg,#fff0f3 0%,#ffffff 100%)!important}


/* ===== Krishna peacock feather watermark theme ===== */
body{background-color:#f8fbff!important;background-image:none!important;}
.site-header,.top-header,.top-brand,main,section,.site-footer,.admin-shell,.admin-wrap,.svc-editor,.gallery-admin{position:relative;}
.card,.service-group,.blog-item,.highlight-box,.service-content-card,.section-card,.process-flow>div,.service-flow-step,.stats>div,.mini-card-grid>div,.contact-form,.hero-card,.admin-card,.svc-list,.svc-form,.gallery-frame,.blog-wrap,.update-card,.writer-profile-shell,.writer-dashboard,.profile-card{backdrop-filter:saturate(1.02);}


/* ===== Project report final output shall NOT carry Krishna peacock feather watermark ===== */
#exportArea,
#printArea,
.report-output,
.cma-report,
.report-cover-page,
.simple-cover-page{
  background-image:none!important;
  background-color:#ffffff!important;
}
#printArea *,
.report-output *,
.cma-report *{
  background-image:none!important;
}
@media print{
  body{background:#ffffff!important;background-image:none!important;}
  #printArea, #printArea *{background-image:none!important;}
}


/* ===== Real peacock feather watermark + responsive forms final update ===== */
html,body{max-width:100%;overflow-x:hidden!important;}
body{background-color:#f8fbff!important;background-image:none!important;position:relative;}
body::before{content:"";position:fixed;inset:0;background-image:url('/assets/images/watermarks/real-peacock-feather-watermark.png');background-repeat:repeat;background-size:520px auto;background-position:center top;opacity:.055;pointer-events:none;z-index:0;}
body>*{position:relative;z-index:1;}
body:has(#exportArea)::before,body:has(#printArea)::before,body:has(.report-output)::before,body:has(.cma-report)::before{display:none!important;}
#exportArea,#printArea,.report-output,.cma-report,.report-cover-page,.simple-cover-page{background:#fff!important;background-image:none!important;}
#exportArea *,#printArea *,.report-output *,.cma-report *{background-image:none!important;}
@media print{body{background:#fff!important;background-image:none!important;}body::before{display:none!important;}#exportArea,#printArea,.report-output,.cma-report{background:#fff!important;background-image:none!important;}#exportArea *,#printArea *,.report-output *,.cma-report *{background-image:none!important;}}
*,*::before,*::after{box-sizing:border-box;}
form,.form-card,.contact-form,.profile-form,.writer-form,.admin-form,.svc-form,.gallery-upload-form,.consultation-form,.project-form,.calculator-form,.auth-card,.login-card{max-width:100%!important;overflow-x:hidden!important;}
input,select,textarea,button{max-width:100%;box-sizing:border-box;}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;}
.form-row,.form-grid,.profile-grid,.writer-grid,.admin-form-grid,.project-form-grid,.gallery-upload-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:100%;}
.table-wrap,.admin-table-wrap,.responsive-table{max-width:100%;overflow-x:auto;}
img,video,iframe,table{max-width:100%;}
@media(max-width:700px){.form-row,.form-grid,.profile-grid,.writer-grid,.admin-form-grid,.project-form-grid,.gallery-upload-form{grid-template-columns:1fr!important;}body::before{background-size:360px auto;opacity:.05;}input,select,textarea,button{font-size:16px;}}


/* ===== Footer Content Writer and Gallery destination-matched buttons ===== */
.footer-gallery-link,.footer-content-writer-login{
  display:block!important;width:100%!important;max-width:180px!important;margin:6px 0 0!important;padding:7px 10px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.18)!important;background:transparent!important;color:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important;text-align:left!important;text-decoration:none!important;box-shadow:none!important;transition:color .2s ease,background .2s ease,transform .2s ease!important;
}
.footer-gallery-link:hover,.footer-content-writer-login:hover{
  background:rgba(255,255,255,.08)!important;color:#f5b642!important;transform:translateX(2px)!important;filter:none!important;
}
.footer-bottom .footer-gallery-link,.footer-bottom .footer-content-writer-login{display:inline-flex!important;width:auto!important;max-width:none!important;text-align:center!important;align-items:center!important;justify-content:center!important;margin-left:6px!important}
@media(max-width:700px){.footer-gallery-link,.footer-content-writer-login{max-width:100%!important;text-align:center!important}}

  margin-top:8px;
  margin-bottom:8px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
  padding:8px 14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,247,255,.94));
  border:1px solid rgba(16,84,151,.16);
  box-shadow:0 10px 24px rgba(7,31,61,.08);
  color:#0b315f;
  font-size:14px;
}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#2dbb3f;display:inline-block;box-shadow:0 0 0 0 rgba(45,187,63,.5);animation:caihubPulse 1.8s infinite}
@keyframes caihubPulse{0%{box-shadow:0 0 0 0 rgba(45,187,63,.5)}70%{box-shadow:0 0 0 8px rgba(45,187,63,0)}100%{box-shadow:0 0 0 0 rgba(45,187,63,0)}}


  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin:7px 8px 0 0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  vertical-align:middle;
  gap:7px!important;
  background:linear-gradient(135deg,#f8fbff,#fffdf5)!important;
  border:1px solid rgba(212,165,61,.35)!important;
  box-shadow:0 6px 16px rgba(7,31,61,.08)!important;
}
.header-contact .socials{display:inline-flex;align-items:center;vertical-align:middle;margin-top:7px;}
@media(max-width:760px){
  .header-contact{text-align:center!important;}
  .header-contact .socials{display:flex;justify-content:center;margin-top:6px;}
}


.header-contact{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;}
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  align-self:center!important;
  margin:0 4px 0 0!important;
  min-height:30px!important;
  padding:4px 8px!important;
  gap:5px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  display:inline-flex!important;
}
.header-contact .socials{flex:0 0 auto!important;margin-top:0!important;}
@media(max-width:760px){
  .header-contact{justify-content:center!important;gap:6px!important;}
}


.market-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto;box-shadow:0 0 0 0 rgba(45,187,63,.45)}
.market-status-dot.live{background:#22c55e;animation:caihubPulse 1.8s infinite}
.market-status-dot.off{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.10)}


/* ===== Footer Content Writer & Gallery links as plain text only ===== */
.footer-quick-links .footer-gallery-link,
.footer-quick-links .footer-content-writer-login,
.footer-gallery-link,
.footer-content-writer-login{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:3px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  color:#dff6ff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-decoration:none!important;
  justify-content:flex-start!important;
  align-items:initial!important;
}
.footer-quick-links .footer-gallery-link:hover,
.footer-quick-links .footer-content-writer-login:hover,
.footer-gallery-link:hover,
.footer-content-writer-login:hover{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  color:#8bea4d!important;
  text-decoration:underline!important;
}
.cai-redesign-hero .cai-hero-media.has-slider{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.cai-redesign-hero .cai-hero-slider{width:100%!important;border-radius:0!important;border-left:0!important;border-right:0!important;background:#f7fbff!important;min-height:clamp(340px,36vw,620px)!important}.cai-redesign-hero .cai-hero-slide img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#f7fbff!important}.cai-redesign-hero .cai-hero-slide::after,.cai-hero-slide-caption{display:none!important}

/* ===== CAiHUB Scope of Work box standardisation ===== */
.caihub-scope-box,
.scope-of-work-box{
  position:relative;
  display:block;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
  border:1px solid rgba(6,54,95,.16)!important;
  border-left:6px solid #c8942f!important;
  border-radius:20px!important;
  padding:20px 22px!important;
  margin:12px 0 18px!important;
  box-shadow:0 16px 38px rgba(6,54,95,.09)!important;
  overflow:hidden;
}
.caihub-scope-box::before,
.scope-of-work-box::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#06365f,#0b5f9c,#c8942f);
}
.caihub-scope-box h2,
.caihub-scope-box h3,
.caihub-scope-box h4,
.scope-of-work-box h2,
.scope-of-work-box h3,
.scope-of-work-box h4{
  margin:0 0 12px!important;
  color:#06365f!important;
  font-weight:900!important;
  letter-spacing:-.01em;
}
.caihub-scope-box ul,
.scope-of-work-box ul,
.caihub-scope-box ol,
.scope-of-work-box ol{margin:0!important;padding-left:20px!important;display:grid;gap:8px!important;}
.caihub-scope-box li,
.scope-of-work-box li{line-height:1.55;color:#334155;}
.caihub-scope-box p,
.scope-of-work-box p{color:#42546a;line-height:1.65;margin:8px 0 0;}
.service-content-grid .caihub-scope-box,
.service-content-grid .scope-of-work-box{height:100%;}
.two-col .caihub-scope-box,
.two-col .scope-of-work-box{align-self:stretch;}
@media(max-width:640px){.caihub-scope-box,.scope-of-work-box{padding:17px 16px!important;border-radius:16px!important;}}

/* ===== Service boxes: category-wise different hover colours ===== */
.service-card,.service-mini-card,.consult-service-card,.related-service-card,.service-group,.booking-service-card{--cai-hover-1:#063160;--cai-hover-2:#0f76da;--cai-hover-soft:#eef7ff;--cai-hover-border:rgba(15,118,218,.55);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;}
.service-card:nth-child(6n+1),.service-mini-card:nth-child(6n+1),.consult-service-card:nth-child(6n+1),.related-service-card:nth-child(6n+1),.service-group:nth-child(6n+1),.booking-service-card:nth-child(6n+1){--cai-hover-1:#063160;--cai-hover-2:#0f76da;--cai-hover-soft:#eef7ff;--cai-hover-border:rgba(15,118,218,.62);}
.service-card:nth-child(6n+2),.service-mini-card:nth-child(6n+2),.consult-service-card:nth-child(6n+2),.related-service-card:nth-child(6n+2),.service-group:nth-child(6n+2),.booking-service-card:nth-child(6n+2){--cai-hover-1:#0f7a3b;--cai-hover-2:#55b917;--cai-hover-soft:#f0fff5;--cai-hover-border:rgba(85,185,23,.62);}
.service-card:nth-child(6n+3),.service-mini-card:nth-child(6n+3),.consult-service-card:nth-child(6n+3),.related-service-card:nth-child(6n+3),.service-group:nth-child(6n+3),.booking-service-card:nth-child(6n+3){--cai-hover-1:#0b5cab;--cai-hover-2:#26a7ff;--cai-hover-soft:#eef9ff;--cai-hover-border:rgba(38,167,255,.62);}
.service-card:nth-child(6n+4),.service-mini-card:nth-child(6n+4),.consult-service-card:nth-child(6n+4),.related-service-card:nth-child(6n+4),.service-group:nth-child(6n+4),.booking-service-card:nth-child(6n+4){--cai-hover-1:#8a5a00;--cai-hover-2:#f7b733;--cai-hover-soft:#fff9eb;--cai-hover-border:rgba(247,183,51,.68);}
.service-card:nth-child(6n+5),.service-mini-card:nth-child(6n+5),.consult-service-card:nth-child(6n+5),.related-service-card:nth-child(6n+5),.service-group:nth-child(6n+5),.booking-service-card:nth-child(6n+5){--cai-hover-1:#04254a;--cai-hover-2:#21a35b;--cai-hover-soft:#f1fff8;--cai-hover-border:rgba(33,163,91,.62);}
.service-card:nth-child(6n),.service-mini-card:nth-child(6n),.consult-service-card:nth-child(6n),.related-service-card:nth-child(6n),.service-group:nth-child(6n),.booking-service-card:nth-child(6n){--cai-hover-1:#102a56;--cai-hover-2:#1d4ed8;--cai-hover-soft:#f3f7ff;--cai-hover-border:rgba(29,78,216,.62);}
.service-card:hover,.service-mini-card:hover,.consult-service-card:hover,.related-service-card:hover,.service-group:hover,.booking-service-card:hover{transform:translateY(-6px)!important;border-color:var(--cai-hover-border)!important;background:linear-gradient(145deg,#fff 0%,var(--cai-hover-soft) 100%)!important;box-shadow:0 24px 52px rgba(6,49,96,.16)!important;}
.service-card::before,.service-mini-card::before,.consult-service-card::before,.related-service-card::before,.service-group::before,.booking-service-card::before{background:linear-gradient(180deg,var(--cai-hover-1),var(--cai-hover-2))!important;}
.service-card:hover h3,.service-card:hover h3 a,.service-mini-card:hover h3,.consult-service-card:hover h3,.related-service-card:hover strong,.service-group:hover h3,.service-group:hover h3 a,.booking-service-card:hover h3{color:var(--cai-hover-1)!important;}
.service-group:hover a:not(h3 a):hover,.service-card:hover .btn,.service-mini-card:hover .btn,.consult-service-card:hover .btn,.related-service-card:hover .btn,.booking-service-card:hover .btn{background:linear-gradient(135deg,var(--cai-hover-1),var(--cai-hover-2))!important;color:#fff!important;border-color:transparent!important;text-decoration:none!important;}

/* CAiHUB header layout correction: social icons must stay on top-right; top WhatsApp button is removed and Login remains as the account CTA. */
.header-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;text-align:right;}
.header-actions .socials{order:1;display:flex;justify-content:flex-end;align-items:center;gap:5px;width:100%;}
.header-actions .customer-login-pill{order:2;align-self:flex-end;background:var(--navy);color:#fff;border-color:var(--navy);font-weight:800;}
.header-actions .header-contact-links{order:3;display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap;}
.header-actions .header-contact-links .whatsapp{display:none!important;}
@media(max-width:760px){.top-brand{align-items:flex-start}.header-actions{align-items:flex-end;max-width:64%;}.header-actions .header-contact-links{gap:4px}.header-actions .contact-pill{font-size:12px;padding:5px 8px}}

/* CAiHUB final header social placement: Facebook, YouTube, X and Instagram must remain in the right top header space. */
.site-header .top-brand{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
}
.site-header .header-contact.header-actions{
  margin-left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
.site-header .header-social-top-right,
.site-header .header-actions .socials{
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  order:1!important;
  margin:0 0 2px auto!important;
  text-align:right!important;
}
.site-header .header-social-top-right a,
.site-header .header-actions .socials a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}
.site-header .customer-login-pill{order:2!important;align-self:flex-end!important;}
.site-header .header-contact-links{order:3!important;justify-content:flex-end!important;text-align:right!important;}
@media(max-width:640px){
  .site-header .header-contact.header-actions{align-items:flex-end!important;margin-left:auto!important;}
  .site-header .header-social-top-right,
  .site-header .header-actions .socials{justify-content:flex-end!important;width:100%!important;}
}
@media(max-width:420px){
  .site-header .header-contact.header-actions{width:100%!important;max-width:100%!important;align-items:flex-end!important;}
  .site-header .header-social-top-right,
  .site-header .header-actions .socials{justify-content:flex-end!important;}
}

/* CAiHUB header row order update: after logo show Mobile 1, Mobile 2, Email, then Social icons from left to right. */
.site-header .top-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.site-header .header-contact.header-actions{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:right!important;
  margin-left:auto!important;
}
.site-header .header-contact-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  width:100%!important;
}
.site-header .header-contact-row .contact-pill{
  margin:0!important;
  white-space:nowrap!important;
}
.site-header .header-contact-row .socials,
.site-header .header-contact-row .header-social-top-right{
  order:4!important;
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  margin:0 0 0 2px!important;
}
.site-header .header-contact-row .socials a,
.site-header .header-contact-row .header-social-top-right a{
  margin-left:0!important;
  flex:0 0 auto!important;
}
.site-header .header-login-row{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
}
.site-header .header-login-row .customer-login-pill{
  margin:0!important;
  background:var(--navy)!important;
  color:#fff!important;
  border-color:var(--navy)!important;
  font-weight:800!important;
}
@media(max-width:760px){
  .site-header .top-brand{align-items:flex-start!important;gap:10px!important;}
  .site-header .brand-block{flex:0 0 auto!important;}
  .site-header .header-contact.header-actions{max-width:calc(100% - 95px)!important;align-items:flex-end!important;}
  .site-header .header-contact-row{gap:4px!important;}
  .site-header .header-contact-row .contact-pill,
  .site-header .header-login-row .customer-login-pill{font-size:11px!important;padding:5px 7px!important;}
  .site-header .header-contact-row .socials a{width:23px!important;height:23px!important;font-size:12px!important;}
}