/*
Theme Name: NexumBit Ultimate Pro Agency
Theme URI: https://nexumbit.com
Author: NexumBit Marketing
Author URI: https://nexumbit.com
Description: NexumBit dark glowing agency theme, fully editable with the FREE version of Elementor. Every page is built from native Elementor widgets; header and footer are editable from Appearance > Customize and Appearance > Menus.
Version: 6.3.1
Text Domain: nexumbit
Requires at least: 5.9
Requires PHP: 7.4
*/

:root {
  --nx-bg: #070913;
  --nx-card-bg: rgba(255, 255, 255, 0.03);
  --nx-card-border: rgba(255, 255, 255, 0.08);
  --nx-card-hover: rgba(99, 102, 241, 0.4);
  --nx-primary: #3b82f6;
  --nx-secondary: #8b5cf6;
  --nx-accent: #06b6d4;
  --nx-text: #ffffff;
  --nx-muted: #94a3b8;
  --nx-glow-blue: rgba(59, 130, 246, 0.35);
  --nx-glow-purple: rgba(139, 92, 246, 0.35);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--nx-bg);
  color: var(--nx-text);
  overflow-x: hidden;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
.nx-container { max-width: 1240px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }

/* MOTION & KEYFRAME ANIMATIONS */
@keyframes nxFloat {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-16px) rotate(2deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

@keyframes nxFloatSlow {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(30px, -25px) scale(1.08); }
  100% { transform: translate(0, 0) scale(1); }
}

@keyframes nxPulseGlow {
  0%, 100% {
    box-shadow: 0 0 25px rgba(59, 130, 246, 0.3);
    border-color: rgba(59, 130, 246, 0.3);
  }
  50% {
    box-shadow: 0 0 45px rgba(139, 92, 246, 0.6);
    border-color: rgba(139, 92, 246, 0.6);
  }
}

@keyframes nxShimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

@keyframes nxBadgeBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.nx-motion-float {
  animation: nxFloat 6s ease-in-out infinite;
}

.nx-motion-pulse {
  animation: nxPulseGlow 4s ease-in-out infinite;
}

.nx-badge-bounce {
  animation: nxBadgeBounce 3s ease-in-out infinite;
}

/* Background Glowing Ambient Orbs */
.nx-ambient-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  pointer-events: none;
  z-index: 0;
}
.nx-orb-1 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.2) 0%, rgba(7, 9, 19, 0) 70%);
  top: 50px;
  right: -100px;
  animation: nxFloatSlow 10s ease-in-out infinite;
}
.nx-orb-2 {
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, rgba(7, 9, 19, 0) 70%);
  top: 700px;
  left: -120px;
  animation: nxFloatSlow 8s ease-in-out infinite reverse;
}
.nx-orb-3 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.15) 0%, rgba(7, 9, 19, 0) 70%);
  bottom: 200px;
  right: -50px;
  animation: nxFloatSlow 12s ease-in-out infinite;
}

/* Interactive Modern Buttons */
.nx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 30px;
  font-weight: 700;
  font-size: 14px;
  border-radius: 50px;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border: none;
  text-decoration: none;
}

.nx-btn-primary {
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  color: #fff;
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.35);
  position: relative;
  overflow: hidden;
}
.nx-btn-primary:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 14px 35px rgba(139, 92, 246, 0.6);
}

.nx-btn-outline {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
}
.nx-btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
}

.nx-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  padding: 7px 18px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
  color: #c084fc;
  margin-bottom: 20px;
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.2);
}

/* Glassmorphism Cards */
.nx-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  border: 1px solid var(--nx-card-border);
  border-radius: 24px;
  padding: 32px;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(12px);
}
.nx-card:hover {
  transform: translateY(-8px);
  border-color: rgba(99, 102, 241, 0.5);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 25px rgba(99, 102, 241, 0.2);
}

.nx-section-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px auto;
}
.nx-section-header h2 {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 900;
  margin: 10px 0 14px;
  letter-spacing: -0.5px;
}
.nx-section-header p {
  color: var(--nx-muted);
  font-size: 16px;
}

