/* troikatechservices.in site header, the same look as the new home page header (teal theme), for the
   older pages (Elementor and tt-bar templates). Everything is scoped to #tts-header / .tsh-* and set
   explicitly, because those pages carry broad theme rules for a, ul, nav and header. */
@font-face{font-family:"TSH Syne";font-style:normal;font-weight:400 800;font-display:swap;
  src:url(syne-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* the old headers this replaces */
.ftc-header-1-area,.mobile-menu,.tt-bar{display:none!important}

#tts-header,#tts-header *,#tsh-panel,#tsh-panel *{box-sizing:border-box}
/* neutralise page-wide rules (e.g. 404.html styles every a as a bordered pill and gives nav a gap) */
#tts-header a,#tsh-panel a{display:block;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  font-weight:inherit;text-decoration:none;text-transform:none;letter-spacing:normal}
#tts-header nav,#tts-header ul,#tsh-panel ul{gap:0}
#tts-header button,#tsh-panel button{font:inherit;text-transform:none;letter-spacing:normal;min-width:0;min-height:0}
#tts-header{position:fixed;top:0;left:0;right:0;z-index:1040;display:block;margin:0;padding:16px 0;height:auto;
  font-family:"TSH Syne",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;
  background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  box-shadow:0 1px 0 rgba(11,13,23,.06),0 10px 30px -18px rgba(11,13,23,.25);transition:padding .2s ease-in-out}
#tts-header.tsh-scrolled{padding:8px 0}
#tts-header .tsh-in{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:none;margin:0;padding:0 40px}
#tts-header a{text-decoration:none;border:0;box-shadow:none;outline-offset:3px}
#tts-header .tsh-logo{display:block;flex-shrink:0;line-height:0}
#tts-header .tsh-logo img{display:block;height:44px;width:auto;max-width:none;margin:0;border:0}

#tts-header .tsh-nav{display:flex;flex:1 1 auto;justify-content:center;margin:0 1.25rem;padding:0;background:none}
#tts-header .tsh-nav>ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0}
#tts-header .tsh-nav li{position:relative;list-style:none;margin:0;padding:0;background:none;border:0}
#tts-header .tsh-nav li::before,#tts-header .tsh-nav li::after{content:none}
#tts-header .tsh-link{display:block;padding:12.8px 11.2px;font-family:inherit;font-size:18px;font-weight:500;line-height:27px;
  color:#0A0910;white-space:nowrap;background:linear-gradient(#047373,#047373) no-repeat 50% calc(100% - .2rem)/0 2px;
  transition:background-size .3s cubic-bezier(.2,.7,.2,1),color .2s}
#tts-header .tsh-link:hover,#tts-header .tsh-link:focus-visible,#tts-header .tsh-link.tsh-on,
#tts-header .tsh-dd:hover>.tsh-link,#tts-header .tsh-dd:focus-within>.tsh-link{color:#047373;background-size:calc(100% - 22.4px) 2px}
#tts-header .tsh-dd>.tsh-link::after{content:"";display:inline-block;margin-left:4.6px;vertical-align:.18em;
  border-top:5px solid currentColor;border-right:4.6px solid transparent;border-left:4.6px solid transparent}
#tts-header .tsh-menu{position:absolute;top:100%;left:0;z-index:2;min-width:284px;margin:0;padding:12px;list-style:none;
  background:#fff;border:1px solid rgba(4,115,115,.12);border-radius:16px;box-shadow:0 24px 50px -24px rgba(11,13,23,.35);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
#tts-header .tsh-dd:hover>.tsh-menu,#tts-header .tsh-dd:focus-within>.tsh-menu,#tts-header .tsh-dd.tsh-open>.tsh-menu{opacity:1;visibility:visible;transform:none}
#tts-header .tsh-menu a{display:block;padding:8px 16px;border-radius:9.6px;font-family:inherit;font-size:16px;font-weight:500;line-height:24px;
  color:#6C6B70;background:none;white-space:nowrap;transition:background .15s,color .15s}
#tts-header .tsh-menu a:hover,#tts-header .tsh-menu a:focus-visible,#tts-header .tsh-menu a.tsh-on{background:rgba(4,115,115,.08);color:#047373}

#tts-header .tsh-cta,#tsh-panel .tsh-cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;flex-shrink:0;
  padding:12px 32px;border:1px solid transparent;border-radius:800px;font-family:inherit;font-size:18px;font-weight:500;line-height:27px;
  color:#fff;white-space:nowrap;background-color:#047373;
  background-image:linear-gradient(120deg,#035656 0%,#047373 50%,#0A8A82 100%);background-size:160% 100%;background-position:0 0;
  box-shadow:0 10px 24px -14px rgba(4,115,115,.8);transition:background-position .35s,transform .2s,box-shadow .2s}
