/* =====================================================================
   IT Cadre additions  (loaded after main.css — nothing here changes the
   existing dark design; every new rule is scoped to new components or
   to html[data-theme="light"])
   ===================================================================== */

/* ---------- Preloader: only on the first page of a session ---------- */
html.itc-seen .preloader { display: none !important; }

/* ---------- Theme toggle button ---------- */
.itc-theme-toggle {
  width: 48px; height: 48px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-common-white);
  border: 0; padding: 0; cursor: pointer; flex: 0 0 auto;
  transition: transform .25s ease, background-color .25s ease;
}
.itc-theme-toggle:hover { transform: rotate(18deg) scale(1.05); }
.itc-theme-toggle:focus-visible { outline: 2px solid var(--tj-color-theme-primary); outline-offset: 2px; }
.itc-theme-toggle svg { width: 20px; height: 20px; display: block; }
.itc-theme-toggle .i-sun { display: none; }
html[data-theme="light"] .itc-theme-toggle .i-sun { display: block; }
html[data-theme="light"] .itc-theme-toggle .i-moon { display: none; }
.header-right-item .itc-theme-toggle { margin-right: 0; }
.itc-theme-toggle-mobile { margin-left: auto; margin-right: 12px; width: 42px; height: 42px; }
@media (min-width: 992px) { .itc-theme-toggle-mobile { display: none !important; } }

/* ---------- Clients: heading section + "View All" ---------- */
.itc-clients-head { padding-bottom: 0; }
.itc-clients-head .client-content { margin-bottom: 28px; }
.itc-clients-cta { display: flex; justify-content: center; margin-bottom: 0; }
.itc-clients-logos { padding-top: 40px; }
.itc-clients-logos .client-logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

