.elementor-1125 .elementor-element.elementor-element-f57cfcc{--display:flex;}.elementor-1125 .elementor-element.elementor-element-f57cfcc:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-f57cfcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1125 .elementor-element.elementor-element-f57cfcc.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-1125 .elementor-element.elementor-element-f57cfcc{--width:335px;}}/* Start custom CSS for html, class: .elementor-element-d38bb47 *//* ==========================================================================
   KnarrTek Locations page: ktx-* design system, live-site construction
   Wrapper: #knarrtek-locations-page
   Black base + lime/cyan brand neons, pink/violet pops. No external @import
   (the site already loads Barlow).
   ========================================================================== */

#knarrtek-locations-page {
  --ktx-green: #75ff16;
  --ktx-cyan: #00efff;
  --ktx-pink: #ff4fa8;
  --ktx-violet: #b86bff;
  --ktx-bg: #010405;
  --ktx-bg-2: #03100d;
  --ktx-text: #e8f3ee;
  --ktx-dim: #bcd0c6;

  font-family: 'Barlow', Arial, sans-serif;
  color: var(--ktx-text);
  line-height: 1.6;
  overflow-x: clip;
  background:
    radial-gradient(circle at 8% 4%, rgba(117, 255, 22, 0.12), transparent 430px),
    radial-gradient(circle at 92% 10%, rgba(0, 239, 255, 0.10), transparent 450px),
    linear-gradient(180deg, var(--ktx-bg) 0%, var(--ktx-bg-2) 100%);
}

#knarrtek-locations-page * { box-sizing: border-box; }
#knarrtek-locations-page a { text-decoration: none; }
#knarrtek-locations-page section { padding: 84px 0; position: relative; }
#knarrtek-locations-page .ktx-container { max-width: 1200px; margin: 0 auto; padding: 0 28px; }
#knarrtek-locations-page .ktx-container-narrow { max-width: 860px; }

/* Typography */
#knarrtek-locations-page h1,
#knarrtek-locations-page h2,
#knarrtek-locations-page h3 {
  color: #fff;
  font-weight: 700;
  line-height: 1.12;
  margin: 0 0 16px;
  letter-spacing: -0.01em;
}
#knarrtek-locations-page h2 { font-size: clamp(30px, 3.2vw, 42px); }
#knarrtek-locations-page h3 { font-size: 24px; }
#knarrtek-locations-page p { color: var(--ktx-dim); font-size: 18px; margin: 0 0 16px; }

#knarrtek-locations-page .ktx-eyebrow {
  --e: var(--ktx-cyan);
  display: inline-flex; align-items: center; gap: 9px;
  margin-bottom: 18px;
  color: var(--e);
  font-size: 14px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
}
#knarrtek-locations-page .ktx-eyebrow::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%;
  background: var(--e); box-shadow: 0 0 12px var(--e);
}
#knarrtek-locations-page .ktx-eyebrow-green  { --e: var(--ktx-green); }
#knarrtek-locations-page .ktx-eyebrow-violet { --e: var(--ktx-violet); }
#knarrtek-locations-page .ktx-eyebrow-pink   { --e: var(--ktx-pink); }

#knarrtek-locations-page .ktx-section-head { max-width: 780px; margin: 0 auto 44px; text-align: center; }
#knarrtek-locations-page .ktx-section-head p { font-size: 19px; }

/* Inline links */
#knarrtek-locations-page p a,
#knarrtek-locations-page li a,
#knarrtek-locations-page summary + p a {
  color: var(--ktx-cyan);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(0, 239, 255, 0.4);
  text-underline-offset: 3px;
}
#knarrtek-locations-page p a:hover { text-decoration-color: var(--ktx-cyan); }

/* Buttons: ghost pills with a neon glow */
#knarrtek-locations-page a.ktx-btn {
  --b: var(--ktx-cyan); --b-rgb: 0, 239, 255;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 28px;
  border-radius: 999px;
  border: 1px solid var(--b);
  background: rgba(var(--b-rgb), 0.08);
  color: var(--b);
  font-size: 16px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none;
  box-shadow: 0 0 24px rgba(var(--b-rgb), 0.3);
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
#knarrtek-locations-page a.ktx-btn:hover {
  transform: translateY(-2px);
  background: rgba(var(--b-rgb), 0.16);
  box-shadow: 0 0 34px rgba(var(--b-rgb), 0.55);
}
#knarrtek-locations-page a.ktx-btn-primary   { --b: var(--ktx-cyan);  --b-rgb: 0, 239, 255; }
#knarrtek-locations-page a.ktx-btn-secondary { --b: var(--ktx-green); --b-rgb: 117, 255, 22; }
#knarrtek-locations-page a.ktx-btn-pink      { --b: var(--ktx-pink);  --b-rgb: 255, 79, 168; }

