.elementor-kit-5{--e-global-color-primary:#10B981;--e-global-color-secondary:#34D399;--e-global-color-text:#94A3B8;--e-global-color-accent:#FFFFFF;--e-global-color-d49163d:#020617;--e-global-color-03ab625:#0F172A;--e-global-color-3db7e06:#1E293B;--e-global-color-8f01497:#0F172A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-a095911-font-family:"Inter";--e-global-typography-a095911-font-size:clamp(2.027rem, 1.3974rem + 2.0146vw, 3.815rem);--e-global-typography-53faadf-font-family:"Inter";--e-global-typography-53faadf-font-size:clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem);--e-global-typography-3ede189-font-family:"Inter";--e-global-typography-3ede189-font-size:clamp(1.602rem, 1.3066rem + 0.9454vw, 2.441rem);--e-global-typography-0d609ec-font-family:"Inter";--e-global-typography-0d609ec-font-size:clamp(1.424rem, 1.2377rem + 0.5961vw, 1.953rem);--e-global-typography-dc84308-font-family:"Inter";--e-global-typography-dc84308-font-size:clamp(1.266rem, 1.1614rem + 0.3346vw, 1.563rem);--e-global-typography-2f988d9-font-family:"Inter";--e-global-typography-2f988d9-font-size:clamp(1.125rem, 1.081rem + 0.1408vw, 1.25rem);--e-global-typography-bcea02e-font-family:"Inter";--e-global-typography-bcea02e-font-size:clamp(1rem, 1rem + 0vw, 1rem);background-color:#020617;color:var( --e-global-color-text );font-family:var( --e-global-typography-bcea02e-font-family ), Sans-serif;font-size:var( --e-global-typography-bcea02e-font-size );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#10B981;font-family:"Inter", Sans-serif;font-size:14px;font-weight:bold;color:#020617;border-radius:8px 8px 8px 8px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#34D399;color:#020617;box-shadow:0px 0px 10px 0px rgba(16, 185, 129.00000000000003, 0.3);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#10B981;font-family:var( --e-global-typography-bcea02e-font-family ), Sans-serif;font-size:var( --e-global-typography-bcea02e-font-size );}.elementor-kit-5 a:hover{color:#34D399;font-family:"Inter", Sans-serif;font-size:clamp(1rem, 1rem + 0vw, 1rem);font-weight:500;}.elementor-kit-5 h1{color:var( --e-global-color-accent );font-family:var( --e-global-typography-a095911-font-family ), Sans-serif;font-size:var( --e-global-typography-a095911-font-size );}.elementor-kit-5 h2{color:var( --e-global-color-accent );font-family:var( --e-global-typography-53faadf-font-family ), Sans-serif;font-size:var( --e-global-typography-53faadf-font-size );}.elementor-kit-5 h3{color:var( --e-global-color-accent );font-family:var( --e-global-typography-3ede189-font-family ), Sans-serif;font-size:var( --e-global-typography-3ede189-font-size );}.elementor-kit-5 h4{color:var( --e-global-color-accent );font-family:var( --e-global-typography-0d609ec-font-family ), Sans-serif;font-size:var( --e-global-typography-0d609ec-font-size );}.elementor-kit-5 h5{color:var( --e-global-color-accent );font-family:var( --e-global-typography-dc84308-font-family ), Sans-serif;font-size:var( --e-global-typography-dc84308-font-size );}.elementor-kit-5 h6{color:var( --e-global-color-accent );font-family:var( --e-global-typography-2f988d9-font-family ), Sans-serif;font-size:var( --e-global-typography-2f988d9-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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-kit-5{font-size:var( --e-global-typography-bcea02e-font-size );}.elementor-kit-5 a{font-size:var( --e-global-typography-bcea02e-font-size );}.elementor-kit-5 h1{font-size:var( --e-global-typography-a095911-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-53faadf-font-size );}.elementor-kit-5 h3{font-size:var( --e-global-typography-3ede189-font-size );}.elementor-kit-5 h4{font-size:var( --e-global-typography-0d609ec-font-size );}.elementor-kit-5 h5{font-size:var( --e-global-typography-dc84308-font-size );}.elementor-kit-5 h6{font-size:var( --e-global-typography-2f988d9-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:var( --e-global-typography-bcea02e-font-size );}.elementor-kit-5 a{font-size:var( --e-global-typography-bcea02e-font-size );}.elementor-kit-5 h1{font-size:var( --e-global-typography-a095911-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-53faadf-font-size );}.elementor-kit-5 h3{font-size:var( --e-global-typography-3ede189-font-size );}.elementor-kit-5 h4{font-size:var( --e-global-typography-0d609ec-font-size );}.elementor-kit-5 h5{font-size:var( --e-global-typography-dc84308-font-size );}.elementor-kit-5 h6{font-size:var( --e-global-typography-2f988d9-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* GLOBAL BACKGROUND (The Tech Grid) */
body {
    background-color: #020617; /* Slate 950 */
    color: #94a3b8; /* Slate 400 */
    background-image: 
        radial-gradient(circle at 50% 0%, #1e293b 0%, transparent 40%),
        linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 100% 100%, 40px 40px, 40px 40px;
    background-attachment: fixed;
}

/* CUSTOM SCROLLBAR */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #020617;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
    border: 2px solid #020617;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* TEXT SELECTION HIGHLIGHT */
::selection {
    background: rgba(16, 185, 129, 0.3); /* Emerald 500 at 30% */
    color: #a7f3d0; /* Emerald 200 */
}

/* KEYFRAME DEFINITIONS */
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes scan {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes glow {
    0% { opacity: 0.5; transform: scale(1); }
    100% { opacity: 0.8; transform: scale(1.1); }
}

/* UTILITY CLASSES TO USE IN ELEMENTOR ADVANCED TAB */
.animate-fade-in-up {
    animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0; /* Start hidden */
}

/* Add delays to stagger items */
.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }
.delay-500 { animation-delay: 500ms; }

/* DIGITAL ID CARD STYLING */
.digital-id-card {
    background: rgba(15, 23, 42, 0.9); /* Slate 900 */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(51, 65, 85, 0.5); /* Slate 700 */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    overflow: hidden; /* Keeps the scan line inside */
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.5s ease;
}

.digital-id-card:hover {
    transform: rotateY(5deg) rotateX(5deg);
    border-color: rgba(16, 185, 129, 0.3); /* Emerald border on hover */
}

/* SCAN LINE ANIMATION */
.scan-line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #34d399; /* Emerald 400 */
    box-shadow: 0 0 15px #34d399;
    z-index: 10;
    animation: scan 4s linear infinite;
}

.glass-panel {
    background: rgba(15, 23, 42, 0.6); /* Slate 900 @ 60% */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(30, 41, 59, 0.5); /* Slate 800 */
}

/* variables (edit here)*/

:root {
  /* Global Padding Variables - Editable */
  /* Left and Right Padding All /Sections/Containers*/
  --fluid-side-padding-min: 1.25rem; /* 20px */
  --fluid-side-padding-max: 5rem; /* 80px */

  /* Top and Bottom Padding All Containers*/
  --section-xxl-padding-min: 9.375rem; /* 150px */
  --section-xxl-padding-max: 10rem; /* 160px */

  --section-xl-padding-min: 6.875rem; /* 110px */
  --section-xl-padding-max: 7.5rem; /* 120px */

  --section-l-padding-min: 5.625rem; /* 90px */
  --section-l-padding-max: 6.25rem; /* 100px */

  --section-m-padding-min: 5rem; /* 80px */
  --section-m-padding-max: 5rem; /* 80px */

  --section-s-padding-min: 3.75rem; /* 60px */
  --section-s-padding-max: 3.75rem; /* 60px */

  --section-xs-padding-min: 2.5rem; /* 40px */
  --section-xs-padding-max: 2.5rem; /* 40px */

  --section-xxs-padding-min: 1.5rem; /* 24px */
  --section-xxs-padding-max: 1.5rem; /* 24px */

  --section-header-padding-min: 1.25rem; /* 20px */
  --section-header-padding-max: 1.25rem; /* 20px */

  /* Hero Sections Height Variable */
  --section-hero-height: 100vh; /* 100% the screen height */

  /* Offset Padding for Overlay Headers */
  --section-offset-header: 80px; /* Adjust to the overlay header's negative margin */

  /* Width For Narrow Sections*/
  --section-narrow: 62.5rem; /* 1000px */
  --section-narrow-xs: 45rem; /* 720px */
}

/* CSS Template (do not edit below) */

/* Section/Container Padding - Fluid Variants */
.section-xxl {
  padding-top: clamp(
    var(--section-xxl-padding-min),
    1.087vw + 9.13rem,
    var(--section-xxl-padding-max)
  );
  padding-bottom: clamp(
    var(--section-xxl-padding-min),
    1.087vw + 9.13rem,
    var(--section-xxl-padding-max)
  );
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

.section-xl {
  padding-top: clamp(
    var(--section-xl-padding-min),
    1.087vw + 6.63rem,
    var(--section-xl-padding-max)
  );
  padding-bottom: clamp(
    var(--section-xl-padding-min),
    1.087vw + 6.63rem,
    var(--section-xl-padding-max)
  );
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

.section-l {
  padding-top: clamp(
    var(--section-l-padding-min),
    1.087vw + 5.38rem,
    var(--section-l-padding-max)
  );
  padding-bottom: clamp(
    var(--section-l-padding-min),
    1.087vw + 5.38rem,
    var(--section-l-padding-max)
  );
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

.section-m {
  padding-top: clamp(
    var(--section-m-padding-min),
    0vw + 5rem,
    var(--section-m-padding-max)
  );
  padding-bottom: clamp(
    var(--section-m-padding-min),
    0vw + 5rem,
    var(--section-m-padding-max)
  );
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

.section-s {
  padding-top: clamp(
    var(--section-s-padding-min),
    0vw + 3.75rem,
    var(--section-s-padding-max)
  );
  padding-bottom: clamp(
    var(--section-s-padding-min),
    0vw + 3.75rem,
    var(--section-s-padding-max)
  );
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

.section-xs {
  padding-top: clamp(
    var(--section-xs-padding-min),
    0vw + 2.5rem,
    var(--section-xs-padding-max)
  );
  padding-bottom: clamp(
    var(--section-xs-padding-min),
    0vw + 2.5rem,
    var(--section-xs-padding-max)
  );
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

.section-xxs {
  padding-top: clamp(
    var(--section-xxs-padding-min),
    0vw + 1.5rem,
    var(--section-xxs-padding-max)
  );
  padding-bottom: clamp(
    var(--section-xxs-padding-min),
    0vw + 1.5rem,
    var(--section-xxs-padding-max)
  );
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

.section-header {
  padding-top: clamp(
    var(--section-header-padding-min),
    0vw + 1.25rem,
    var(--section-header-padding-max)
  );
  padding-bottom: clamp(
    var(--section-header-padding-min),
    0vw + 1.25rem,
    var(--section-header-padding-max)
  );
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw + -0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

/* Hero Container/Sections Height */
.section-hero {
  min-height: var(--section-hero-height) !important;
}

.section-hero .e-con-inner {
  justify-content: center !important;
}

/* Full Width Sections - No Side Padding */

.section-full div {
  max-width: 100% !important;
}

/* Narrow Sections */
.section-narrow .e-con-inner {
  max-width: var(--section-narrow) !important;
}

.section-narrow-xs .e-con-inner {
  max-width: var(--section-narrow-xs) !important;
}

/* Offset Padding for Overlay Headers */
.section-offset {
  padding-top: calc(
    var(--section-offset-header) + var(--section-xxl-padding-min)
  );
}/* End custom CSS */