/* ---------- Shared small helpers ---------- */
.itc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.itc-offline-note { display: none; margin-top: 14px; font-size: 14px; color: #ffb4a8; }
.itc-offline-note.show { display: block; }
html[data-theme="light"] .itc-offline-note { color: #b42318; }

/* =====================================================================
   DOMAIN SEARCH  (home band + domains page hero share the same form)
   ===================================================================== */
.itc-domain-band { position: relative; }
.itc-domain-card {
  position: relative; overflow: hidden; isolation: isolate;
  border: 1px solid var(--tj-color-border-1);
  background: var(--tj-color-theme-bg);
  border-radius: 24px; padding: 56px 40px; text-align: center;
}
.itc-domain-card::before {
  content: ""; position: absolute; inset: -40% -10% auto -10%; height: 90%; z-index: -1;
  background: radial-gradient(60% 60% at 50% 0%, rgba(59,185,255,.22), rgba(59,185,255,0) 70%);
}
.itc-eyebrow {
  display: inline-flex; align-items: center; gap: 8px; padding: 4px 14px;
  border: 1px solid var(--tj-color-border-1); border-radius: 50px;
  font-size: 13px; line-height: 1.6; color: var(--tj-color-heading-primary);
}
.itc-eyebrow b { background: var(--tj-color-theme-primary); color: #050505; border-radius: 50px; padding: 0 8px; font-weight: 600; }
.itc-domain-card h2 { font-size: clamp(30px, 4.4vw, 48px); line-height: 1.12; letter-spacing: -.03em; margin: 18px 0 12px; }
.itc-domain-card h2 span { color: var(--tj-color-theme-primary); }
.itc-domain-card > p { max-width: 560px; margin: 0 auto 30px; }

.itc-dsearch { max-width: 760px; margin: 0 auto; }
.itc-dsearch-box {
  display: flex; align-items: stretch; gap: 0;
  background: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1); border-radius: 60px; padding: 6px;
  transition: border-color .2s, box-shadow .2s;
}
.itc-dsearch-box:focus-within { border-color: var(--tj-color-theme-primary); box-shadow: 0 0 0 4px rgba(59,185,255,.16); }
.itc-dsearch-box .itc-ic { flex: 0 0 auto; display: grid; place-items: center; width: 52px; color: var(--tj-color-theme-primary); }
.itc-dsearch-box .itc-ic svg { width: 22px; height: 22px; }
.itc-dsearch input[type="text"] {
  flex: 1 1 0; width: auto !important; min-width: 0; box-shadow: none !important; margin: 0; background: transparent; border: 0; outline: 0;
  color: var(--tj-color-heading-primary); font-size: 18px; padding: 0 6px; height: 56px;
  font-family: var(--tj-ff-body);
}
.itc-dsearch input::placeholder { color: var(--tj-color-text-body-2); opacity: .9; }
.itc-dsearch select {
  flex: 0 0 auto; width: auto !important; max-width: 140px; margin: 0; appearance: none; -webkit-appearance: none;
  background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%239692b2' stroke-width='1.8' stroke-linecap='round'/></svg>") no-repeat right 14px center;
  color: var(--tj-color-heading-primary); border: 0; border-left: 1px solid var(--tj-color-border-1);
  padding: 0 38px 0 18px; font-size: 16px; font-weight: 600; height: 56px; cursor: pointer; outline: 0;
  font-family: var(--tj-ff-body);
}
.itc-dsearch select option { color: #111; background: #fff; }
.itc-dsearch button[type="submit"] {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; border: 0; cursor: pointer;
  background: var(--tj-color-theme-primary); color: #050505; font-weight: 700; font-size: 16px;
  padding: 0 30px; border-radius: 50px; font-family: var(--tj-ff-body); transition: filter .2s, transform .2s;
}
.itc-dsearch button[type="submit"]:hover { filter: brightness(1.08); transform: translateY(-1px); }
.itc-dsearch button[type="submit"]:focus-visible { outline: 2px solid var(--tj-color-heading-primary); outline-offset: 2px; }
.itc-dsearch-error { min-height: 22px; margin-top: 12px; font-size: 14px; color: #ff8a7a; }
html[data-theme="light"] .itc-dsearch-error { color: #b42318; }
.itc-dsearch-hint { margin-top: 4px; font-size: 13px; color: var(--tj-color-text-body-2); }
.itc-tld-chips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 22px; }
.itc-tld-chips button {
  background: transparent; border: 1px solid var(--tj-color-border-1); color: var(--tj-color-text-body);
  border-radius: 50px; padding: 5px 16px; font-size: 14px; cursor: pointer; transition: all .2s; font-family: var(--tj-ff-body);
}
.itc-tld-chips button:hover, .itc-tld-chips button.is-on { border-color: var(--tj-color-theme-primary); color: var(--tj-color-theme-primary); }
@media (max-width: 767px) {
  .itc-domain-card { padding: 40px 18px; border-radius: 20px; }
  .itc-dsearch-box { flex-wrap: wrap; border-radius: 24px; padding: 8px; }
  .itc-dsearch-box .itc-ic { width: 40px; height: 52px; }
  .itc-dsearch input[type="text"] { height: 52px; font-size: 16px; flex-basis: calc(100% - 48px); }
  .itc-dsearch select { height: 48px; flex: 1 1 40%; border-left: 0; border-top: 1px solid var(--tj-color-border-1); border-radius: 0; }
  .itc-dsearch button[type="submit"] { height: 48px; flex: 1 1 50%; justify-content: center; }
}

/* ---------- Domains page ---------- */
.itc-domain-hero .itc-domain-card { background: transparent; border: 0; padding: 0; }
.itc-domain-hero .itc-domain-card::before { display: none; }
.itc-tld-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; }
.itc-tld {
  position: relative; text-align: left; cursor: pointer; font-family: var(--tj-ff-body);
  background: var(--tj-color-theme-bg); border: 1px solid var(--tj-color-border-1); border-radius: 16px; padding: 22px 20px;
  color: var(--tj-color-text-body); transition: transform .25s, border-color .25s;
}
.itc-tld:hover, .itc-tld:focus-visible { transform: translateY(-4px); border-color: var(--tj-color-theme-primary); outline: 0; }
.itc-tld .name { display: block; font-family: var(--tj-ff-heading); font-size: 30px; font-weight: 700; color: var(--tj-color-heading-primary); letter-spacing: -.02em; line-height: 1.1; }
.itc-tld .note { display: block; font-size: 13px; margin-top: 6px; }
.itc-tld .price { display: block; margin-top: 14px; font-size: 14px; font-weight: 600; color: var(--tj-color-theme-primary); }
.itc-tld .tag { position: absolute; top: 14px; right: 14px; font-size: 11px; font-weight: 700; background: var(--tj-color-theme-primary); color: #050505; border-radius: 50px; padding: 1px 9px; }
.itc-feat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.itc-feat { background: var(--tj-color-theme-bg); border: 1px solid var(--tj-color-border-1); border-radius: 16px; padding: 28px 26px; }
.itc-feat .ic { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: rgba(59,185,255,.12); color: var(--tj-color-theme-primary); margin-bottom: 18px; }
.itc-feat .ic svg { width: 26px; height: 26px; }
.itc-feat h3 { font-size: 20px; margin-bottom: 8px; }
.itc-feat p { margin: 0; font-size: 15px; }
.itc-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; counter-reset: s; }
.itc-step { position: relative; padding: 26px 24px; border: 1px dashed var(--tj-color-border-1); border-radius: 16px; counter-increment: s; }
.itc-step::before { content: counter(s, decimal-leading-zero); font-family: var(--tj-ff-heading); font-weight: 700; font-size: 34px; color: var(--tj-color-theme-primary); display: block; margin-bottom: 8px; }
.itc-step h3 { font-size: 19px; margin-bottom: 6px; }
.itc-step p { margin: 0; font-size: 15px; }
.itc-cta-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.itc-cta-card { background: var(--tj-color-theme-bg); border: 1px solid var(--tj-color-border-1); border-radius: 20px; padding: 34px 32px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.itc-cta-card h3 { font-size: 24px; }
.itc-cta-card p { margin: 0 0 8px; }
.itc-section-title { text-align: center; max-width: 640px; margin: 0 auto 46px; }
.itc-section-title h2 { font-size: clamp(28px, 3.6vw, 44px); letter-spacing: -.03em; line-height: 1.15; margin: 14px 0 10px; }
.itc-section-title p { margin: 0; }

/* =====================================================================
   CLIENTS PAGE
   ===================================================================== */
.itc-filter { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 44px; }
.itc-filter button {
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-family: var(--tj-ff-body);
  background: transparent; color: var(--tj-color-text-body); font-size: 15px; font-weight: 500;
  border: 1px solid var(--tj-color-border-1); border-radius: 50px; padding: 8px 20px; transition: all .2s;
}
.itc-filter button .n { font-size: 12px; background: var(--tj-color-theme-bg); border-radius: 50px; padding: 0 8px; color: var(--tj-color-text-body-2); }
.itc-filter button:hover { border-color: var(--tj-color-theme-primary); color: var(--tj-color-heading-primary); }
.itc-filter button[aria-pressed="true"] { background: var(--tj-color-theme-primary); border-color: var(--tj-color-theme-primary); color: #050505; }
.itc-filter button[aria-pressed="true"] .n { background: rgba(5,5,5,.14); color: #050505; }
.itc-client-group { margin-bottom: 56px; }
.itc-client-group[hidden] { display: none; }
.itc-client-group > header { display: flex; align-items: baseline; gap: 14px; margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--tj-color-border-1); }
.itc-client-group > header h2 { font-size: 26px; margin: 0; }
.itc-client-group > header span { font-size: 14px; color: var(--tj-color-text-body-2); }
.itc-client-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
.itc-client {
  height: 120px; display: flex; align-items: center; justify-content: center; padding: 20px;
  background: var(--tj-color-theme-bg); border: 1px solid var(--tj-color-border-1); border-radius: 10px;
  transition: transform .25s, border-color .25s;
}
.itc-client:hover { transform: translateY(-4px); border-color: var(--tj-color-theme-primary); }
.itc-client img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
@media (max-width: 575px) { .itc-client-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .itc-client { height: 92px; padding: 14px; } }

/* =====================================================================
   GLOBAL INFRASTRUCTURE — "6 Data Centers Worldwide"
   Built to match the supplied screenshot exactly. Fully self-contained
   (own font + colours), so it looks identical in both site themes.
   Optional: add class "itc-dc--auto" to let it follow Dark mode.
   ===================================================================== */
.itc-dc {
  --dc-ink: #0f172a; --dc-blue: #1148ff; --dc-sub: #5f6f86; --dc-card: #ffffff;
  --dc-line: #e9eef6; --dc-muted: #9aa6b8; --dc-green: #16a34a;
  position: relative; padding: 56px 0 72px; font-family: 'Outfit', var(--tj-ff-body), sans-serif;
  background: radial-gradient(120% 70% at 50% 0%, #ffffff 0%, #f5f7fb 55%, #f1f4fa 100%);
  color: var(--dc-ink);
}
.itc-dc * { box-sizing: border-box; }
.itc-dc__inner { max-width: 1104px; margin: 0 auto; padding: 0 32px; }
.itc-dc__head { text-align: center; }
.itc-dc__pill {
  display: inline-flex; align-items: center; gap: 7px; height: 24px; padding: 0 12px;
  border-radius: 999px; background: #e4ebff; border: 1px solid #b9cbfa;
  color: #1d3fb8; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
.itc-dc__pill svg { width: 11px; height: 11px; }
.itc-dc__title {
  margin: 18px 0 0; font-family: inherit; font-weight: 700; color: var(--dc-ink);
  font-size: 37.5px; line-height: 1.2; letter-spacing: -.02em;
}
.itc-dc__title span { color: var(--dc-blue); }
.itc-dc__lead { margin: 18px auto 0; max-width: 450px; font-size: 14px; line-height: 25px; color: var(--dc-sub); font-weight: 400; }

.itc-dc__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-top: 62px; }
.itc-dc__card {
  background: var(--dc-card); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column;
  border: 1px solid var(--dc-line); box-shadow: 0 6px 24px rgba(15, 23, 42, .06); min-height: 208px;
}
.itc-dc__flag { position: relative; height: 73px; flex: 0 0 auto; overflow: hidden; }
.itc-dc__flag img { width: 100%; height: 100%; object-fit: cover; display: block; }
.itc-dc__flag::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.52) 100%);
}
.itc-dc__body { padding: 20px 4px 0; text-align: center; display: flex; flex-direction: column; align-items: center; }
.itc-dc__status { display: inline-flex; align-items: center; gap: 4px; font-size: 8.5px; font-weight: 700; letter-spacing: .08em; color: var(--dc-green); text-transform: uppercase; line-height: 1; }
.itc-dc__status i { width: 5px; height: 5px; border-radius: 50%; background: #22c55e; display: block; }
.itc-dc__name { margin: 9px 0 0; font-family: inherit; font-size: 11.5px; font-weight: 700; color: var(--dc-ink); line-height: 1.3; letter-spacing: 0; }
.itc-dc__loc { margin: 5px 0 0; font-size: 8.5px; color: var(--dc-muted); line-height: 1.4; font-weight: 400; }
.itc-dc__chips { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 3px; justify-content: center; padding-bottom: 16px; }
.itc-dc__chip {
  display: inline-flex; align-items: center; gap: 2px; height: 17px; padding: 0 5px; border-radius: 999px;
  font-size: 7.5px; font-weight: 700; line-height: 1; white-space: nowrap; background: #dfe8ff; border: 1px solid #aec3fb; color: #1e3a9e;
}
.itc-dc__chip svg { width: 8px; height: 8px; flex: 0 0 auto; }
.itc-dc__chip--green { background: #dcfce7; border-color: #8fe5ae; color: #15803d; }

@media (max-width: 1099px) { .itc-dc__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .itc-dc__card { min-height: 0; } .itc-dc__chips { padding-bottom: 20px; } }
@media (max-width: 575px) {
  .itc-dc { padding: 44px 0 56px; } .itc-dc__inner { padding: 0 18px; }
  .itc-dc__title { font-size: 28px; } .itc-dc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 40px; }
}

/* Opt-in: follow the site's Dark mode (add class itc-dc--auto) */
html:not([data-theme="light"]) .itc-dc--auto {
  --dc-ink: #f1f5f9; --dc-blue: #4d7bff; --dc-sub: #94a3b8; --dc-card: #0f1626; --dc-line: #1b2740; --dc-muted: #6b7a93;
  background: radial-gradient(120% 70% at 50% 0%, #0f1a33 0%, #080d18 60%, #050505 100%);
}
html:not([data-theme="light"]) .itc-dc--auto .itc-dc__pill { background: rgba(77,123,255,.14); border-color: rgba(120,160,255,.35); color: #a9c0ff; }
html:not([data-theme="light"]) .itc-dc--auto .itc-dc__card { box-shadow: 0 6px 24px rgba(0,0,0,.35); }
html:not([data-theme="light"]) .itc-dc--auto .itc-dc__chip { background: rgba(77,123,255,.16); border-color: rgba(120,160,255,.35); color: #a9c0ff; }
html:not([data-theme="light"]) .itc-dc--auto .itc-dc__chip--green { background: rgba(34,197,94,.14); border-color: rgba(74,222,128,.35); color: #6ee7a0; }

/* =====================================================================
   TRUSTPILOT-STYLE REVIEWS
   ===================================================================== */
.itc-tp { --tp-green: #00b67a; position: relative; }
.itc-tp__wrap { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; align-items: center; }
.itc-tp__sum { text-align: left; }
.itc-tp__brand { display: inline-flex; align-items: center; gap: 8px; font-family: var(--tj-ff-heading); font-weight: 700; font-size: 26px; letter-spacing: -.02em; color: var(--tj-color-heading-primary); }
.itc-tp__brand svg { width: 28px; height: 28px; color: var(--tp-green); }
.itc-tp__label { margin: 16px 0 10px; font-family: var(--tj-ff-heading); font-size: 30px; font-weight: 700; color: var(--tj-color-heading-primary); line-height: 1.1; }
.itc-tp__sub { margin: 12px 0 22px; font-size: 14px; }
.itc-stars { display: inline-flex; gap: 4px; }
.itc-stars i { width: 28px; height: 28px; background: var(--tp-green); display: grid; place-items: center; }
.itc-stars i svg { width: 18px; height: 18px; color: #fff; }
.itc-stars i.off { background: #dcdce6; }
.itc-stars--sm i { width: 20px; height: 20px; } .itc-stars--sm i svg { width: 13px; height: 13px; } .itc-stars--sm { gap: 3px; }
.itc-tp__link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--tj-color-heading-primary); border-bottom: 1px solid var(--tp-green); padding-bottom: 2px; }
.itc-tp__link:hover { color: var(--tp-green); }
.itc-tp__rail { position: relative; min-width: 0; }
.itc-tp__track { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 18px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.itc-tp__track::-webkit-scrollbar { display: none; }
.itc-tp__card { flex: 0 0 min(340px, 84%); scroll-snap-align: start; background: var(--tj-color-theme-bg); border: 1px solid var(--tj-color-border-1); border-radius: 14px; padding: 24px 24px 20px; display: flex; flex-direction: column; gap: 12px; }
.itc-tp__card h3 { font-size: 17px; line-height: 1.35; margin: 0; }
.itc-tp__card p { margin: 0; font-size: 14.5px; line-height: 1.6; }
.itc-tp__who { margin-top: auto; display: flex; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid var(--tj-color-border-1); font-size: 13px; }
.itc-tp__av { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; color: #fff; background: var(--tp-green); font-size: 13px; }
.itc-tp__who b { display: block; color: var(--tj-color-heading-primary); font-weight: 600; line-height: 1.2; }
.itc-tp__ctrl { display: flex; gap: 10px; margin-top: 4px; }
.itc-tp__ctrl button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--tj-color-border-1); background: var(--tj-color-theme-bg); color: var(--tj-color-heading-primary); cursor: pointer; display: grid; place-items: center; transition: all .2s; }
.itc-tp__ctrl button:hover { background: var(--tp-green); border-color: var(--tp-green); color: #fff; }
.itc-tp__ctrl svg { width: 18px; height: 18px; }
@media (max-width: 991px) { .itc-tp__wrap { grid-template-columns: 1fr; gap: 30px; } .itc-tp__sum { text-align: center; } .itc-stars { justify-content: center; } }
/* matches the reference: Germany's chips wrap onto two rows */
@media (min-width: 1100px) { .itc-dc__card:nth-child(3) .itc-dc__chips { max-width: 128px; } }

/* =====================================================================
   DAY MODE  — html[data-theme="light"]
   Dark is the default and is untouched. Day mode re-maps the template's
   colour variables, then keeps a few areas dark (footer, menus, buttons).
   ===================================================================== */
html[data-theme="light"] {
  color-scheme: light;
  --tj-color-heading-primary: #0b1220;
  --tj-color-text-body: #4a5565;
  --tj-color-text-body-2: #6b7686;
  --tj-color-theme-dark: #f3f5f8;
  --tj-color-theme-bg: #ffffff;
  --tj-color-theme-dark-2: #c3c9d3;
  --tj-color-theme-dark-3: #8f98a6;
  --tj-color-common-white: #0b1220;
  --tj-color-white-2: rgba(11, 18, 32, .8);
  --tj-color-border-1: #e0e5ec;
  --tj-color-grey-1: #6b7686;
  --tj-color-grey-2: #7a8494;
}

/* areas that keep the original dark look inside Day mode */
html[data-theme="light"] .tj-primary-btn,
html[data-theme="light"] .tj-icon-btn,
html[data-theme="light"] .tj-footer-section,
html[data-theme="light"] .tj-offcanvas-area,
html[data-theme="light"] .hamburger-area,
html[data-theme="light"] .search_popup,
html[data-theme="light"] .back-to-top-wrapper,
html[data-theme="light"] .preloader,
html[data-theme="light"] .itc-keep-dark {
  --tj-color-heading-primary: #f6f7f7;
  --tj-color-text-body: #bcbdb9;
  --tj-color-text-body-2: #999996;
  --tj-color-theme-dark: #050505;
  --tj-color-theme-bg: #191a18;
  --tj-color-theme-dark-2: #494a46;
  --tj-color-theme-dark-3: #6d6e68;
  --tj-color-common-white: #ffffff;
  --tj-color-white-2: rgba(255, 255, 255, .8);
  --tj-color-border-1: #282926;
  --tj-color-grey-1: #9692b2;
  --tj-color-grey-2: #78758f;
  color-scheme: dark;
}

/* logos: the header logo swaps to the all-blue version (see itcadre.js) */
html[data-theme="light"] .header-area .site_logo img { content: url("../images/logos/primary-logo_1.png"); }

/* white client / brand logos become dark silhouettes on light cards */
html[data-theme="light"] .client-logo img,
html[data-theme="light"] .itc-client img { filter: brightness(0); opacity: .78; }
html[data-theme="light"] .client-slider::before,
html[data-theme="light"] .client-slider::after {
  background-image: linear-gradient(90deg, #f3f5f8 0%, rgba(243, 245, 248, 0) 100%);
}
html[data-theme="light"] .client-slider::after { background-image: linear-gradient(-90deg, #f3f5f8 0%, rgba(243, 245, 248, 0) 100%); }
html[data-theme="light"] .technologies-item-wrap::before,
html[data-theme="light"] .technologies-item-wrap::after { background: linear-gradient(90deg, #f3f5f8 0%, rgba(243, 245, 248, 0) 100%); }

/* soft card shadows so white cards read on the light page */
html[data-theme="light"] .itc-domain-card,
html[data-theme="light"] .itc-feat,
html[data-theme="light"] .itc-cta-card,
html[data-theme="light"] .itc-client,
html[data-theme="light"] .itc-tld,
html[data-theme="light"] .itc-tp__card,
html[data-theme="light"] .client-logo { box-shadow: 0 6px 22px rgba(15, 23, 42, .06); }
html[data-theme="light"] .itc-dsearch-box { background: #fff; box-shadow: 0 8px 30px rgba(15, 23, 42, .08); }
html[data-theme="light"] .itc-domain-card::before { background: radial-gradient(60% 60% at 50% 0%, rgba(59,185,255,.22), rgba(59,185,255,0) 70%); }
html[data-theme="light"] .itc-eyebrow b,
html[data-theme="light"] .itc-dsearch button[type="submit"],
html[data-theme="light"] .itc-tld .tag { color: #050505; }
/* ---- auto: elements that use the dark colour as TEXT on bright (blue) surfaces stay dark in Day mode ---- */
html[data-theme="light"] .circle-icon,
html[data-theme="light"] .circle-icon i,
html[data-theme="light"] .tj-text-btn.style-3 .btn-icon,
html[data-theme="light"] .tj-text-btn.style-3:hover .btn-icon,
html[data-theme="light"] .tj-icon-btn:hover i,
html[data-theme="light"] .footer-widget.subscription_widget .subscribe_form button[type=submit],
html[data-theme="light"] .footer-widget.subscription_widget .subscribe_form input[type=submit],
html[data-theme="light"] .footer_socials li a:hover,
html[data-theme="light"] .banner-img-area .trusted .icon,
html[data-theme="light"] .banner-scroll .scroll-down:hover .icon,
html[data-theme="light"] .customers ul li span,
html[data-theme="light"] .list-style-1 li span,
html[data-theme="light"] .choose-box:hover .choose-icon,
html[data-theme="light"] .client-content span,
html[data-theme="light"] .about_reviews ul li span,
html[data-theme="light"] .service-item:hover .service-icon,
html[data-theme="light"] .service-item-2 .title a:hover,
html[data-theme="light"] .service-item-2:hover .title a,
html[data-theme="light"] .service-item-2:hover .desc,
html[data-theme="light"] .service-item-2:hover .tj-text-btn,
html[data-theme="light"] .service_list_item:hover .item_count,
html[data-theme="light"] .services_tabs .service_tab_item,
html[data-theme="light"] .service_content_wrap .service_content .service_icon,
html[data-theme="light"] .video-btn .video-icon,
html[data-theme="light"] .marquee-wrap .marquee-icon,
html[data-theme="light"] .marquee-wrap .marquee-text,
html[data-theme="light"] .marquee-item-3 .marquee-icon,
html[data-theme="light"] .marquee-item-3 .marquee-text,
html[data-theme="light"] .project-item:hover .tj-icon-btn i,
html[data-theme="light"] .categories a:hover,
html[data-theme="light"] .author_avatar_wrapper li:has(i),
html[data-theme="light"] .slider-next .anim-icon i:last-child,
html[data-theme="light"] .slider-prev .anim-icon i:last-child,
html[data-theme="light"] .slider-next:hover,
html[data-theme="light"] .slider-prev:hover,
html[data-theme="light"] .accordion_title:not(.collapsed)::after,
html[data-theme="light"] .faq-contact ul li:has(i),
html[data-theme="light"] .tj_accordion_4 .accordion_title:not(.collapsed),
html[data-theme="light"] .tj_accordion_4 .accordion_item:has(button:not(.collapsed)) .accordion_content,
html[data-theme="light"] .blog-post-wrapper .blog-item .categories a:hover,
html[data-theme="light"] .tj-pagination ul li .page-numbers.current,
html[data-theme="light"] .tj-pagination ul li .page-numbers:hover,
html[data-theme="light"] .tj-pagination ul li .page-numbers.current i,
html[data-theme="light"] .tj-pagination ul li .page-numbers:hover i,
html[data-theme="light"] .subscribe-form input[type=checkbox]:checked::before,
html[data-theme="light"] .social-links.cta-social .title,
html[data-theme="light"] .process-step,
html[data-theme="light"] .contact-item.style-2:hover .contact-icon i,
html[data-theme="light"] .slider_socials ul li a:hover,
html[data-theme="light"] .feature_item .feature_icon,
html[data-theme="light"] .team-item .social-links .share-icon,
html[data-theme="light"] .social-links ul li a:hover,
html[data-theme="light"] .team-details__experience__list ul li i,
html[data-theme="light"] .pricing_item.recommend .pricing_btn .btn-text,
html[data-theme="light"] .pricing_items_wrap_2 .pricing_item.recommend .package_name,
html[data-theme="light"] .pricing_items_wrap_2 .pricing_item.recommend .package_desc,
html[data-theme="light"] .pricing_items_wrap_2 .pricing_item.recommend .package_price,
html[data-theme="light"] .pricing_items_wrap_2 .pricing_item.recommend .package_price .period,
html[data-theme="light"] .pricing_items_wrap_2 .pricing_item.recommend .pricing_features > li,
html[data-theme="light"] .pricing_items_wrap_2 .pricing_item.recommend .pricing_features > li i,
html[data-theme="light"] .pricing_items_wrap_2 .pricing_item.recommend .pricing_features > li svg,
html[data-theme="light"] .post-details-wrapper .blog-text .blog-video .video-btn,
html[data-theme="light"] .blog-category-two .category-item .cate-icons,
html[data-theme="light"] .tj-post__navigation .tj-nav-post__nav a:hover span i,
html[data-theme="light"] .comment-respond .comment-form-cookies-consent input[type=checkbox]:checked::before,
html[data-theme="light"] .tj-sidebar-widget.widget-categories ul li a:hover,
html[data-theme="light"] .tj-sidebar-widget.widget-categories ul li a:hover span,
html[data-theme="light"] .tagcloud a:hover,
html[data-theme="light"] .infos-item .project-icons,
html[data-theme="light"] .service-categories ul li a:hover,
html[data-theme="light"] .service-categories ul li a.active,
html[data-theme="light"] .service-categories ul li a:hover span,
html[data-theme="light"] .service-categories ul li a.active span,
html[data-theme="light"] .service-details-item .number,
html[data-theme="light"] .tj-socials-wrapper ul.tj-socials li a:hover
{ color: #050505; }

/* footer contact list */
.itc-foot-contact{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px}
.itc-foot-contact a{color:var(--tj-color-text-body);transition:color .2s}
.itc-foot-contact a:hover{color:var(--tj-color-theme-primary)}

/* menu now has more entries: tighten spacing so it never touches the logo / buttons */
@media (min-width: 992px) { .header-area .mainmenu > ul { gap: 22px; } }
@media (min-width: 992px) and (max-width: 1399px) {
  .header-area .mainmenu > ul { gap: 14px; }
  .header-area .mainmenu > ul > li > a { font-size: 15px; }
  .header-area .mainmenu > ul > li.has-dropdown > a { padding-right: 15px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-area .mainmenu > ul { gap: 10px; }
  .header-area .mainmenu > ul > li > a { font-size: 14px; }
  .header-area .header-right-item .tj-primary-btn { display: none; }
}