/* Hero */
#knarrtek-locations-page .ktx-hero { padding: 120px 0 90px; text-align: center; }
#knarrtek-locations-page .ktx-hero h1 {
  max-width: 940px; margin: 0 auto 22px;
  font-size: clamp(38px, 5vw, 60px); line-height: 1.05; letter-spacing: -0.03em;
}
#knarrtek-locations-page .ktx-hero h1 span { color: var(--ktx-green); text-shadow: 0 0 34px rgba(117, 255, 22, 0.45); }
#knarrtek-locations-page .ktx-hero-lead { max-width: 760px; margin: 0 auto 32px; font-size: 20px; color: var(--ktx-text); }
#knarrtek-locations-page .ktx-hero-ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }

#knarrtek-locations-page .ktx-hero-chips {
  list-style: none; margin: 34px 0 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
}
#knarrtek-locations-page .ktx-hero-chips li {
  --c: 117, 255, 22;
  padding: 8px 18px; border-radius: 999px;
  color: rgb(var(--c)); font-size: 15px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  border: 1px solid rgba(var(--c), 0.55); background: rgba(var(--c), 0.07);
  box-shadow: 0 0 18px rgba(var(--c), 0.18);
}
#knarrtek-locations-page .ktx-hero-chips li:nth-child(2) { --c: 0, 239, 255; }
#knarrtek-locations-page .ktx-hero-chips li:nth-child(3) { --c: 255, 79, 168; }
#knarrtek-locations-page .ktx-hero-chips li:nth-child(4) { --c: 184, 107, 255; }

/* Section tints */
#knarrtek-locations-page .ktx-section-green  { background: radial-gradient(900px 500px at 88% 0%, rgba(117,255,22,.10), transparent 62%), rgba(2,10,8,.7); }
#knarrtek-locations-page .ktx-section-violet { background: radial-gradient(900px 500px at 10% 0%, rgba(184,107,255,.14), transparent 62%), rgba(5,6,12,.7); }
#knarrtek-locations-page .ktx-section-cyan   { background: radial-gradient(900px 500px at 90% 0%, rgba(0,239,255,.12), transparent 62%), rgba(2,10,12,.7); }
#knarrtek-locations-page .ktx-section-pink   { background: radial-gradient(900px 500px at 12% 100%, rgba(255,79,168,.12), transparent 62%), rgba(8,5,9,.7); }

/* Grids */
#knarrtek-locations-page .ktx-grid { display: grid; gap: 22px; }
#knarrtek-locations-page .ktx-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#knarrtek-locations-page .ktx-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Office cards */
#knarrtek-locations-page .ktx-office {
  --a: #75ff16; --a-rgb: 117, 255, 22;
  position: relative; overflow: hidden;
  padding: 34px;
  border-radius: 22px;
  border: 1px solid var(--a);
  background: radial-gradient(circle at top right, rgba(var(--a-rgb), .14), transparent 45%), rgba(2, 10, 10, .78);
  box-shadow: 0 0 34px rgba(var(--a-rgb), .22), 0 18px 45px rgba(0,0,0,.4);
}
#knarrtek-locations-page .ktx-office-cyan { --a: #00efff; --a-rgb: 0, 239, 255; }
#knarrtek-locations-page .ktx-office-badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 64px; height: 64px; margin-bottom: 20px;
  border-radius: 50%;
  border: 1px solid var(--a);
  background: rgba(var(--a-rgb), .10);
  color: var(--a);
  font-size: 24px; font-weight: 800; letter-spacing: .04em;
  box-shadow: 0 0 22px rgba(var(--a-rgb), .4);
}
#knarrtek-locations-page .ktx-office-role {
  margin: -6px 0 16px; color: var(--a);
  font-size: 15px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
#knarrtek-locations-page .ktx-office-list { margin: 18px 0 26px; padding-left: 22px; }
#knarrtek-locations-page .ktx-office-list li { color: var(--ktx-dim); font-size: 17px; margin-bottom: 8px; }
#knarrtek-locations-page .ktx-office-list li::marker { color: var(--a); }
#knarrtek-locations-page .ktx-note { margin: 30px auto 0; max-width: 760px; text-align: center; font-size: 16px; }

/* Region chips */
#knarrtek-locations-page .ktx-region-row {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 26px;
}
#knarrtek-locations-page .ktx-region {
  --a: #75ff16; --a-rgb: 117, 255, 22;
  padding: 20px 18px; text-align: center;
  border-radius: 16px; border: 1px solid var(--a);
  background: rgba(var(--a-rgb), .07);
  box-shadow: 0 0 24px rgba(var(--a-rgb), .22);
}
#knarrtek-locations-page .ktx-region strong { display: block; color: #fff; font-size: 22px; line-height: 1.15; }
#knarrtek-locations-page .ktx-region span { display: block; margin-top: 6px; color: var(--a); font-size: 14px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
#knarrtek-locations-page .ktx-region-cyan   { --a: #00efff; --a-rgb: 0, 239, 255; }
#knarrtek-locations-page .ktx-region-pink   { --a: #ff4fa8; --a-rgb: 255, 79, 168; }
#knarrtek-locations-page .ktx-region-violet { --a: #b86bff; --a-rgb: 184, 107, 255; }