/* ================= HEADER ================= */

      .nx-navbar {
        position: sticky;
        top: 0;
        z-index: 9999;
        background: rgba(7, 9, 19, 0.88);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding: 16px 0;
      }
      .nx-nav-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .nx-brand {
        display: flex;
        align-items: center;
        gap: 12px;
        font-weight: 900;
        font-size: 24px;
        letter-spacing: -0.5px;
        color: #fff;
      }
      .nx-brand-badge {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        background: linear-gradient(135deg, #3b82f6, #8b5cf6);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
      }
      .nx-brand span {
        background: linear-gradient(135deg, #a855f7, #3b82f6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .nx-menu-links {
        display: flex;
        gap: 22px;
        list-style: none;
        align-items: center;
      }
      .nx-menu-links a {
        color: #94a3b8;
        font-weight: 600;
        font-size: 14px;
        transition: color 0.3s;
      }
      .nx-menu-links a:hover, .nx-menu-links a.active {
        color: #ffffff;
      }
      .nx-mobile-toggle {
        display: none;
        background: none;
        border: none;
        color: #fff;
        font-size: 26px;
        cursor: pointer;
      }
      @media(max-width: 992px) {
        .nx-menu-links {
          display: none;
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          background: #090c19;
          flex-direction: column;
          padding: 24px;
          gap: 16px;
          border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        .nx-menu-links.show { display: flex; }
        .nx-mobile-toggle { display: block; }
      }
    
.nx-menu-links li{list-style:none}
.nx-menu-links .current-menu-item>a,.nx-menu-links .current_page_item>a{color:#fff}
.nx-menu-links .nx-menu-cta>a{display:inline-flex;align-items:center;justify-content:center;padding:9px 22px;font-size:13px;font-weight:700;border-radius:50px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;box-shadow:0 8px 24px rgba(59,130,246,.35);transition:all .35s}
.nx-menu-links .nx-menu-cta>a:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 35px rgba(139,92,246,.6)}
.nx-brand img{max-height:40px;width:auto}
.nx-footer-links a:hover{color:#fff}
.nx-footer-menu{list-style:none;line-height:2.2;font-size:14px;color:#94a3b8}
.nx-footer-menu a:hover{color:#fff}

/* ================= ELEMENTOR FREE COMPATIBILITY ================= */
.elementor{--kit-widget-spacing:0px}
.elementor .elementor-widget:not(:last-child){margin-block-end:0;margin-bottom:0}
body .elementor .elementor-widget-text-editor{color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}
body .elementor .elementor-widget-heading .elementor-heading-title{color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}
body .elementor .elementor-widget-text-editor p,body .elementor .elementor-widget-text-editor ul{margin:0}
body .elementor .elementor-widget-text-editor ul{padding:0}
.elementor .e-con.nxc{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;min-width:0}
.elementor .e-con.nx-container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;position:relative;z-index:2}
.elementor .e-con.nx-ambient-orb{position:absolute;width:var(--orb,500px)}
.elementor .e-con.nx-orb-1{width:500px;height:500px}
.elementor .e-con.nx-orb-2{width:450px;height:450px}
.elementor .e-con.nx-orb-3{width:400px;height:400px}
.elementor-widget.nx-contents,.elementor-widget.nx-contents>.elementor-widget-container{display:contents}
.elementor .e-con.nx-card{backdrop-filter:blur(12px)}

/* Buttons (Elementor button widget wearing the NexumBit button look) */
body .elementor .nxbtn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 30px;font-family:inherit;font-weight:700;font-size:14px;line-height:1.6;border-radius:50px;border:none;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;fill:currentColor}
body .elementor .nxbtn .elementor-button-text{display:inline}
body .elementor .nxbtn-primary .elementor-button{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;box-shadow:0 8px 24px rgba(59,130,246,.35);position:relative;overflow:hidden}
body .elementor .nxbtn-primary .elementor-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 35px rgba(139,92,246,.6);color:#fff}
body .elementor .nxbtn-outline .elementor-button{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.15);color:#fff}
body .elementor .nxbtn-outline .elementor-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:translateY(-2px);color:#fff}

/* FAQ (Elementor toggle widget) */
.elementor .nx-faq .elementor-toggle{display:flex;flex-direction:column;gap:15px}
.elementor .nx-faq .elementor-toggle .elementor-toggle-item{background:rgba(255,255,255,.03);padding:18px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}
.elementor .nx-faq .elementor-toggle .elementor-tab-title{padding:0;border:0;margin:0;background:none}
.elementor .nx-faq .elementor-toggle .elementor-tab-title a,.elementor .nx-faq .elementor-toggle .elementor-tab-title .elementor-toggle-icon{color:#fff;font-weight:700;font-size:16px;text-decoration:none}
.elementor .nx-faq .elementor-toggle .elementor-toggle-icon{color:#94a3b8}
.elementor .nx-faq .elementor-toggle .elementor-tab-content{padding:0;border:0;margin-top:10px;color:#94a3b8;font-size:14px}
.elementor .nx-faq .elementor-toggle .elementor-tab-content p{color:#94a3b8;font-size:14px}
.elementor .nx-faq .elementor-toggle .elementor-tab-content.elementor-active{display:block}
.nx-footer-menu .nx-wa a{color:#22c55e}

/* ===== Elementor-built header ===== */
.nx-navbar-el .elementor{position:relative}
.elementor .e-con.nx-header-root{width:100%;max-width:100%}
.elementor .e-con.nx-nav-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.elementor .e-con.nx-menu-links{display:flex;flex-direction:row;align-items:center;gap:20px;width:auto;flex:0 0 auto}
.elementor .e-con.nx-menu-links>.elementor-widget{width:auto}
body .elementor .nxmenu .elementor-button{background:none;box-shadow:none;border:0;border-radius:0;padding:0;color:#94a3b8;font-family:inherit;font-weight:600;font-size:14px;line-height:1.6;transition:color .3s}
body .elementor .nxmenu .elementor-button:hover{color:#fff;background:none}
body .elementor .nxmenu-cta .elementor-button{padding:9px 22px;font-size:13px}
.elementor .elementor-widget.nx-menu-btn-wrap{width:auto}
@media(max-width:992px){
  .elementor .e-con.nx-menu-links{display:none;position:absolute;top:100%;left:0;width:100%;background:#090c19;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}
  .elementor .e-con.nx-menu-links.show{display:flex}
  .nx-mobile-toggle{display:block}
}

/* ===== Header: top bar, social links, page icons ===== */
.nx-navbar.nx-navbar-el{padding:0}
.elementor .e-con.nx-nav-inner{padding-top:14px;padding-bottom:14px}
.elementor .e-con.nx-topbar{width:100%;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}
.elementor .e-con.nx-topbar-inner{padding-top:6px;padding-bottom:6px;gap:12px}
.nx-topbar-info{display:flex;flex-wrap:wrap;gap:18px;font-size:12.5px;color:#94a3b8}
.nx-topbar-info a{color:#cbd5e1}
.nx-topbar-info a:hover{color:#fff}
.elementor .nx-social .elementor-social-icons-wrapper{display:flex;gap:8px;flex-wrap:nowrap}
.elementor .nx-social .elementor-grid-item{margin:0}
body .elementor .nx-social .elementor-icon.elementor-social-icon{width:28px;height:28px;font-size:13px;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.1);transition:all .3s}
body .elementor .nx-social .elementor-icon.elementor-social-icon i{color:#cbd5e1;font-size:13px}
body .elementor .nx-social .elementor-icon.elementor-social-icon:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;transform:translateY(-2px)}
body .elementor .nx-social .elementor-icon.elementor-social-icon:hover i{color:#fff}
@media(max-width:600px){.nx-topbar-info span:nth-child(n+2){display:none}}

.nx-footer-el .elementor .e-con.nxc{max-width:100%}
.nx-footer-el .nx-footer-menu{list-style:none}

/* ===== Layout fixes: make Elementor containers behave like the original plain divs ===== */
.elementor .e-con.nxc>.elementor-widget{width:auto!important;max-width:100%;flex:0 1 auto;min-width:0}
.elementor .nxc>.nxc{width:auto;max-width:100%;flex:0 1 auto;min-width:0}

/* Theme classes that Elementor's own container padding/margin would otherwise cancel */
.elementor .e-con.nx-card{padding:32px;border-radius:24px;overflow:hidden;position:relative;border:1px solid var(--nx-card-border);background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 100%);transition:all .4s cubic-bezier(.16,1,.3,1)}
.elementor .e-con.nx-card:hover{transform:translateY(-8px);border-color:rgba(99,102,241,.5);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 25px rgba(99,102,241,.2)}
.elementor .e-con.nx-section-header{text-align:center;max-width:720px;margin:0 auto 50px;align-items:center}
.elementor .nx-section-header .elementor-widget{text-align:center}
body .elementor .nx-section-header .elementor-heading-title{font-size:clamp(28px,4vw,42px);font-weight:900;margin:10px 0 14px;letter-spacing:-.5px}
.elementor .nx-section-header p{color:var(--nx-muted);font-size:16px}
.elementor .e-con.nx-container{display:flex;flex-direction:column}
.elementor .e-con.nx-container.nxc-flex{flex-direction:row}