/* ============================================================
   TCONGS FINAL POLISH — loaded after every page stylesheet
   ============================================================ */
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
img { max-width:100%; }

/* Reduce oversized section gaps across the site */
.comp-services-section,.insights-section,.why-choose-section,.process-section,.blog-section,.testimonials-section,.faq-section { padding-top:62px !important; padding-bottom:62px !important; }
.services-section { padding-top:64px !important; padding-bottom:64px !important; }
.srv-marketplaces,.srv-solutions,.srv-process,.srv-why,.srv-cta { padding-top:64px !important; padding-bottom:64px !important; }
.srv-section-head { margin-bottom:34px !important; }
.legal-hero { padding-top:105px !important; padding-bottom:44px !important; }
.legal-content-section { padding-top:58px !important; padding-bottom:58px !important; }

/* Footer: exact requested structure — 2 left, centered logo, 2 right */
.footer-corporate { background:#080d14 !important; padding:28px 0 0 !important; color:#91abc0 !important; }
.footer-corporate > .container { max-width:1240px; }
.footer-trust-strip { background:#fff; color:#20334a; border-radius:12px; padding:18px 24px 16px; margin:0 auto 34px; max-width:930px; box-shadow:0 8px 30px rgba(0,0,0,.12); }
.footer-trust-title { text-align:center; font-size:.70rem; font-weight:800; letter-spacing:.13em; color:#244f7f; margin-bottom:14px; }
.footer-trust-items { display:grid; grid-template-columns:repeat(5,1fr); align-items:center; }
.footer-trust-item { display:flex; align-items:center; justify-content:center; gap:9px; min-height:34px; padding:0 14px; border-right:1px solid #dce5ef; }
.footer-trust-item:last-child { border-right:0; }
.trust-icon { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:#edf4fc; color:#28558a; font-size:.9rem; flex:0 0 auto; }
.footer-trust-item strong { display:block; font-size:.72rem; color:#173b64; line-height:1.15; }
.footer-trust-item small { display:block; font-size:.61rem; color:#73879d; line-height:1.25; margin-top:2px; }
.footer-main-grid { display:grid !important; grid-template-columns:1.15fr .9fr 1.25fr .95fr 1.15fr !important; gap:28px !important; align-items:start; padding:0 0 28px !important; }
.footer-brand-column { grid-column:auto !important; grid-row:auto !important; text-align:center !important; padding:8px 12px 0 !important; min-width:0; }
.footer-brand-link { display:inline-flex; justify-content:center; }
.footer-brand-column .footer-brand-logo { width:165px !important; max-width:165px !important; height:auto; margin:0 auto 12px; }
.footer-brand-column .footer-brand-tagline { max-width:245px; margin:0 auto 16px; color:#91a9bc !important; font-size:.77rem !important; line-height:1.55 !important; }
.footer-social-row { justify-content:center; gap:8px; }
.social-circle-item { width:34px !important; height:34px !important; font-size:.74rem !important; }
.footer-column-title { color:#eaf5fb !important; font-size:.75rem !important; letter-spacing:.10em !important; margin-bottom:14px !important; padding-bottom:8px !important; }
.footer-column-title::after { width:28px !important; height:2px !important; background:#3f8fc5 !important; }
.footer-list-items { gap:7px !important; }
.footer-list-items a { color:#8fa9bd !important; font-size:.76rem !important; line-height:1.35 !important; }
.footer-list-items a:hover { color:#69cef2 !important; transform:translateX(3px); }
.footer-contact-details { gap:10px !important; }
.contact-detail-item { gap:8px !important; }
.contact-item-icon { width:17px !important; color:#58b9e4 !important; font-size:.78rem !important; }
.contact-detail-item p,.contact-detail-item span,.contact-detail-item a { color:#8fa9bd !important; font-size:.74rem !important; line-height:1.45 !important; }
.footer-legal-note { border-top:1px solid rgba(255,255,255,.07) !important; padding:14px 0 16px !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:28px !important; text-align:left !important; }
.footer-legal-note p { margin:0 !important; color:#71899d !important; font-size:.64rem !important; line-height:1.5 !important; }
.footer-copyright-strip { background:#040b12 !important; padding:11px 0 !important; }
.footer-strip-flex { display:flex !important; justify-content:space-between !important; align-items:center; gap:12px 22px !important; flex-wrap:wrap; }
.copyright-text { color:#7890a3 !important; font-size:.65rem !important; margin:0 !important; }
.copyright-text a { color:#9cc7db !important; }

/* Services marketplace cards — make logos slightly larger */
.srv-mp-grid { gap:16px !important; }
.srv-mp-card { padding:22px 16px 18px !important; }
.mp-logo { width:104px !important; height:104px !important; object-fit:contain; }

@media (max-width:1100px) {
  .footer-main-grid { grid-template-columns:1fr 1fr !important; gap:24px 28px !important; }
  .footer-brand-column { grid-column:1 / -1 !important; grid-row:1 !important; }
  .footer-links-column:nth-child(4) { grid-column:1 !important; }
  .footer-contact-column { grid-column:2 !important; }
}
@media (max-width:700px) {
  .comp-services-section,.insights-section,.why-choose-section,.process-section,.blog-section,.testimonials-section,.faq-section,.services-section,.srv-marketplaces,.srv-solutions,.srv-process,.srv-why,.srv-cta { padding-top:44px !important; padding-bottom:44px !important; }
  .footer-corporate { padding-top:20px !important; }
  .footer-trust-strip { margin-bottom:24px; padding:16px 12px; border-radius:10px; }
  .footer-trust-items { grid-template-columns:1fr 1fr; gap:10px 0; }
  .footer-trust-item { justify-content:flex-start; border-right:0; padding:5px 8px; }
  .footer-trust-item:last-child { grid-column:1 / -1; justify-content:center; }
  .footer-main-grid { grid-template-columns:1fr 1fr !important; gap:24px 18px !important; padding-bottom:22px !important; }
  .footer-brand-column { grid-column:1 / -1 !important; grid-row:1 !important; padding:0 8px 8px !important; }
  .footer-links-column:nth-child(2) { grid-column:2 !important; }
  .footer-links-column:nth-child(4) { grid-column:1 !important; }
  .footer-contact-column { grid-column:1 / -1 !important; }
  .footer-brand-column .footer-brand-logo { width:150px !important; max-width:150px !important; }
  .footer-brand-column .footer-brand-tagline { font-size:.74rem !important; max-width:280px; }
  .footer-column-title { font-size:.70rem !important; margin-bottom:12px !important; }
  .footer-list-items { gap:6px !important; }
  .footer-list-items a { font-size:.72rem !important; }
  .contact-detail-item p,.contact-detail-item span,.contact-detail-item a { font-size:.72rem !important; }
  .footer-legal-note { grid-template-columns:1fr !important; gap:10px !important; padding:12px 0 14px !important; }
  .footer-legal-note p { font-size:.61rem !important; }
  .footer-strip-flex { flex-direction:column !important; text-align:center !important; gap:5px !important; }
  .copyright-text { font-size:.62rem !important; }
  .mp-logo { width:88px !important; height:88px !important; }
}
@media (max-width:480px) {
  .container { padding-left:14px; padding-right:14px; }
  .footer-trust-items { grid-template-columns:1fr; }
  .footer-trust-item { justify-content:flex-start; border-bottom:1px solid #e5ebf2; padding:7px 6px; }
  .footer-trust-item:last-child { grid-column:auto; justify-content:flex-start; border-bottom:0; }
  .footer-main-grid { grid-template-columns:1fr 1fr !important; gap:22px 14px !important; }
  .footer-links-column:nth-child(2),.footer-links-column:nth-child(4) { grid-column:auto !important; }
  .footer-contact-column { grid-column:1 / -1 !important; }
  .footer-brand-column .footer-brand-logo { width:142px !important; max-width:142px !important; }
  .footer-column-title { font-size:.66rem !important; letter-spacing:.08em !important; }
  .footer-list-items a { font-size:.68rem !important; }
  .contact-detail-item p,.contact-detail-item span,.contact-detail-item a { font-size:.68rem !important; }
  .footer-legal-note p { font-size:.58rem !important; }
}


/* FINAL NAVBAR + FOOTER ORDER / MARKETPLACE LOGO SIZE */
.footer-main-grid {
  grid-template-columns: 1fr 1.05fr 1.25fr 1.05fr 1.15fr !important;
  gap: 24px !important;
}
.footer-social-row { display: none !important; }
.footer-brand-column .footer-brand-tagline { margin-bottom: 0 !important; }
.mega-item-icon { width: 42px !important; height: 42px !important; border-radius: 8px !important; }
.mega-item-icon img { width: 34px !important; height: 34px !important; }
.mega-item { gap: 12px !important; padding: 8px 10px !important; }
@media (max-width: 1100px) {
  .footer-main-grid { grid-template-columns: 1fr 1fr !important; }
  .footer-brand-column { grid-column: 1 / -1 !important; grid-row: 1 !important; }
  .footer-links-column:nth-child(1) { grid-column: 1 !important; }
  .footer-links-column:nth-child(2) { grid-column: 2 !important; }
  .footer-links-column:nth-child(4) { grid-column: 1 !important; }
  .footer-contact-column { grid-column: 2 !important; }
}
@media (max-width: 700px) {
  .footer-main-grid { grid-template-columns: 1fr 1fr !important; gap: 20px 14px !important; }
  .footer-brand-column { grid-column: 1 / -1 !important; grid-row: 1 !important; }
  .footer-links-column:nth-child(1) { grid-column: 1 !important; }
  .footer-links-column:nth-child(2) { grid-column: 2 !important; }
  .footer-links-column:nth-child(4) { grid-column: 1 !important; }
  .footer-contact-column { grid-column: 2 !important; }
  .mega-item-icon { width: 38px !important; height: 38px !important; }
  .mega-item-icon img { width: 31px !important; height: 31px !important; }
}

/* FINAL AUDIT */
.footer-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,1.2fr) minmax(0,1fr) minmax(0,1fr)!important;gap:24px!important}
.footer-social-row{display:none!important}
.mega-item-icon{width:42px!important;height:42px!important}.mega-item-icon img{width:34px!important;height:34px!important}.mega-item{gap:12px!important;padding:8px 10px!important}
@media(max-width:1100px){.footer-main-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.footer-main-grid{grid-template-columns:1fr 1fr!important;gap:20px 14px!important}.mega-item-icon{width:38px!important;height:38px!important}.mega-item-icon img{width:31px!important;height:31px!important}}
@media(max-width:480px){.footer-main-grid{grid-template-columns:1fr 1fr!important;gap:18px 12px!important}}


/* Accessibility and interaction safeguards */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #58b9e4;
  outline-offset: 3px;
}
html, body { max-width:100%; overflow-x:hidden; }
img, video { height:auto; }
@media (max-width:480px) {
  a, button { min-height:44px; }
  .nav-phone-badge { min-height:44px; }
}


/* ============================================================
   FINAL UX POLISH — AI status, mobile navigation/footer accordions,
   hero CTA contrast and mobile overflow protection
   ============================================================ */

/* Hero primary CTA: stronger contrast and clearer action */
.hero-cta-row .btn-primary-cta,
.hero-section .btn-primary-cta {
  background: linear-gradient(135deg,#0f5fa8 0%,#1f78c1 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 10px 24px rgba(8,72,132,.30) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
.hero-cta-row .btn-primary-cta:hover,
.hero-section .btn-primary-cta:hover {
  background:linear-gradient(135deg,#0b4f8d 0%,#176aa9 100%) !important;
  color:#fff !important;
  transform:translateY(-2px);
}
.hero-cta-row .btn-secondary-cta,
.hero-section .btn-secondary-cta {
  color:#fff !important;
  border-color:rgba(255,255,255,.72) !important;
  background:rgba(8,31,53,.42) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.16) !important;
}

/* AI Assistant: clear online state inside the opened panel */
.tcongs-ai-status {
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
}
.tcongs-ai-status i {
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#66e0a5 !important;
  box-shadow:0 0 0 2px rgba(102,224,165,.18) !important;
  flex:0 0 6px !important;
}
.tcongs-ai-panel.open .tcongs-ai-status { color:#e9fff4 !important; }

/* AI panel stays fully inside the viewport on small screens */
.tcongs-ai-panel {
  max-height:calc(100dvh - 94px) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.tcongs-ai-panel.open .tcongs-ai-messages {
  flex:1 1 auto !important;
  min-height:120px !important;
  max-height:calc(100dvh - 285px) !important;
  overflow-y:auto !important;
}
.tcongs-ai-quick { flex:0 0 auto !important; }
.tcongs-ai-form { flex:0 0 auto !important; }

/* Mobile services dropdown */
.mobile-services-group { width:100%; }
.mobile-services-toggle {
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 4px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:transparent;
  color:var(--clr-text);
  font:inherit;
  font-size:1rem;
  font-weight:500;
  cursor:pointer;
  text-align:left;
}
.mobile-services-toggle:hover { color:var(--clr-primary); padding-left:10px; }
.mobile-services-chevron { transition:transform .2s ease; font-size:1.15rem; line-height:1; }
.mobile-services-toggle.open .mobile-services-chevron { transform:rotate(180deg); }
.mobile-services-submenu {
  display:none;
  padding:6px 0 8px 12px;
  border-left:2px solid rgba(88,185,228,.35);
  margin:2px 0 4px;
}
.mobile-services-submenu.open { display:block; }
.mobile-services-submenu a {
  display:block !important;
  width:100% !important;
  min-height:42px !important;
  padding:10px 8px !important;
  border-bottom:1px solid rgba(255,255,255,.045) !important;
  font-size:.92rem !important;
}

/* Footer accordion: desktop remains open/unchanged; mobile becomes clean expandable groups */
.footer-accordion-toggle {
  width:100%;
  border:0;
  background:transparent;
  color:#eaf5fb !important;
  text-align:left;
  font:inherit;
  font-size:.75rem !important;
  font-weight:800 !important;
  letter-spacing:.10em !important;
  padding:0 0 8px !important;
  margin:0 0 14px !important;
  position:relative;
  cursor:pointer;
}
.footer-accordion-toggle::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:2px;
  background:#3f8fc5;
}
.footer-accordion-icon { display:none; float:right; font-size:1rem; letter-spacing:0; }

@media (max-width:700px) {
  /* Prevent mobile menu from being cut off */
  .mobile-menu {
    max-height:calc(100dvh - var(--navbar-height));
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-bottom:24px !important;
  }

  /* Footer: one clean accordion per category */
  .footer-main-grid {
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding-bottom:12px !important;
  }
  .footer-brand-column {
    order:0;
    width:100%;
    padding:0 8px 18px !important;
  }
  .footer-links-column {
    width:100%;
    order:1;
    border-top:1px solid rgba(255,255,255,.09);
    padding:0 !important;
  }
  .footer-links-column:nth-child(2) { order:2; }
  .footer-links-column:nth-child(4) { order:3; }
  .footer-contact-column { order:4; }

  .footer-accordion-toggle {
    min-height:50px;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    padding:15px 2px !important;
    margin:0 !important;
    font-size:.76rem !important;
  }
  .footer-accordion-toggle::after { display:none; }
  .footer-accordion-icon { display:inline-block; color:#69cef2; font-size:1.2rem; transition:transform .2s ease; }
  .footer-column-open .footer-accordion-icon { transform:rotate(45deg); }
  .footer-list-items,
  .footer-contact-details {
    display:none !important;
    padding:0 2px 14px !important;
    margin:0 !important;
  }
  .footer-column-open .footer-list-items,
  .footer-column-open .footer-contact-details {
    display:flex !important;
  }
  .footer-list-items { flex-direction:column; gap:2px !important; }
  .footer-list-items a { min-height:42px !important; display:flex; align-items:center; font-size:.78rem !important; }
  .footer-contact-details { flex-direction:column; gap:12px !important; }
  .contact-detail-item { align-items:flex-start !important; }
  .contact-detail-item p,
  .contact-detail-item span,
  .contact-detail-item a { font-size:.78rem !important; line-height:1.5 !important; }
  .contact-detail-item a { word-break:break-word; overflow-wrap:anywhere; }

  .footer-legal-note { margin-top:4px !important; }

  /* Keep the floating assistant clear of the last footer controls */
  .footer-copyright-strip { padding-bottom:24px !important; }
  .tcongs-ai-widget { bottom:8px !important; }
  .tcongs-ai-panel {
    width:min(360px, calc(100vw - 20px)) !important;
    right:10px !important;
    bottom:48px !important;
  }
}

@media (max-width:480px) {
  .tcongs-ai-widget { right:8px !important; bottom:10px !important; }
  .tcongs-ai-panel {
    width:calc(100vw - 16px) !important;
    right:8px !important;
    max-height:calc(100dvh - 82px) !important;
    bottom:44px !important;
  }
  .tcongs-ai-header { padding:10px 11px !important; }
  .tcongs-ai-header strong { font-size:.76rem !important; }
  .tcongs-ai-header span { font-size:.60rem !important; }
  .tcongs-ai-messages { min-height:110px !important; }
}

/* ============================================================
   MOBILE FINAL FIX — Services hero, marketplace icon menu,
   AI online badge and viewport-safe chatbot
   ============================================================ */
@media (max-width:700px) {
  /* Services page: prevent hero heading/content from overflowing */
  .srv-hero,
  .srv-hero-inner,
  .srv-hero-content,
  .srv-hero-stats,
  .srv-hero-btns { width:100%; max-width:100%; min-width:0; }
  .srv-hero-inner { display:grid; grid-template-columns:minmax(0,1fr) !important; }
  .srv-hero-title {
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(1.65rem,7.8vw,2.05rem) !important;
    line-height:1.14 !important;
    letter-spacing:-.35px !important;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .srv-hero-title br { display:block; }
  .srv-hero-sub { width:100%; max-width:100%; font-size:.95rem !important; line-height:1.65 !important; }
  .srv-hero-btns { gap:10px !important; }
  .srv-btn-primary,.srv-btn-whatsapp { width:100% !important; min-width:0 !important; max-width:100% !important; justify-content:center !important; text-align:center; }

  /* Services dropdown: icon + label, aligned and tappable */
  .mobile-services-submenu { padding:6px 0 10px 10px !important; }
  .mobile-services-submenu a {
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    min-height:48px !important;
    padding:7px 8px !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    color:var(--clr-text) !important;
  }
  .mobile-service-icon {
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:9px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(105,206,242,.22) !important;
    overflow:hidden !important;
    color:#28558a !important;
    font-size:17px !important;
    font-weight:800 !important;
  }
  .mobile-service-icon img { width:26px !important; height:26px !important; object-fit:contain !important; display:block !important; }
  .mobile-service-submenu a span:last-child { font-size:.91rem !important; font-weight:600 !important; }

  /* AI status: clear green Online badge instead of a long clipped sentence */
  .tcongs-ai-header > div:first-child { min-width:0 !important; }
  .tcongs-ai-status {
    width:max-content !important;
    max-width:100% !important;
    margin-top:5px !important;
    padding:3px 8px !important;
    border-radius:999px !important;
    background:rgba(60,220,150,.14) !important;
    border:1px solid rgba(102,224,165,.30) !important;
    color:#eafff3 !important;
    font-size:.68rem !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }
  .tcongs-ai-status i { width:7px !important; height:7px !important; flex-basis:7px !important; }
  .tcongs-ai-status strong { font-size:.68rem !important; font-weight:800 !important; }
  .tcongs-ai-status em { display:inline !important; font-style:normal !important; opacity:.82 !important; margin-left:2px !important; }

  /* Keep the opened chatbot completely inside the viewport */
  .tcongs-ai-panel {
    width:calc(100vw - 16px) !important;
    max-width:390px !important;
    right:8px !important;
    bottom:56px !important;
    max-height:calc(100dvh - 72px) !important;
    border-radius:16px !important;
  }
  .tcongs-ai-panel.open .tcongs-ai-messages { max-height:calc(100dvh - 310px) !important; }
  .tcongs-ai-form { padding-bottom:max(8px, env(safe-area-inset-bottom)) !important; }
}

@media (max-width:480px) {
  .srv-hero { padding-top:calc(var(--navbar-height) + 18px) !important; padding-bottom:44px !important; }
  .srv-hero-title { font-size:clamp(1.55rem,8.6vw,1.95rem) !important; }
  .srv-hero-sub { font-size:.91rem !important; }
  .tcongs-ai-widget { right:8px !important; bottom:10px !important; }
  .tcongs-ai-launcher { min-height:50px !important; }
}


/* ============================================================
   FINAL MOBILE RESPONSIVE + AI BRANDING POLISH
   ============================================================ */
html, body { max-width:100%; overflow-x:hidden !important; }
img, svg, video, iframe { max-width:100%; }

/* Mobile Services control: obvious tappable animated trigger */
@media (max-width:700px) {
  .mobile-services-toggle {
    position:relative;
    min-height:56px !important;
    padding:10px 12px !important;
    border:1px solid rgba(105,206,242,.18) !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,rgba(40,85,138,.20),rgba(36,125,155,.08)) !important;
    box-shadow:0 6px 18px rgba(0,0,0,.08) !important;
    margin:5px 0 6px !important;
    transition:transform .2s ease, border-color .2s ease, background .2s ease !important;
  }
  .mobile-services-toggle::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:12px;
    border:1px solid rgba(105,206,242,.14);
    opacity:0;
    transform:scale(.96);
    animation:servicesPulse 2.2s ease-in-out infinite;
    pointer-events:none;
  }
  .mobile-services-toggle.open { border-color:rgba(105,206,242,.55) !important; background:linear-gradient(135deg,rgba(40,85,138,.30),rgba(36,125,155,.16)) !important; }
  .mobile-services-toggle:active { transform:scale(.985); }
  .mobile-services-toggle-label { display:flex; align-items:center; gap:9px; font-weight:800; }
  .mobile-services-toggle-icon {
    width:31px; height:31px; display:grid; place-items:center; flex:0 0 31px;
    border-radius:9px; background:#fff; color:#28558a; font-size:16px;
    box-shadow:0 3px 9px rgba(0,0,0,.12);
  }
  .mobile-services-hint {
    margin-left:auto; margin-right:10px; font-size:.65rem; font-weight:700;
    letter-spacing:.04em; text-transform:uppercase; color:#72c9ea; opacity:.9;
  }
  .mobile-services-chevron { font-size:1.35rem !important; font-weight:800; transition:transform .3s ease !important; }
  .mobile-services-toggle.open .mobile-services-chevron { transform:rotate(180deg) !important; }
  .mobile-services-submenu {
    display:block !important;
    max-height:0 !important;
    overflow:hidden !important;
    opacity:0;
    padding:0 0 0 10px !important;
    margin:0 0 4px !important;
    border-left:2px solid rgba(88,185,228,.30);
    transition:max-height .38s ease, opacity .25s ease, padding .3s ease !important;
  }
  .mobile-services-submenu.open {
    max-height:720px !important;
    opacity:1;
    padding:7px 0 10px 10px !important;
  }
  .mobile-services-submenu a {
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    min-height:50px !important;
    padding:7px 9px !important;
    margin:3px 0 !important;
    border:1px solid rgba(105,206,242,.10) !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.025) !important;
    transition:transform .2s ease, background .2s ease, border-color .2s ease !important;
  }
  .mobile-services-submenu a:hover,
  .mobile-services-submenu a:focus-visible { transform:translateX(4px); background:rgba(105,206,242,.08) !important; border-color:rgba(105,206,242,.28) !important; }

  /* Services hero: no forced desktop line-break and no grid min-content overflow */
  .srv-hero { width:100% !important; max-width:100vw !important; overflow:hidden !important; box-sizing:border-box !important; }
  .srv-hero .container { width:100% !important; max-width:100% !important; box-sizing:border-box !important; padding-left:14px !important; padding-right:14px !important; }
  .srv-hero-inner { width:100% !important; max-width:100% !important; min-width:0 !important; grid-template-columns:minmax(0,1fr) !important; gap:26px !important; box-sizing:border-box !important; }
  .srv-hero-content, .srv-hero-stats { min-width:0 !important; max-width:100% !important; width:100% !important; box-sizing:border-box !important; }
  .srv-hero-title { max-width:100% !important; width:100% !important; overflow-wrap:anywhere !important; word-break:normal !important; }
  .srv-hero-title br { display:none !important; }
  .srv-hero-sub { overflow-wrap:anywhere !important; }
  .srv-hero-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  .srv-stat-card { min-width:0 !important; width:100% !important; box-sizing:border-box !important; padding:22px 10px !important; overflow:hidden !important; }
  .srv-stat-num { min-width:0 !important; max-width:100% !important; overflow-wrap:anywhere !important; word-break:break-word !important; font-size:clamp(1.45rem,7vw,2rem) !important; }
  .srv-stat-label { overflow-wrap:anywhere !important; }
  .srv-hero-btns { width:100% !important; max-width:100% !important; }
  .srv-btn-primary, .srv-btn-whatsapp { box-sizing:border-box !important; }

  /* AI: use the real TCONGS brand mark, not a robot icon */
  .tcongs-ai-launcher-icon,
  .tcongs-ai-header > div:first-child::before {
    background-image:url('../images/tcongs-mark.png') !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    background-color:#fff !important;
    color:transparent !important;
    font-size:0 !important;
    box-shadow:0 2px 7px rgba(0,0,0,.12) !important;
  }
  .tcongs-ai-launcher-icon::before,
  .tcongs-ai-launcher-icon::after { display:none !important; content:none !important; }
  .tcongs-ai-header > div:first-child::before { content:"" !important; }
  .tcongs-ai-launcher-text { font-weight:800 !important; }
  .tcongs-ai-status em { display:none !important; }
  .tcongs-ai-status { padding:4px 9px !important; }
  .tcongs-ai-status strong { font-size:.7rem !important; }
}

@keyframes servicesPulse {
  0%,100% { opacity:0; transform:scale(.96); }
  50% { opacity:1; transform:scale(1.02); }
}

@media (max-width:480px) {
  .mobile-services-hint { font-size:.57rem; margin-right:7px; }
  .mobile-services-toggle-label { font-size:.92rem; }
  .srv-hero-title { font-size:clamp(1.55rem,8.3vw,1.95rem) !important; line-height:1.13 !important; }
  .srv-hero-stats { gap:10px !important; }
  .srv-stat-card { padding:20px 8px !important; min-height:112px !important; display:flex; flex-direction:column; justify-content:center; }
  .tcongs-ai-panel { width:calc(100vw - 12px) !important; right:6px !important; max-width:none !important; }
  .tcongs-ai-header { padding:10px !important; }
}

/* ============================================================
   FINAL CROSS-DEVICE CONSISTENCY PASS
   - Same AI Assistant branding on desktop + mobile
   - Mobile-only homepage hero consultation CTA
   - Remove homepage Explore Services text CTA
   - Remove generic Services icon from mobile menu
   - Prevent mobile content clipping / horizontal overflow
   ============================================================ */

/* AI Assistant: one consistent TCONGS-branded appearance everywhere */
.tcongs-ai-launcher-icon,
.tcongs-ai-header > div:first-child::before {
  background-image:url('../images/tcongs-mark.png') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-color:#fff !important;
  color:transparent !important;
  font-size:0 !important;
  box-shadow:0 2px 7px rgba(0,0,0,.12) !important;
}
.tcongs-ai-launcher-icon::before,
.tcongs-ai-launcher-icon::after {
  display:none !important;
  content:none !important;
}
.tcongs-ai-header > div:first-child::before {
  content:"" !important;
}

/* Homepage hero CTA: desktop navigation already has the consultation CTA.
   Show the hero CTA only on mobile. */
.index-page .hero-cta-row,
body:has(.hero-section) .hero-cta-row {
  display:none !important;
}

@media (max-width:700px) {
  /* Mobile navigation */
  .mobile-services-toggle-icon { display:none !important; }
  .mobile-services-toggle-label { gap:0 !important; }
  .mobile-services-toggle { min-width:0 !important; }

  /* Make the mobile Services trigger obviously interactive without a fake icon. */
  .mobile-services-toggle::before {
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#69cef2;
    box-shadow:0 0 0 4px rgba(105,206,242,.12);
    flex:0 0 7px;
    margin-right:10px;
  }
  .mobile-services-toggle { justify-content:flex-start !important; }
  .mobile-services-hint { margin-left:auto !important; }
  .mobile-services-chevron { margin-left:4px !important; }

  /* Homepage hero: keep every line inside the viewport. */
  body:has(.hero-section) .hero-section,
  body:has(.hero-section) .hero-container-center,
  body:has(.hero-section) .hero-content {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  body:has(.hero-section) .hero-section { overflow:hidden !important; }
  body:has(.hero-section) .hero-container-center { padding-left:14px !important; padding-right:14px !important; }
  body:has(.hero-section) .hero-title-finkash {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:clamp(1.65rem,7.8vw,2.35rem) !important;
    line-height:1.13 !important;
    letter-spacing:-.35px !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    white-space:normal !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body:has(.hero-section) .hero-tag-finkash,
  body:has(.hero-section) .hero-sublinks-row {
    max-width:100% !important;
    min-width:0 !important;
  }
  body:has(.hero-section) .hero-sublinks-row { gap:7px !important; }
  body:has(.hero-section) .sublink-item { max-width:100% !important; white-space:normal !important; text-align:center !important; }

  /* Only mobile gets the homepage hero consultation button. */
  body:has(.hero-section) .hero-cta-row {
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
    margin-top:20px !important;
  }
  body:has(.hero-section) .hero-cta-row .btn-primary-cta {
    display:flex !important;
    width:min(100%,330px) !important;
    min-height:56px !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#b9ef45,#8edb20) !important;
    color:#10251a !important;
    border:1px solid rgba(255,255,255,.65) !important;
    box-shadow:0 10px 28px rgba(119,190,20,.30) !important;
    text-shadow:none !important;
  }
  body:has(.hero-section) .hero-cta-row .btn-primary-cta:hover { color:#10251a !important; }

  /* Services page: mobile-only hero consultation buttons. */
  .srv-hero .srv-hero-btns { width:100% !important; }
  .srv-hero .srv-btn-primary { display:flex !important; }

  /* Prevent services-page stats from ever being clipped on narrow screens. */
  .srv-hero,
  .srv-hero-inner,
  .srv-hero-content,
  .srv-hero-stats,
  .srv-stat-card {
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .srv-hero-stats { overflow:visible !important; }
  .srv-stat-card { overflow:hidden !important; }
}

/* Very narrow phones: one-column stats eliminate any chance of clipping. */
@media (max-width:420px) {
  .srv-hero-stats { grid-template-columns:1fr !important; gap:10px !important; }
  .srv-stat-card { min-height:98px !important; padding:18px 12px !important; }
  body:has(.hero-section) .hero-title-finkash { font-size:clamp(1.55rem,7.6vw,2rem) !important; }
  body:has(.hero-section) .hero-section { padding-bottom:34px !important; }
}

/* AI panel: identical brand mark and compact online title on all viewports. */
.tcongs-ai-header strong { white-space:nowrap !important; }
.tcongs-ai-header > div:first-child { min-width:0 !important; }
@media (max-width:480px) {
  .tcongs-ai-header strong { font-size:.72rem !important; }
  .tcongs-ai-panel { width:calc(100vw - 12px) !important; right:6px !important; max-width:none !important; }
}

/* ============================================================
   TCONGS AI — FINAL OPEN PANEL DESIGN
   One brand logo, TCONGS AI + Online, floating launcher.
   ============================================================ */
.tcongs-ai-widget{z-index:99990!important;}
.tcongs-ai-launcher{
  position:relative!important; display:flex!important; align-items:center!important; gap:9px!important;
  min-height:50px!important; padding:7px 13px 7px 8px!important; border:1px solid rgba(255,255,255,.42)!important;
  border-radius:15px!important; background:linear-gradient(135deg,#174d70,#218da8)!important;
  color:#fff!important; box-shadow:0 12px 28px rgba(0,0,0,.28)!important; overflow:visible!important;
  animation:tcongsAiFloat 3.2s ease-in-out infinite!important;
}
.tcongs-ai-launcher-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(0,0,0,.14)!important;}
.tcongs-ai-launcher-icon img{width:26px!important;height:26px!important;object-fit:contain!important;display:block!important;}
.tcongs-ai-launcher-text{font-size:.82rem!important;font-weight:800!important;letter-spacing:-.01em!important;}
.tcongs-ai-launcher-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#49e49a!important;box-shadow:0 0 0 2px rgba(73,228,154,.18),0 0 10px rgba(73,228,154,.65)!important;margin-left:auto!important;animation:tcongsAiPulse 1.8s ease-in-out infinite!important;}
.tcongs-ai-panel{
  position:fixed!important; right:18px!important; bottom:78px!important; width:min(450px,calc(100vw - 28px))!important;
  height:min(590px,calc(100dvh - 98px))!important; max-height:calc(100dvh - 98px)!important;
  display:flex!important; flex-direction:column!important; overflow:hidden!important; border-radius:20px!important;
  border:1px solid rgba(255,255,255,.7)!important; background:#f5fbfe!important;
  box-shadow:0 22px 60px rgba(0,0,0,.34)!important; transform:translateY(16px) scale(.96)!important;
  opacity:0!important; visibility:hidden!important; pointer-events:none!important;
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .22s!important;
}
.tcongs-ai-panel.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;}
.tcongs-ai-header{
  flex:0 0 auto!important; min-height:84px!important; padding:14px 15px!important; display:flex!important; align-items:center!important;
  justify-content:space-between!important; gap:12px!important; color:#fff!important;
  background:linear-gradient(135deg,#164d72,#258ca8)!important; position:relative!important; overflow:hidden!important;
}
.tcongs-ai-header::after{content:"";position:absolute;width:120px;height:120px;right:-38px;top:-55px;border-radius:50%;background:rgba(255,255,255,.08)!important;pointer-events:none!important;}
.tcongs-ai-brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;position:relative!important;z-index:1!important;}
.tcongs-ai-header-logo{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:11px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(0,0,0,.14)!important;}
.tcongs-ai-header-logo img{width:31px!important;height:31px!important;object-fit:contain!important;display:block!important;}
.tcongs-ai-title-wrap{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;min-width:0!important;position:relative!important;}
.tcongs-ai-title-wrap strong{display:block!important;font-size:1rem!important;line-height:1.05!important;white-space:nowrap!important;color:#fff!important;}
.tcongs-ai-online{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:3px 8px!important;border-radius:999px!important;background:rgba(43,220,145,.14)!important;border:1px solid rgba(105,245,180,.32)!important;color:#eafff4!important;font-size:.7rem!important;font-weight:800!important;white-space:nowrap!important;}
.tcongs-ai-online i{width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;background:#4ce39c!important;box-shadow:0 0 0 3px rgba(76,227,156,.14)!important;animation:tcongsAiPulse 1.6s ease-in-out infinite!important;}
.tcongs-ai-close{position:relative!important;z-index:2!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.3)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:1.5rem!important;line-height:1!important;cursor:pointer!important;}
.tcongs-ai-messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:14px!important;background:#f6fbfe!important;}
.tcongs-ai-message{max-width:92%!important;padding:11px 13px!important;border-radius:14px!important;font-size:.9rem!important;line-height:1.5!important;margin-bottom:10px!important;}
.tcongs-ai-message.bot{background:#fff!important;border:1px solid #d8e6ef!important;color:#30445a!important;box-shadow:0 3px 12px rgba(25,70,100,.06)!important;}
.tcongs-ai-message.user{margin-left:auto!important;background:#2a6aa6!important;color:#fff!important;}
.tcongs-ai-quick{flex:0 0 auto!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important;padding:10px 12px!important;background:#fff!important;border-top:1px solid #e0ebf1!important;}
.tcongs-ai-quick button{padding:8px 12px!important;border:1px solid #cfe0eb!important;border-radius:999px!important;background:#fff!important;color:#24628d!important;font-weight:700!important;font-size:.75rem!important;cursor:pointer!important;}
.tcongs-ai-quick button:hover{background:#edf7fb!important;border-color:#7cc7e5!important;}
.tcongs-ai-form{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;background:#fff!important;border-top:1px solid #dce9f0!important;}
.tcongs-ai-form input{flex:1 1 auto!important;min-width:0!important;height:48px!important;border:1px solid #b8d7e8!important;border-radius:13px!important;padding:0 13px!important;outline:none!important;background:#fafdff!important;color:#263b50!important;font-size:.9rem!important;}
.tcongs-ai-form input:focus{border-color:#4bb5db!important;box-shadow:0 0 0 3px rgba(75,181,219,.14)!important;}
.tcongs-ai-form button{width:48px!important;height:48px!important;flex:0 0 48px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#2c6fa9,#218ca8)!important;color:#fff!important;font-size:1.25rem!important;font-weight:800!important;cursor:pointer!important;}
@keyframes tcongsAiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes tcongsAiPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
@media(max-width:700px){
  .tcongs-ai-panel{right:8px!important;bottom:68px!important;width:calc(100vw - 16px)!important;height:min(560px,calc(100dvh - 82px))!important;max-height:calc(100dvh - 82px)!important;border-radius:18px!important;}
  .tcongs-ai-header{min-height:74px!important;padding:11px 12px!important;}
  .tcongs-ai-header-logo{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .tcongs-ai-header-logo img{width:28px!important;height:28px!important;}
  .tcongs-ai-title-wrap{gap:4px!important;}
  .tcongs-ai-title-wrap strong{font-size:.9rem!important;}
  .tcongs-ai-online{font-size:.68rem!important;padding:4px 8px!important;}
  .tcongs-ai-close{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:1.35rem!important;}
  .tcongs-ai-messages{padding:12px!important;}
  .tcongs-ai-quick{padding:9px 10px!important;}
  .tcongs-ai-form{padding:9px 10px max(9px,env(safe-area-inset-bottom))!important;}
}
@media(max-width:380px){
  .tcongs-ai-title-wrap{gap:3px!important;}
  .tcongs-ai-online{font-size:.62rem!important;padding:4px 7px!important;}
  .tcongs-ai-header-logo{width:36px!important;height:36px!important;flex-basis:36px!important;}
}
/* Hide floating launcher while the full assistant panel is open so the brand logo appears only once. */
.tcongs-ai-widget:has(.tcongs-ai-panel.open) .tcongs-ai-launcher{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(6px)!important;}

/* ============================================================
   FINAL MOBILE OVERFLOW + CHATBOT SINGLE-LOGO PASS
   ============================================================ */

/* Never allow a child/grid item to create a wider mobile layout. */
@media (max-width: 700px) {
  html, body { width:100% !important; max-width:100% !important; overflow-x:hidden !important; }
  *, *::before, *::after { box-sizing:border-box; min-width:0; }
  img, svg, video, canvas { max-width:100% !important; }
  .container { width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }

  /* Marketplace detail pages: all stat cards stay inside the viewport. */
  .amz-stats-bar,
  .amz-stats-bar .container,
  .amz-stats-bar-inner { width:100% !important; max-width:100% !important; min-width:0 !important; }
  .amz-stats-bar-inner {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .amz-stat-item {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:14px 8px !important;
    overflow:hidden !important;
    word-break:break-word !important;
  }
  .amz-stat-num,
  .amz-stat-txt { max-width:100% !important; overflow-wrap:anywhere !important; word-break:break-word !important; }

  .amz-hero-inner,
  .amz-stats-row,
  .amz-chart-row,
  .challenges-grid,
  .services-cards,
  .why-grid,
  .process-steps,
  .results-grid,
  .faq-cta-grid,
  .cta-btns-row {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .amz-stats-row { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .amz-chart-row { grid-template-columns:minmax(0,1fr) !important; }
  .amz-stats-row > *, .amz-chart-row > *, .challenge-card, .svc-card, .why-card, .process-step, .result-card, .faq-item, .cta-btn-outline {
    min-width:0 !important; max-width:100% !important; overflow-wrap:anywhere !important;
  }

  /* Mobile Services menu: every marketplace item gets the full available width. */
  .mobile-services-group,
  .mobile-services-toggle,
  .mobile-services-submenu { width:100% !important; max-width:100% !important; min-width:0 !important; }
  .mobile-services-submenu {
    box-sizing:border-box !important;
    padding-left:0 !important;
    padding-right:0 !important;
    border-left:0 !important;
  }
  .mobile-services-submenu.open {
    max-height:calc(100dvh - 180px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  .mobile-services-submenu a {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:4px 0 !important;
  }

  /* Chatbot: the real header logo is the only logo. Remove legacy pseudo-logo. */
  .tcongs-ai-header > div:first-child::before {
    display:none !important;
    content:none !important;
    background:none !important;
    width:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
  }
  .tcongs-ai-brand { min-width:0 !important; }
  .tcongs-ai-header-logo { display:grid !important; flex:0 0 38px !important; }
  .tcongs-ai-header-logo img { display:block !important; }
}

@media (max-width:420px) {
  .amz-stats-bar-inner { grid-template-columns:1fr !important; gap:10px !important; }
  .amz-stat-item { padding:16px 10px !important; }
  .amz-stat-num { font-size:clamp(1.35rem,8vw,1.9rem) !important; }
}

/* Desktop/tablet also get safe min-width behavior without changing the layout. */
.amz-stats-bar-inner > *,
.amz-stats-row > *,
.amz-chart-row > *,
.srv-mp-grid > *,
.srv-sol-grid > * { min-width:0; }

/* ============================================================
   TCONGS — FINAL DESKTOP SPACING / HERO TUNING
   Scope: homepage hero + homepage/services content containers.
   The source hero artwork is unchanged; only its presentation size
   and overlaid typography are reduced slightly on desktop.
   ============================================================ */
@media (min-width: 769px) {
  /* Keep the homepage content rhythm close to the polished About page. */
  .comp-services-section > .container,
  .marketplaces-bar-section > .container,
  .insights-section > .container,
  .why-choose-section > .container,
  .process-section > .container,
  .services-section > .container,
  .blog-section > .container,
  .testimonials-section > .container,
  .faq-section > .container,
  .final-cta-section > .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Services page: same comfortable side margins as About. */
  .srv-hero-inner,
  .srv-marketplaces > .container,
  .srv-solutions > .container,
  .srv-why > .container,
  .srv-process > .container,
  .srv-cta > .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  /* ONLY reduce hero text; original hero artwork/position remains untouched. */
  .hero-title-finkash { font-size: clamp(2.35rem, 4.2vw, 3.2rem); line-height: 1.15; }

  .hero-tag-finkash { font-size: 12px; margin-bottom: 19px; }
  .hero-sublinks-row { font-size: 15px; gap: 14px; }
}


/* ============================================================
   FINAL SERVICES NAV FIX
   Desktop: never show the mobile services/menu trigger.
   Mobile: clean Services row — no dot, no box, no hint text.
   ============================================================ */
.mobile-menu { display:none !important; }

@media (max-width:700px) {
  .mobile-menu.open { display:flex !important; }

  .mobile-services-toggle {
    position:relative !important;
    width:100% !important;
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    margin:0 !important;
    padding:12px 0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--clr-text) !important;
    transform:none !important;
  }

  .mobile-services-toggle::before,
  .mobile-services-toggle::after {
    content:none !important;
    display:none !important;
  }

  .mobile-services-toggle:hover,
  .mobile-services-toggle:active,
  .mobile-services-toggle.open {
    padding-left:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .mobile-services-toggle-label {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:1rem !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    color:var(--clr-text) !important;
  }

  .mobile-services-hint { display:none !important; }

  .mobile-services-chevron {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:1.25rem !important;
    line-height:1 !important;
    font-weight:700 !important;
    color:var(--clr-text) !important;
    transition:transform .25s ease !important;
  }

  .mobile-services-submenu {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .mobile-services-submenu.open {
    padding:4px 0 8px !important;
  }

  .mobile-services-submenu a {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 4px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.045) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    color:var(--clr-text) !important;
  }

  .mobile-services-submenu a:hover,
  .mobile-services-submenu a:focus,
  .mobile-services-submenu a:focus-visible {
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.045) !important;
    background:transparent !important;
    transform:none !important;
  }
}


/* ============================================================
   TCONGS FINAL — TRUST STRIP + AI DUPLICATE LOGO + GROWTH METRIC
   ============================================================ */
.footer-trust-strip{
  width:100%!important; max-width:none!important; box-sizing:border-box;
  background:#fff!important; color:#20334a!important; border-radius:14px!important;
  padding:18px 24px 16px!important; margin:0 0 30px!important;
  box-shadow:0 8px 30px rgba(0,0,0,.12)!important;
}
.footer-trust-title{ text-align:center!important; font-size:.76rem!important; font-weight:800!important; letter-spacing:.13em!important; color:#173b64!important; margin:0 0 16px!important; }
.footer-trust-items{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; align-items:center!important; }
.footer-trust-item{ display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-width:0!important; min-height:52px!important; padding:0 16px!important; border-right:1px solid #dce5ef!important; }
.footer-trust-item:last-child{ border-right:0!important; }
.footer-trust-item strong{ display:block!important; font-size:.75rem!important; color:#173b64!important; line-height:1.2!important; }
.footer-trust-item small{ display:block!important; font-size:.63rem!important; color:#71869b!important; line-height:1.25!important; margin-top:3px!important; }
.trust-icon{ width:38px!important; height:38px!important; flex:0 0 38px!important; border-radius:50%!important; display:grid!important; place-items:center!important; background:#eaf2fb!important; color:#28558a!important; }
.trust-icon svg{ width:20px!important; height:20px!important; }

@media (min-width:701px){
  /* When the desktop AI window is open, keep only the header logo inside it. */
  .tcongs-ai-widget:has(.tcongs-ai-panel.open) .tcongs-ai-launcher{ display:none!important; }
}

@media (max-width:700px){
  .footer-trust-strip{ padding:16px 12px!important; margin-bottom:22px!important; border-radius:12px!important; }
  .footer-trust-title{ font-size:.68rem!important; margin-bottom:12px!important; }
  .footer-trust-items{ grid-template-columns:1fr 1fr!important; gap:8px 0!important; }
  .footer-trust-item{ justify-content:flex-start!important; border-right:0!important; padding:7px 8px!important; min-height:46px!important; }
  .footer-trust-item:last-child{ grid-column:1/-1!important; justify-content:center!important; }
  .trust-icon{ width:32px!important; height:32px!important; flex-basis:32px!important; }
  .trust-icon svg{ width:17px!important; height:17px!important; }
  .footer-trust-item strong{ font-size:.68rem!important; }
  .footer-trust-item small{ font-size:.59rem!important; }
}
@media (max-width:480px){
  .footer-trust-items{ grid-template-columns:1fr!important; }
  .footer-trust-item{ border-bottom:1px solid #e5ebf2!important; padding:7px 6px!important; }
  .footer-trust-item:last-child{ grid-column:auto!important; justify-content:flex-start!important; border-bottom:0!important; }
}


/* ============================================================
   TCONGS AI — FINAL CHATBOT-ONLY FIX
   Preserve the rest of the website. One logo, one launcher dot.
   ============================================================ */
.tcongs-ai-widget {
  position: fixed !important;
  right: 16px !important;
  bottom: 72px !important;
  z-index: 99999 !important;
}

/* Small rectangular launcher */
.tcongs-ai-launcher {
  width: auto !important;
  min-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 5px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#174d70,#238ca7) !important;
  box-shadow: 0 8px 22px rgba(20,69,101,.28) !important;
  position: relative !important;
  overflow: hidden !important;
  animation: tcongsAiFloat 3.2s ease-in-out infinite !important;
}

.tcongs-ai-launcher:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 12px 28px rgba(20,69,101,.34) !important;
}

/* Real TCONGS logo only — no robot/pseudo artwork */
.tcongs-ai-launcher-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  flex: 0 0 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.14) !important;
  position: relative !important;
}
.tcongs-ai-launcher-icon img {
  width: 27px !important;
  height: 27px !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
  position: static !important;
}
.tcongs-ai-launcher-icon::before,
.tcongs-ai-launcher-icon::after {
  content: none !important;
  display: none !important;
}

.tcongs-ai-launcher-text {
  display: inline !important;
  color: #fff !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* Keep ONLY this green dot, beside TCONGS AI text. */
.tcongs-ai-launcher-dot {
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  flex: 0 0 7px !important;
  margin: 0 1px 0 2px !important;
  border-radius: 50% !important;
  background: #49e49a !important;
  box-shadow: 0 0 0 2px rgba(73,228,154,.15), 0 0 9px rgba(73,228,154,.55) !important;
  animation: tcongsAiPulse 1.8s ease-in-out infinite !important;
}

/* Remove the old decorative green corner dot completely. */
.tcongs-ai-launcher::after {
  content: none !important;
  display: none !important;
}

/* Open panel: exactly one real TCONGS logo in the header. */
.tcongs-ai-panel .tcongs-ai-header > div:first-child::before,
.tcongs-ai-panel .tcongs-ai-header::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.tcongs-ai-header-logo {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: #fff !important;
  overflow: hidden !important;
}
.tcongs-ai-header-logo img {
  display: block !important;
  width: 31px !important;
  height: 31px !important;
  object-fit: contain !important;
}
.tcongs-ai-title-wrap strong {
  font-size: 1rem !important;
  color: #fff !important;
}

/* Never show the floating launcher underneath the open panel. */
.tcongs-ai-widget:has(.tcongs-ai-panel.open) .tcongs-ai-launcher {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(6px) !important;
}

@media (max-width: 700px) {
  .tcongs-ai-widget {
    right: 10px !important;
    bottom: 62px !important;
  }
  .tcongs-ai-launcher {
    min-width: 124px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 4px 8px !important;
    gap: 7px !important;
    border-radius: 12px !important;
  }
  .tcongs-ai-launcher-icon {
    width: 31px !important;
    height: 31px !important;
    flex-basis: 31px !important;
  }
  .tcongs-ai-launcher-icon img {
    width: 25px !important;
    height: 25px !important;
  }
  .tcongs-ai-launcher-text { font-size: .72rem !important; }
  .tcongs-ai-launcher-dot { width: 6px !important; height: 6px !important; min-width: 6px !important; flex-basis: 6px !important; }
  .tcongs-ai-header-logo { width: 38px !important; height: 38px !important; flex-basis: 38px !important; }
  .tcongs-ai-header-logo img { width: 28px !important; height: 28px !important; }
}


/* ============================================================
   TCONGS CHATBOT ROBOT — LAUNCHER ONLY
   Replace the TCONGS AI launcher visual with the supplied robot.
   No chatbot panel/functionality changes.
   ============================================================ */
.tcongs-ai-launcher{
  width:88px !important;
  min-width:88px !important;
  height:88px !important;
  min-height:88px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:block !important;
  animation:none !important;
}
.tcongs-ai-robot{
  width:100% !important;
  height:100% !important;
  display:block !important;
  position:relative !important;
  cursor:pointer !important;
  filter:drop-shadow(0 8px 16px rgba(0,90,170,.24)) !important;
  animation:tcongsRobotBlink 3.8s ease-in-out infinite !important;
  transform-origin:center bottom !important;
}
.tcongs-ai-robot img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  pointer-events:none !important;
}
.tcongs-ai-launcher:hover .tcongs-ai-robot{
  animation:none !important;
  transform:translateY(-3px) scale(1.06) !important;
  filter:drop-shadow(0 10px 22px rgba(0,115,220,.42)) !important;
}
.tcongs-ai-launcher-text,
.tcongs-ai-launcher-dot,
.tcongs-ai-launcher-icon{
  display:none !important;
}
.tcongs-ai-launcher::after,
.tcongs-ai-launcher-icon::before,
.tcongs-ai-launcher-icon::after{
  content:none !important;
  display:none !important;
}
@keyframes tcongsRobotBlink{
  0%, 88%, 100%{opacity:1; transform:translateY(0) scale(1);}
  91%{opacity:.72; transform:translateY(-1px) scale(1.015);}
  94%{opacity:1; transform:translateY(0) scale(1);}
}
@media (max-width:700px){
  .tcongs-ai-launcher{
    width:68px !important;
    min-width:68px !important;
    height:68px !important;
    min-height:68px !important;
  }
}
@media (max-width:480px){
  .tcongs-ai-launcher{
    width:62px !important;
    min-width:62px !important;
    height:62px !important;
    min-height:62px !important;
  }
}

/* ============================================================
   TCONGS FINAL MOBILE AUDIT — 2026-08-15
   Safe alignment/overflow polish across all pages.
   Existing desktop layout and functionality preserved.
   ============================================================ */
@media (max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  *,*::before,*::after{box-sizing:border-box}
  .container{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
  section,header,footer,main,nav,article,aside{max-width:100%;}
  img,svg,video,canvas,iframe{max-width:100%;}
  input,textarea,select,button{max-width:100%;}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  pre,code{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
  a{overflow-wrap:anywhere}
  h1,h2,h3,h4,h5,h6,p,li{overflow-wrap:break-word}
  .row,.grid,.two-col,.three-col,.four-col{min-width:0}
  [class*="grid"]>*{min-width:0}
  .btn,.button,[class*="btn-"]{max-width:100%;white-space:normal}

  /* Common form alignment on narrow screens */
  form{max-width:100%}
  .form-row{min-width:0}
  .form-group{min-width:0}
  .form-group input,.form-group textarea,.form-group select{width:100%;max-width:100%;box-sizing:border-box}

  /* Prevent floating widgets from forcing horizontal overflow */
  .tcongs-ai-widget{max-width:calc(100vw - 16px)!important}
}
@media (max-width:360px){
  .container{padding-left:13px;padding-right:13px}
}

/* ============================================================
   CHATBOT ROBOT — +10% SIZE + SMOOTH BLINK
   Launcher only. Chat panel/functionality unchanged.
   ============================================================ */
.tcongs-ai-launcher{
  width:97px!important;
  min-width:97px!important;
  height:97px!important;
  min-height:97px!important;
  animation:none!important;
}
.tcongs-ai-robot{
  animation:tcongsRobotSoftBlink 4.6s ease-in-out infinite!important;
  will-change:opacity,transform,filter;
}
.tcongs-ai-robot img{object-fit:contain!important}
.tcongs-ai-launcher:hover .tcongs-ai-robot{
  animation:tcongsRobotSoftBlink 4.6s ease-in-out infinite!important;
  transform:translateY(-3px) scale(1.055)!important;
  filter:drop-shadow(0 11px 24px rgba(0,115,220,.44))!important;
}
@keyframes tcongsRobotSoftBlink{
  0%,82%,100%{opacity:1;transform:translateY(0) scale(1);}
  87%{opacity:.88;transform:translateY(-1px) scale(1.012);}
  90%{opacity:.96;transform:translateY(0) scale(1.006);}
  93%{opacity:1;transform:translateY(0) scale(1);}
}
@media (max-width:700px){
  .tcongs-ai-launcher{width:75px!important;min-width:75px!important;height:75px!important;min-height:75px!important}
}
@media (max-width:480px){
  .tcongs-ai-launcher{width:68px!important;min-width:68px!important;height:68px!important;min-height:68px!important}
}

/* ============================================================
   CONTACT — GET IN TOUCH ALIGNMENT
   Compact, consistent icon/text columns; email never breaks badly.
   ============================================================ */
@media (max-width:700px){
  .contact-info-panel{width:100%;max-width:100%;gap:16px!important}
  .contact-info-panel .info-block{width:100%;max-width:100%;padding:15px 13px!important}
  .contact-info-panel .info-block-title{margin-bottom:12px!important;padding-bottom:8px!important}
  .contact-detail-list{width:100%;gap:10px!important;margin:0;padding:0}
  .contact-detail-list li{
    width:100%;
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr);
    align-items:start!important;
    column-gap:8px!important;
    min-width:0;
    line-height:1.45!important;
  }
  .contact-detail-list li .cd-icon{width:26px;min-width:26px;text-align:center;margin-top:1px;font-size:1rem!important}
  .contact-detail-list li p,
  .contact-detail-list li a,
  .contact-detail-list li>span:not(.cd-icon){
    min-width:0;
    max-width:100%;
    margin:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.45!important;
  }
  .contact-detail-list li a{display:block}

  .why-grid{width:100%;min-width:0;gap:7px!important}
  .why-item{min-width:0;align-items:center;padding:8px 8px!important;line-height:1.25}
  .why-item span:last-child{min-width:0;overflow-wrap:break-word}

  .marketplace-logos-grid{width:100%;min-width:0;gap:7px!important}
  .contact-marketplace-card{min-width:0!important;width:100%;overflow:hidden}
  .contact-marketplace-name{min-width:0;overflow-wrap:anywhere}

  .contact-form-panel{width:100%;max-width:100%;min-width:0;padding:15px 13px!important}
  .form-panel-header{width:100%;min-width:0;margin-bottom:14px!important;padding-bottom:12px!important}
  .form-panel-header h3,.form-panel-header p{max-width:100%;overflow-wrap:break-word}
  .consultation-form{width:100%;min-width:0;gap:10px!important}
  .form-row{width:100%;grid-template-columns:1fr!important;gap:9px!important}
  .marketplace-grid,.services-grid{width:100%;min-width:0}
  .checkbox-item{min-width:0;max-width:100%;align-items:flex-start}
  .checkbox-item .check-label,.checkbox-item .check-logo{min-width:0;overflow-wrap:anywhere;line-height:1.3}

  .contact-bottom-section{width:100%;overflow:hidden}
  .contact-bottom-grid{width:100%;min-width:0;gap:14px!important}
  .map-card,.cta-strip{width:100%;min-width:0}
  .map-card-header{padding:13px 14px!important;gap:8px!important}
  .map-card-header>div{min-width:0}
  .map-card-header h4,.map-card-header p{overflow-wrap:break-word}
  .map-link-btn{margin-left:auto!important}
  .map-embed-wrap iframe{width:100%!important;max-width:100%!important}
  .cta-strip{padding:17px 14px!important;gap:12px!important}
  .cta-strip-content{min-width:0;width:100%}
  .cta-contact-item{min-width:0;overflow-wrap:anywhere}
}

/* Extra-small: keep Get In Touch readable without horizontal drift */
@media (max-width:390px){
  .contact-detail-list li{grid-template-columns:24px minmax(0,1fr);column-gap:7px!important;font-size:.82rem!important}
  .contact-detail-list li .cd-icon{width:24px;min-width:24px;font-size:.95rem!important}
  .contact-detail-list li p{font-size:.82rem!important}
  .contact-info-panel .info-block{padding:14px 11px!important}
}

/* FINAL ROBOT + MOBILE ALIGNMENT PASS */
@media (min-width:901px){.tcongs-ai-launcher{width:107px!important;height:107px!important;min-width:107px!important;min-height:107px!important}}
@media (max-width:900px){.tcongs-ai-launcher{width:83px!important;height:83px!important;min-width:83px!important;min-height:83px!important}}
@media (max-width:480px){.tcongs-ai-launcher{width:75px!important;height:75px!important;min-width:75px!important;min-height:75px!important}}
.tcongs-ai-launcher{animation:tcongsRobotBlink 4.8s ease-in-out infinite!important;transform-origin:center;will-change:transform,opacity,filter}
@keyframes tcongsRobotBlink{0%,86%,100%{transform:scale(1);opacity:1;filter:brightness(1)}89%{transform:scale(1.015);opacity:.82;filter:brightness(1.08)}92%{transform:scale(1);opacity:1;filter:brightness(1)}}
.tcongs-ai-launcher:hover{transform:scale(1.055) translateY(-2px)!important}
@media(max-width:700px){
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
*,*::before,*::after{box-sizing:border-box!important}
img,svg,video,canvas,iframe{max-width:100%!important}
input,textarea,select,button{max-width:100%!important;box-sizing:border-box!important}
.container,.section-container,.page-container,.content-container,.main-container{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important}
section{max-width:100%!important}
a,p,span,small,label,li,td,th{overflow-wrap:anywhere}
.card,.service-card,.stat-card,.info-card,.marketplace-card,.contact-card{max-width:100%!important;min-width:0!important}
form{width:100%!important;max-width:100%!important}
input,textarea,select{width:100%!important}
.contact-info-item,.contact-detail,.contact-method,.contact-item{display:flex!important;align-items:flex-start!important;width:100%!important}
.contact-info-item>*,.contact-detail>*,.contact-method>*,.contact-item>*{min-width:0!important}
.contact-info-item .icon,.contact-detail .icon,.contact-method .icon,.contact-item .icon{flex:0 0 32px!important}
.contact-info-item a,.contact-detail a,.contact-method a,.contact-item a{overflow-wrap:anywhere!important}
}
@media(max-width:390px){.container,.section-container,.page-container,.content-container,.main-container{padding-left:14px!important;padding-right:14px!important}}

/* =========================================================
   TCONGS ROBOT — FINAL DESKTOP + MOBILE SIZE / LIGHT HOVER
   ========================================================= */

/* Keep launcher safely above page content */
.tcongs-ai-launcher {
  position: relative !important;
  cursor: pointer !important;
  overflow: visible !important;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .28s ease,
    box-shadow .28s ease !important;
  filter: drop-shadow(0 6px 14px rgba(0, 126, 255, .20)) !important;
}

/* Soft light around the robot */
.tcongs-ai-launcher::after {
  content: "" !important;
  position: absolute !important;
  inset: -5px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  opacity: .32 !important;
  box-shadow: 0 0 14px rgba(45, 170, 255, .34) !important;
  transition: opacity .28s ease, box-shadow .28s ease !important;
}

/* Desktop */
@media (min-width: 901px) {
  .tcongs-ai-launcher {
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
  }

  .tcongs-ai-launcher:hover {
    transform: scale(1.10) translateY(-3px) !important;
    filter:
      drop-shadow(0 8px 18px rgba(0, 126, 255, .30))
      brightness(1.04) !important;
  }

  .tcongs-ai-launcher:hover::after {
    opacity: .72 !important;
    box-shadow:
      0 0 22px rgba(45, 170, 255, .52),
      0 0 42px rgba(45, 170, 255, .18) !important;
  }
}

/* Tablet / mobile */
@media (max-width: 900px) {
  .tcongs-ai-launcher {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
  }

  .tcongs-ai-launcher:active {
    transform: scale(1.06) !important;
    filter:
      drop-shadow(0 7px 17px rgba(0, 126, 255, .28))
      brightness(1.04) !important;
  }
}

/* Small mobile: still clearly visible without covering content */
@media (max-width: 480px) {
  .tcongs-ai-launcher {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
  }
}

/* Very narrow screens */
@media (max-width: 360px) {
  .tcongs-ai-launcher {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
  }
}

/* ============================================================
   TCONGS CHATBOT — FINAL VISUAL CLEANUP
   ============================================================ */

/* ROBOT ONLY: absolutely no white/light rectangle behind it */
.tcongs-ai-widget,
.tcongs-ai-launcher,
.tcongs-ai-launcher:hover,
.tcongs-ai-launcher:focus,
.tcongs-ai-launcher:active,
.tcongs-ai-robot,
.tcongs-ai-robot img {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.tcongs-ai-launcher {
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

.tcongs-ai-robot {
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.tcongs-ai-robot img {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove every decorative launcher pseudo-element */
.tcongs-ai-launcher::before,
.tcongs-ai-launcher::after,
.tcongs-ai-robot::before,
.tcongs-ai-robot::after {
  content: none !important;
  display: none !important;
}

/* Hover belongs to the robot image only — no light background */
.tcongs-ai-launcher:hover .tcongs-ai-robot img {
  transform: scale(1.055) translateY(-2px) !important;
  filter: drop-shadow(0 10px 22px rgba(0,115,220,.38)) brightness(1.03) !important;
  transition: transform .22s ease, filter .22s ease !important;
}

/* Compact chatbot window */
.tcongs-ai-panel {
  width: 280px !important;
  max-width: calc(100vw - 24px) !important;
  overflow: hidden !important;
}

/* Keep messages compact too */
.tcongs-ai-message {
  max-width: 80% !important;
  overflow-wrap: anywhere !important;
}

/* Compact quick options */
.tcongs-ai-quick {
  max-width: 100% !important;
  gap: 5px !important;
  padding: 8px 9px !important;
}

.tcongs-ai-quick button {
  font-size: .68rem !important;
  padding: 6px 9px !important;
}

/* Contextual options stay inside the smaller panel */
.tcongs-ai-submenu {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.tcongs-ai-submenu-grid a {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* Mobile */
@media (max-width: 600px) {
  .tcongs-ai-panel {
    width: 270px !important;
    max-width: calc(100vw - 18px) !important;
  }

  .tcongs-ai-message {
    max-width: 84% !important;
  }
}

@media (max-width: 380px) {
  .tcongs-ai-panel {
    width: 264px !important;
    max-width: calc(100vw - 14px) !important;
  }

  .tcongs-ai-message {
    max-width: 86% !important;
  }
}

/* ============================================================
   CHATBOT LATEST FIX — ROBOT TRANSPARENT + SLIGHTLY WIDER CHAT
   ============================================================ */
.tcongs-ai-widget,
.tcongs-ai-launcher,
.tcongs-ai-launcher:hover,
.tcongs-ai-launcher:focus,
.tcongs-ai-launcher:focus-visible,
.tcongs-ai-launcher:active,
.tcongs-ai-launcher::before,
.tcongs-ai-launcher::after,
.tcongs-ai-launcher-icon,
.tcongs-ai-launcher-icon::before,
.tcongs-ai-launcher-icon::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.tcongs-ai-launcher {
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Keep hover on the robot only; no white/colored rectangle. */
.tcongs-ai-launcher:hover .tcongs-ai-launcher-icon,
.tcongs-ai-launcher:hover img {
  transform: scale(1.05) translateY(-1px) !important;
  filter: drop-shadow(0 7px 16px rgba(0,115,220,.34)) !important;
  transition: transform .22s ease, filter .22s ease !important;
}

/* Chat window: only a small width increase from the current compact size. */
.tcongs-ai-panel {
  width: min(300px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
}

@media (max-width: 600px) {
  .tcongs-ai-panel {
    width: min(290px, calc(100vw - 18px)) !important;
    max-width: calc(100vw - 18px) !important;
  }
}

@media (max-width: 380px) {
  .tcongs-ai-panel {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
  }
}

/* ============================================================
   CONTACT HERO — FULL WIDTH, CENTERED AND BALANCED
   ============================================================ */
.contact-hero-content {
  width:100% !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
  padding-left:24px !important;
  padding-right:24px !important;
  text-align:center !important;
}
.contact-hero-content .section-tag {
  justify-content:center !important;
  text-align:center !important;
}
.contact-hero-content h1 {
  width:100% !important;
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  line-height:1.08 !important;
  white-space:normal !important;
}
.contact-hero-sub {
  width:100% !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.contact-hero-badges {
  width:100% !important;
  max-width:1100px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
}
.hero-badge-item {
  white-space:nowrap;
  justify-content:center !important;
}
@media (max-width:768px) {
  .contact-hero-content {
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .contact-hero-content h1 {
    max-width:100% !important;
    font-size:clamp(2rem,9vw,3rem) !important;
  }
  .contact-hero-sub { max-width:100% !important; }
  .contact-hero-badges { max-width:100% !important; }
  .hero-badge-item {
    white-space:normal;
    flex:1 1 calc(50% - 12px);
    min-width:145px;
  }
}

/* ============================================================
   FINAL ALIGNMENT PASS — CONTACT + GROWTH NAV + CHATBOT
   ============================================================ */

/* CONTACT: wider, symmetric and centered */
.contact-hero-content {
  width: min(100% - 48px, 1450px) !important;
  max-width: 1450px !important;
  margin-inline: auto !important;
  padding-inline: 24px !important;
}
.contact-hero-content h1 {
  width: 100% !important;
  max-width: 1320px !important;
  margin-inline: auto !important;
}
.contact-hero-sub {
  width: 100% !important;
  max-width: 1080px !important;
  margin-inline: auto !important;
}
.contact-hero-badges {
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
@media (max-width: 768px) {
  .contact-hero-content {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    padding-inline: 14px !important;
  }
  .contact-hero-content h1,
  .contact-hero-sub,
  .contact-hero-badges {
    max-width: 100% !important;
  }
}

/* CHATBOT: stable desktop/mobile placement; robot stays clean with no box */
.tcongs-ai-widget {
  position: fixed !important;
  right: 22px !important;
  bottom: 24px !important;
  z-index: 99999 !important;
  width: auto !important;
  max-width: calc(100vw - 24px) !important;
}
.tcongs-ai-launcher {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.tcongs-ai-robot,
.tcongs-ai-robot img {
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
}
.tcongs-ai-robot img {
  width: 96px !important;
  height: 96px !important;
  object-fit: contain !important;
  margin: 0 !important;
  transform: scale(1.03) !important;
  filter: drop-shadow(0 8px 18px rgba(0,115,220,.30)) !important;
  transition: transform .22s ease, filter .22s ease !important;
}
.tcongs-ai-launcher:hover .tcongs-ai-robot img,
.tcongs-ai-launcher:focus-visible .tcongs-ai-robot img {
  transform: scale(1.08) translateY(-2px) !important;
  filter: drop-shadow(0 0 13px rgba(45,170,255,.48)) drop-shadow(0 8px 18px rgba(0,115,220,.30)) !important;
}
.tcongs-ai-panel {
  width: 310px !important;
  max-width: min(310px, calc(100vw - 24px)) !important;
  right: 0 !important;
  bottom: 108px !important;
  margin: 0 !important;
}
@media (max-width: 600px) {
  .tcongs-ai-widget {
    right: 12px !important;
    bottom: 18px !important;
  }
  .tcongs-ai-launcher,
  .tcongs-ai-robot img {
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
  }
  .tcongs-ai-panel {
    width: min(300px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    right: 0 !important;
    bottom: 96px !important;
  }
}
@media (max-width: 380px) {
  .tcongs-ai-panel {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    right: -3px !important;
  }
}

/* ============================================================
   MERGED COMPANY BASE — FINAL DESIGN POLISH
   Preserve company backend; keep the approved visual design.
   ============================================================ */

/* Stat cards — values and labels are high-contrast white. */
.about-stat-card .stat-number-alt,
.about-stat-card .stat-desc-alt,
.stats-grid-alt .stat-number-alt,
.stats-grid-alt .stat-desc-alt,
.srv-stat-card .srv-stat-num,
.srv-stat-card .srv-stat-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Keep stat-card surfaces deep/clean like the approved design. */
.about-stat-card,
.srv-stat-card {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* Navbar actions sit evenly on the same vertical center line. */
.navbar .container {
  display: flex !important;
  align-items: center !important;
}
.nav-actions-group {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}
.nav-cta-btn,
.nav-phone-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.nav-phone-badge {
  flex: 0 0 auto !important;
}

/* Standard mobile navbar hamburger — exact visual centering. */
@media screen and (max-width: 1024px) {
  .navbar .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin-left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    box-sizing: border-box !important;
  }
  .navbar .hamburger span {
    width: 28px !important;
    height: 3px !important;
    margin: 0 !important;
    flex: 0 0 3px !important;
    border-radius: 3px !important;
  }
}

/* Footer accordion + icon — same dark-blue as the TCONGS logo. */
.footer-main-grid .footer-column-title.footer-accordion-toggle .footer-accordion-icon,
.footer-column-title.footer-accordion-toggle .footer-accordion-icon,
.footer-accordion-toggle > .footer-accordion-icon {
  color: #0b4f8a !important;
  -webkit-text-fill-color: #0b4f8a !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  font-weight: 900 !important;
}

/* Marketplace / platform logo tiles — white background as requested. */
.srv-mp-card .mp-logo-wrap,
.srv-mp-card .mp-logo,
.marketplace-card img,
.marketplace-logo,
.about-platform-item img,
.mega-item-icon {
  background: #ffffff !important;
}
.srv-mp-card .mp-logo,
.marketplace-card img,
.marketplace-logo,
.about-platform-item img {
  border-radius: 10px !important;
  padding: 6px !important;
  box-sizing: border-box !important;
}

/* Growth page navbar button alignment. */
.lp-header > .lp-container {
  align-items: center !important;
}
.lp-header-cta,
.lp-header-wa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

/* ============================================================
   FINAL DESIGN-ONLY FIX
   Stat cards: WHITE surface + TCONGS DARK BLUE text
   Navbar hamburger: exact center
   Footer + icon: TCONGS DARK BLUE
   ============================================================ */

/* About + Services stat cards shown in the supplied screenshots */
.about-stat-card,
.srv-stat-card {
  background: #ffffff !important;
  border: 1px solid rgba(40,85,138,.18) !important;
  color: #0b4f8a !important;
  box-shadow: 0 8px 24px rgba(13,49,82,.08) !important;
}

.about-stat-card .stat-number-alt,
.about-stat-card .stat-desc-alt,
.srv-stat-card .srv-stat-num,
.srv-stat-card .srv-stat-label {
  color: #0b4f8a !important;
  -webkit-text-fill-color: #0b4f8a !important;
  opacity: 1 !important;
}

.about-stat-card:hover,
.srv-stat-card:hover {
  border-color: rgba(40,85,138,.30) !important;
  background: #ffffff !important;
}

/* Main site's mobile hamburger: exact geometric centering */
@media screen and (max-width: 1024px) {
  .navbar .container {
    display: flex !important;
    align-items: center !important;
  }
  .navbar .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    box-sizing: border-box !important;
    line-height: 0 !important;
  }
  .navbar .hamburger span {
    width: 28px !important;
    height: 3px !important;
    min-width: 28px !important;
    min-height: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    flex: 0 0 3px !important;
    border-radius: 3px !important;
  }
}

/* Footer accordion + icon — same dark blue as TCONGS company text/logo */
.footer-main-grid .footer-column-title.footer-accordion-toggle .footer-accordion-icon,
.footer-column-title.footer-accordion-toggle .footer-accordion-icon,
.footer-accordion-toggle > .footer-accordion-icon {
  color: #0b4f8a !important;
  -webkit-text-fill-color: #0b4f8a !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  font-weight: 900 !important;
}

/* ============================================================
   MOBILE NAV CLEAN FINAL
   Hide desktop CTA/phone actions on mobile; keep only hamburger.
   ============================================================ */
@media screen and (max-width: 1024px) {
  .navbar .nav-actions-group {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .navbar .hamburger {
    display: flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin-left: auto !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    box-sizing: border-box !important;
  }

  .navbar .hamburger span {
    width: 28px !important;
    height: 3px !important;
    margin: 0 !important;
    flex: 0 0 3px !important;
    border-radius: 3px !important;
  }
}

/* ============================================================
   MARKETPLACE GROWTH MOBILE HEADER
   Hide desktop contact/WhatsApp buttons; keep hamburger only.
   ============================================================ */
@media screen and (max-width: 768px) {
  .lp-header {
    height: 64px !important;
    min-height: 64px !important;
  }

  .lp-header > .lp-container {
    height: 64px !important;
    min-height: 64px !important;
    width: calc(100% - 24px) !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  .lp-header-logo {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
  }

  .lp-header-logo img {
    height: 44px !important;
    width: auto !important;
    max-width: 180px !important;
    object-fit: contain !important;
  }

  .lp-header .lp-header-cta,
  .lp-header .lp-header-wa {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .lp-header .lp-hamburger {
    display: flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    box-sizing: border-box !important;
  }

  .lp-header .lp-hamburger span {
    width: 28px !important;
    height: 3px !important;
    min-width: 28px !important;
    margin: 0 !important;
    flex: 0 0 3px !important;
    border-radius: 3px !important;
  }
}

/* ============================================================
   CHATBOT — FINAL VIEWPORT-SAFE POSITION
   Keep comfortable top/right margins when the panel is open.
   ============================================================ */

/* Launcher */
.tcongs-ai-widget {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  top: auto !important;
  left: auto !important;
  z-index: 99999 !important;
}

/* Open panel — never touch viewport edges */
.tcongs-ai-panel {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  right: 24px !important;
  bottom: 108px !important;
  width: 360px !important;
  max-width: calc(100vw - 48px) !important;
  height: min(590px, calc(100dvh - 148px)) !important;
  max-height: calc(100dvh - 148px) !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

/* Keep the top header comfortably away from the viewport top. */
.tcongs-ai-header {
  min-height: 74px !important;
  box-sizing: border-box !important;
  padding: 11px 13px !important;
}

/* Company T logo inside the assistant header */
.tcongs-ai-header-logo {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border-radius: 11px !important;
}

.tcongs-ai-header-logo img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}

/* Mobile / narrow screens */
@media (max-width: 600px) {
  .tcongs-ai-widget {
    right: 12px !important;
    bottom: 12px !important;
  }

  .tcongs-ai-panel {
    right: 12px !important;
    bottom: 94px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: min(560px, calc(100dvh - 118px)) !important;
    max-height: calc(100dvh - 118px) !important;
    border-radius: 16px !important;
  }

  .tcongs-ai-header {
    min-height: 70px !important;
  }

  .tcongs-ai-header-logo {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }

  .tcongs-ai-header-logo img {
    width: 32px !important;
    height: 32px !important;
  }
}

@media (max-width: 380px) {
  .tcongs-ai-widget {
    right: 10px !important;
    bottom: 10px !important;
  }

  .tcongs-ai-panel {
    right: 10px !important;
    bottom: 88px !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: min(530px, calc(100dvh - 108px)) !important;
    max-height: calc(100dvh - 108px) !important;
  }
}

/* FINAL CHATBOT HEADER LOGO — uploaded company mark */
.tcongs-ai-header-logo {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border-radius: 11px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.tcongs-ai-header-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
@media (max-width: 600px) {
  .tcongs-ai-header-logo {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

/* ============================================================
   FINAL STATS + MOBILE CHATBOT COMPACT FIX
   ============================================================ */

/* Dark stat cards: white, high-contrast numbers and labels. */
.about-stat-card .stat-number-alt,
.about-stat-card .stat-desc-alt,
.stats-grid-alt .stat-number-alt,
.stats-grid-alt .stat-desc-alt,
.srv-stat-card .srv-stat-num,
.srv-stat-card .srv-stat-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Keep the stat cards visually dark like the supplied screenshot. */
.about-stat-card,
.srv-stat-card {
  color: #ffffff !important;
}

/* Mobile chatbot: narrower panel so it never dominates the screen. */
@media (max-width: 600px) {
  .tcongs-ai-panel {
    width: 276px !important;
    max-width: calc(100vw - 24px) !important;
    right: 12px !important;
    bottom: 94px !important;
    height: min(540px, calc(100dvh - 118px)) !important;
    max-height: calc(100dvh - 118px) !important;
    border-radius: 16px !important;
  }

  .tcongs-ai-messages {
    overflow-x: hidden !important;
  }

  .tcongs-ai-message {
    max-width: 84% !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 380px) {
  .tcongs-ai-panel {
    width: 260px !important;
    max-width: calc(100vw - 20px) !important;
    right: 10px !important;
    bottom: 88px !important;
    height: min(515px, calc(100dvh - 108px)) !important;
    max-height: calc(100dvh - 108px) !important;
  }

  .tcongs-ai-message {
    max-width: 82% !important;
  }
}

/* ============================================================
   STATS CARDS — WHITE BACKGROUND + TCONGS DARK-BLUE TEXT
   ============================================================ */
.about-stat-card,
.srv-stat-card {
  background: #ffffff !important;
  border: 1px solid rgba(40,85,138,.18) !important;
  color: #0b4f8a !important;
  box-shadow: 0 8px 24px rgba(13,49,82,.08) !important;
}

.about-stat-card .stat-number-alt,
.about-stat-card .stat-desc-alt,
.stats-grid-alt .stat-number-alt,
.stats-grid-alt .stat-desc-alt,
.srv-stat-card .srv-stat-num,
.srv-stat-card .srv-stat-label {
  color: #0b4f8a !important;
  -webkit-text-fill-color: #0b4f8a !important;
  opacity: 1 !important;
}

.about-stat-card:hover,
.srv-stat-card:hover {
  background: #ffffff !important;
  border-color: rgba(40,85,138,.30) !important;
}

/* ============================================================
   SERVICES — WHY BRANDS STATS
   WHITE CARD + TCONGS DARK BLUE TEXT
   ============================================================ */
.srv-why-stats .srv-why-stat {
  background: #ffffff !important;
  border: 1px solid rgba(40,85,138,.18) !important;
  color: #0b4f8a !important;
  box-shadow: 0 8px 24px rgba(13,49,82,.08) !important;
}

.srv-why-stats .srv-why-stat .srv-why-num,
.srv-why-stats .srv-why-stat .srv-why-lbl {
  color: #0b4f8a !important;
  -webkit-text-fill-color: #0b4f8a !important;
  opacity: 1 !important;
}

.srv-why-stats .srv-why-stat:hover {
  background: #ffffff !important;
  border-color: rgba(40,85,138,.30) !important;
}

/* FINAL CHATBOT HEADER LOGO — latest uploaded image, no masking/filtering */
.tcongs-ai-header-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* ============================================================
   CHATBOT HEADER — EXACT UPLOADED COMPANY LOGO
   White logo tile, no crop, no tint, no filter.
   ============================================================ */
.tcongs-ai-header-logo {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(11,79,138,.12) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.tcongs-ai-header-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  background: #ffffff !important;
  border-radius: 9px !important;
  padding: 0 !important;
  margin: 0 !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 600px) {
  .tcongs-ai-header-logo {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
}

/* ============================================================
   CHATBOT POPUP — SMALLER / COMPACT FINAL
   ============================================================ */
.tcongs-ai-panel {
  width: 320px !important;
  max-width: calc(100vw - 32px) !important;
  height: min(500px, calc(100dvh - 130px)) !important;
  max-height: calc(100dvh - 130px) !important;
  border-radius: 16px !important;
}

.tcongs-ai-header {
  min-height: 64px !important;
  padding: 9px 11px !important;
}

.tcongs-ai-header-logo {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

.tcongs-ai-title-wrap strong {
  font-size: 1.05rem !important;
}

.tcongs-ai-online {
  font-size: .68rem !important;
  padding: 4px 8px !important;
}

.tcongs-ai-messages {
  padding: 10px !important;
}

.tcongs-ai-message {
  font-size: .88rem !important;
  line-height: 1.45 !important;
  padding: 10px 12px !important;
}

.tcongs-ai-quick {
  gap: 5px !important;
  padding: 7px 8px !important;
}

.tcongs-ai-quick button {
  padding: 7px 10px !important;
  font-size: .75rem !important;
}

.tcongs-ai-form {
  gap: 6px !important;
  padding: 8px 9px !important;
}

.tcongs-ai-form input {
  height: 44px !important;
  font-size: .92rem !important;
}

.tcongs-ai-form button {
  width: 44px !important;
  height: 44px !important;
}

@media (max-width: 600px) {
  .tcongs-ai-panel {
    width: 272px !important;
    max-width: calc(100vw - 24px) !important;
    height: min(500px, calc(100dvh - 112px)) !important;
    max-height: calc(100dvh - 112px) !important;
    right: 12px !important;
    bottom: 92px !important;
  }

  .tcongs-ai-header {
    min-height: 60px !important;
    padding: 8px 10px !important;
  }

  .tcongs-ai-title-wrap strong {
    font-size: .96rem !important;
  }

  .tcongs-ai-message {
    font-size: .82rem !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 380px) {
  .tcongs-ai-panel {
    width: 258px !important;
    max-width: calc(100vw - 20px) !important;
    right: 10px !important;
    bottom: 86px !important;
    height: min(480px, calc(100dvh - 104px)) !important;
    max-height: calc(100dvh - 104px) !important;
  }
}


/* ============================================================
   MOBILE FOOTER — COMPACT ACCORDION SPACING
   Keep the white trust box; only reduce excess vertical space.
   ============================================================ */
@media (max-width:700px) {
  .footer-main-grid {
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding-bottom:8px !important;
  }

  .footer-brand-column {
    padding:0 8px 10px !important;
  }

  .footer-links-column {
    width:100% !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
    padding:0 !important;
    margin:0 !important;
  }

  .footer-accordion-toggle {
    min-height:68px !important;
    height:68px !important;
    padding:0 2px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    line-height:1.2 !important;
  }

  .footer-list-items,
  .footer-contact-details {
    margin:0 !important;
    padding:0 2px 10px !important;
  }

  .footer-legal-note {
    margin-top:0 !important;
    padding:10px 0 12px !important;
  }
}

@media (max-width:480px) {
  .footer-accordion-toggle {
    min-height:64px !important;
    height:64px !important;
  }

  .footer-main-grid {
    padding-bottom:6px !important;
  }
}