/* Cards */
#knarrtek-locations-page .ktx-card {
  --a: #75ff16; --a-rgb: 117, 255, 22;
  padding: 28px; border-radius: 18px;
  border: 1px solid var(--a);
  background: radial-gradient(circle at top right, rgba(var(--a-rgb), .10), transparent 45%), rgba(2, 10, 10, .72);
  box-shadow: 0 0 26px rgba(var(--a-rgb), .2);
}
#knarrtek-locations-page .ktx-card h3 { font-size: 22px; }
#knarrtek-locations-page .ktx-card p { font-size: 17px; margin-bottom: 0; }
#knarrtek-locations-page .ktx-card-cyan   { --a: #00efff; --a-rgb: 0, 239, 255; }
#knarrtek-locations-page .ktx-card-pink   { --a: #ff4fa8; --a-rgb: 255, 79, 168; }
#knarrtek-locations-page .ktx-card-violet { --a: #b86bff; --a-rgb: 184, 107, 255; }
#knarrtek-locations-page .ktx-step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; margin-bottom: 16px; border-radius: 50%;
  border: 1px solid var(--a); background: rgba(var(--a-rgb), .10); color: var(--a);
  font-size: 17px; font-weight: 700; box-shadow: 0 0 16px rgba(var(--a-rgb), .35);
}
#knarrtek-locations-page .ktx-center-copy { max-width: 820px; margin: 34px auto 0; text-align: center; }

/* Final CTA */
#knarrtek-locations-page .ktx-final-cta { padding: 70px 0; }
#knarrtek-locations-page .ktx-final-cta .ktx-container {
  max-width: 960px; text-align: center; padding: 56px 40px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(117,255,22,.14), transparent 40%),
    radial-gradient(circle at bottom right, rgba(184,107,255,.16), transparent 42%),
    rgba(3, 12, 11, .92);
  box-shadow: 0 0 0 1px rgba(255,79,168,.7), 0 0 50px rgba(255,79,168,.22), 0 0 90px rgba(184,107,255,.18);
}
#knarrtek-locations-page .ktx-final-cta-tag {
  display: inline-block; margin-bottom: 18px; padding: 7px 18px; border-radius: 999px;
  color: var(--ktx-pink); border: 1px solid rgba(255,79,168,.6); background: rgba(255,79,168,.09);
  font-size: 14px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
}
#knarrtek-locations-page .ktx-final-cta h2 { font-size: clamp(32px, 4vw, 46px); }
#knarrtek-locations-page .ktx-final-cta h2 span {
  background: linear-gradient(90deg, #ff4fa8, #b86bff 60%, #4da3ff);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
#knarrtek-locations-page .ktx-final-cta p { max-width: 700px; margin: 0 auto 28px; }

/* FAQ */
#knarrtek-locations-page .ktx-faq-item {
  --a: 0, 239, 255;
  margin-bottom: 14px; border-radius: 16px; overflow: hidden;
  border: 1px solid rgba(var(--a), .45); background: rgba(0,0,0,.3);
  box-shadow: 0 0 18px rgba(var(--a), .12);
}
#knarrtek-locations-page .ktx-faq-item:nth-of-type(3n+2) { --a: 255, 79, 168; }
#knarrtek-locations-page .ktx-faq-item:nth-of-type(3n+3) { --a: 117, 255, 22; }
#knarrtek-locations-page .ktx-faq-item[open] { border-color: rgb(var(--a)); box-shadow: 0 0 28px rgba(var(--a), .26); }
#knarrtek-locations-page .ktx-faq-item summary {
  cursor: pointer; list-style: none; padding: 18px 22px;
  color: #fff; font-size: 20px; font-weight: 700; line-height: 1.25;
}
#knarrtek-locations-page .ktx-faq-item summary::-webkit-details-marker { display: none; }
#knarrtek-locations-page .ktx-faq-item summary::after {
  content: "+"; float: right; margin-left: 16px; color: rgb(var(--a)); font-size: 28px; line-height: 1;
}
#knarrtek-locations-page .ktx-faq-item[open] summary::after { content: "\2013"; }
#knarrtek-locations-page .ktx-faq-item p { margin: 0; padding: 0 22px 22px; font-size: 17px; }

/* Responsive */
@media (max-width: 960px) {
  #knarrtek-locations-page .ktx-grid-3 { grid-template-columns: minmax(0, 1fr); }
  #knarrtek-locations-page .ktx-region-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  #knarrtek-locations-page section { padding: 60px 0; }
  #knarrtek-locations-page .ktx-hero { padding: 80px 0 60px; }
  #knarrtek-locations-page .ktx-container { padding: 0 18px; }
  #knarrtek-locations-page .ktx-grid-2 { grid-template-columns: minmax(0, 1fr); }
  #knarrtek-locations-page .ktx-office { padding: 26px 22px; }
  #knarrtek-locations-page .ktx-hero-ctas { flex-direction: column; align-items: stretch; }
  #knarrtek-locations-page .ktx-final-cta .ktx-container { padding: 40px 22px; }
  #knarrtek-locations-page .ktx-faq-item summary { font-size: 18px; }
}/* End custom CSS */