.elementor-kit-8982{--e-global-color-primary:#0D0F0A;--e-global-color-secondary:#3D4A2E;--e-global-color-text:#C4B896;--e-global-color-accent:#C9A84C;--e-global-typography-primary-font-family:"Rajdhani";--e-global-typography-secondary-font-family:"Bebas Neue";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rajdhani";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Rajdhani";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:normal;}.elementor-kit-8982 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════
   NEW TECH DEFENCE & ENGINEERING — GLOBAL CUSTOM CSS
   Add this ENTIRE file's content to:
   Elementor > Site Settings > Custom CSS  (Pro)
   OR: Appearance > Customize > Additional CSS
════════════════════════════════════════════════════════════════ */

/* ── Google Fonts ──────────────────────────────────────────── */
/* Also add this <link> in Elementor > Site Settings > Custom Code > Head:
   <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap" rel="stylesheet">
*/

/* ── CSS Variables ─────────────────────────────────────────── */
:root {
  --ntde-black:    #0d0f0a;
  --ntde-field:    #141a0e;
  --ntde-od-dk:    #2a3320;
  --ntde-od:       #3d4a2e;
  --ntde-od-lt:    #5a6b3e;
  --ntde-od-pale:  #8a9a6e;
  --ntde-od-mist:  #aab88a;
  --ntde-khaki:    #c4b896;
  --ntde-sand:     #d8ccaa;
  --ntde-gold:     #c9a84c;
  --ntde-glass:    rgba(61,74,46,0.12);
  --ntde-border:   rgba(196,184,150,0.18);
  --font-display:  'Bebas Neue', sans-serif;
  --font-body:     'Rajdhani', sans-serif;
  --font-mono:     'Orbitron', monospace;
}

/* ── Global Reset Overrides ────────────────────────────────── */
body {
  font-family: var(--font-body) !important;
  background-color: var(--ntde-black) !important;
  color: var(--ntde-sand) !important;
  overflow-x: hidden;
}

/* ── Scrollbar ─────────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--ntde-field); }
::-webkit-scrollbar-thumb { background: var(--ntde-od); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ntde-od-lt); }

/* ── Grain texture overlay ─────────────────────────────────── */
body::after {
  content: '';
  position: fixed; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9000;
  opacity: 0.5;
}

/* ── Elementor Section overrides ───────────────────────────── */
.elementor-section {
  background-color: var(--ntde-black);
}

/* ── Glass card utility ────────────────────────────────────── */
.ntde-glass {
  background: var(--ntde-glass);
  border: 1px solid var(--ntde-border);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* ── Heading font override ─────────────────────────────────── */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--font-display) !important;
  letter-spacing: 2px;
}

/* ── Text editor font override ─────────────────────────────── */
.elementor-widget-text-editor {
  font-family: var(--font-body) !important;
  line-height: 1.8;
}

/* ── Button defaults ───────────────────────────────────────── */
.elementor-widget-button .elementor-button {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

/* ── Ticker scroll animation ───────────────────────────────── */
@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── Orbit ring animation (hero visual) ────────────────────── */
@keyframes eorbit {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* ── Glow pulse animation ──────────────────────────────────── */
@keyframes eglow {
  0%, 100% { transform: scale(1);   opacity: 0.6; }
  50%       { transform: scale(1.2); opacity: 1;   }
}

/* ── Float animation (logo) ────────────────────────────────── */
@keyframes float-img {
  0%, 100% { transform: translateY(0);    }
  50%       { transform: translateY(-12px); }
}

/* ── Blink dot (hero tag) ──────────────────────────────────── */
@keyframes blink {
  0%, 100% { opacity: 1;   }
  50%       { opacity: 0.3; }
}

/* ── Details/Summary FAQ styling ──────────────────────────── */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] > summary {
  background: rgba(61,74,46,0.20) !important;
  color: #c9a84c !important;
}

/* ── Product tile hover ────────────────────────────────────── */
a[style*="rgba(13,15,10,0.97)"]:hover {
  background: rgba(61,74,46,0.14) !important;
}

/* ── Responsive — HTML widget grids ───────────────────────── */
@media (max-width: 767px) {
  /* Auto-fit grids inside HTML widgets collapse naturally */
  /* Stat bars in hero — stack on mobile */
  div[style*="grid-template-columns: repeat(5,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  div[style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }
  /* Hero headline size reduction */
  .elementor-element h1.elementor-heading-title {
    font-size: 48px !important;
  }
  /* Contact form — single column on mobile */
  div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  /* Tablet: 4-col grids collapse to 2 */
  div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  div[style*="grid-template-columns: repeat(5,1fr)"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* ── Print / PDF styles ────────────────────────────────────── */
@media print {
  body::after { display: none; }
  .elementor-section { background: #fff !important; }
  * { color: #000 !important; }
}

/* ── Elementor Canvas — remove default padding ─────────────── */
.elementor-page-template-elementor_canvas .site-content {
  padding: 0 !important;
  margin: 0 !important;
}/* End custom CSS */