#tts-header .tsh-cta:hover,#tsh-panel .tsh-cta:hover{color:#fff;background-position:100% 0;transform:translateY(-1px)}
#tts-header .tsh-cta svg,#tsh-panel .tsh-cta svg{width:18px;height:18px;flex-shrink:0;fill:currentColor}

#tts-header .tsh-burger{display:none;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;width:40px;height:40px;
  margin:0;padding:0 9px;border:0;border-radius:800px;background:none;cursor:pointer;box-shadow:none}
#tts-header .tsh-burger span{display:block;width:22px;height:2.5px;margin:0;border-radius:100px;background:#0A0910}
#tts-header .tsh-burger span+span{width:15px}

.tsh-space{display:block;height:85px}

/* phone panel */
/* above the pages' floating call/WhatsApp buttons (z-index 2147483000) */
#tsh-panel{position:fixed;top:0;right:0;bottom:0;z-index:2147483600;display:flex;flex-direction:column;width:min(352px,86vw);
  font-family:"TSH Syne",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#6C6B70;background:#fff;
  box-shadow:-20px 0 60px -20px rgba(11,13,23,.35);transform:translateX(100%);transition:transform .3s ease-in-out;visibility:hidden}
#tsh-panel.tsh-show{transform:none;visibility:visible}
#tsh-panel .tsh-ph{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}
#tsh-panel .tsh-ph strong{font-size:16px;font-weight:700;color:#6C6B70}
#tsh-panel .tsh-x{width:32px;height:32px;padding:8px;margin:-8px;border:0;border-radius:6px;background:none;cursor:pointer;color:#000;line-height:0}
#tsh-panel .tsh-x svg{width:16px;height:16px}
#tsh-panel .tsh-pb{flex:1;overflow-y:auto;padding:16px 24px 24px}
#tsh-panel ul{display:grid;gap:4px;list-style:none;margin:0 0 16px;padding:0}
#tsh-panel li{list-style:none;margin:0;padding:0}
#tsh-panel li::before{content:none}
#tsh-panel .tsh-row{display:flex;align-items:center;gap:13.6px;padding:8.8px 11.2px;border-radius:12px;font-size:16.8px;font-weight:500;
  line-height:1.4;color:#0A0910;text-decoration:none;transition:background .15s,color .15s}
#tsh-panel .tsh-row::after{content:"";width:8px;height:8px;margin-left:auto;flex-shrink:0;border-top:2px solid currentColor;border-right:2px solid currentColor;
  transform:rotate(45deg);opacity:.35}
#tsh-panel .tsh-row:hover,#tsh-panel .tsh-row.tsh-on{background:rgba(4,115,115,.08);color:#047373}
#tsh-panel .tsh-sub{padding-left:24px;font-size:15.5px}
#tsh-panel .tsh-ic{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex-shrink:0;border-radius:11.2px;
  color:#047373;background:rgba(4,115,115,.1)}
#tsh-panel .tsh-ic svg{width:18.4px;height:18.4px}
#tsh-panel .tsh-cta{width:100%;margin-top:8px}
.tsh-backdrop{position:fixed;inset:0;z-index:2147483500;background:#000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.tsh-backdrop.tsh-show{opacity:.5;visibility:visible}

@media (min-width:1200px) and (max-width:1399.98px){
  #tts-header .tsh-link{padding-left:.45rem;padding-right:.45rem}
  #tts-header .tsh-cta{padding-left:1.1rem;padding-right:1.1rem}
}
/* 8 menu items (Reviews added 2026-10-28): below 1300px the button ran off the right edge */
@media (min-width:1200px) and (max-width:1299.98px){
  #tts-header .tsh-in{padding:0 28px}
  #tts-header .tsh-nav{margin:0 .75rem}
  #tts-header .tsh-link{padding-left:.35rem;padding-right:.35rem;font-size:17px}
  #tts-header .tsh-cta{font-size:17px}
}
/* 9 menu items since Clients (2026-10-29) */
@media (min-width:1200px) and (max-width:1259.98px){
  #tts-header .tsh-in{padding:0 18px}
  #tts-header .tsh-link{padding-left:.28rem;padding-right:.28rem;font-size:16px}
  #tts-header .tsh-cta{font-size:16px;padding-left:.9rem;padding-right:.9rem}
}
@media (min-width:1400px) and (max-width:1499.98px){
  #tts-header .tsh-in{padding:0 30px}
  #tts-header .tsh-link{padding-left:.55rem;padding-right:.55rem}
}
@media (max-width:1199.98px){
  #tts-header .tsh-in{padding:0 20px}
  #tts-header .tsh-nav,#tts-header>.tsh-in>.tsh-cta{display:none}
  #tts-header .tsh-burger{display:flex}
  .tsh-space{height:76px}
}
@media (prefers-reduced-motion:reduce){#tts-header,#tsh-panel,.tsh-backdrop,#tts-header .tsh-menu{transition:none}}