.crmUltra_particles{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:hidden;
  z-index:2;
}

.crmUltra_particles span{
  position:absolute;
  width:6px;
  height:6px;
  background:radial-gradient(circle,#ffcc00,#ff8800);
  border-radius:50%;
  opacity:0.8;
  filter:blur(1px);
  animation:crmFloat linear infinite;
}

/* FLOAT ANIMATION */
@keyframes crmFloat{
  0%{
    transform:translateY(0) scale(1);
    opacity:0;
  }
  20%{
    opacity:1;
  }
  100%{
    transform:translateY(-120px) scale(1.5);
    opacity:0;
  }
}

.crmPro_hero_992{
    position:relative;
    padding:140px 0;
    background:#000;
    overflow:hidden;
    color:#fff;
    font-family:'Outfit',sans-serif;
}

/* INNER */
.crmPro_inner_992{
    width:90%;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    z-index:2;
}

/* LEFT */
.crmPro_left_992 h1{
    font-size:60px;
    font-weight:800;
    line-height:1.1;
}

/* 🔥 NO SHIFT FIX */
.crmPro_typingWrap{
    display:inline-block;
    min-width:280px;
}

.crmPro_typing{
    color:#ff7a18;
}

/* DESC */
.crmPro_left_992 p{
    margin-top:20px;
    color:#aaa;
    max-width:520px;
}

/* STATS */
.crmPro_stats{
    display:flex;
    gap:50px;
    margin-top:30px;
}

.crmPro_stats h2{
    font-size:40px;
}

/* RIGHT IMAGE */
.crmPro_imgWrap{
    position:relative;
    width:420px;
}

.crmPro_imgWrap img{
    width:100%;
    position:relative;
    z-index:2;
}

/* GLOW */
.crmPro_glow{
    position:absolute;
    top:50%;
    left:50%;
    width:500px;
    height:500px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,#ff7a18 0%, transparent 60%);
    filter:blur(100px);
    z-index:1;
}

/* ================= FLOATING WORDS ================= */

.crmPro_bg_992{
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;
}

/* BASE STYLE (UPGRADED) */
.crmPro_float{
    position:absolute;
    font-size:26px;
    font-weight:600;
    color:#ff7a18;
    opacity:0.12;

    text-shadow:0 0 10px rgba(255,122,24,0.3);

    animation: crmFloatMovePro linear infinite;
}

/* DEPTH VARIATION (IMPORTANT 🔥) */
.crmPro_f1{ top:20%; left:50%; animation-duration:18s; transform:scale(1.2);}
.crmPro_f2{ top:60%; left:30%; animation-duration:22s; transform:scale(0.9);}
.crmPro_f3{ top:40%; left:75%; animation-duration:20s; transform:scale(1.1);}
.crmPro_f4{ top:75%; left:55%; animation-duration:26s; transform:scale(0.8);}
.crmPro_f5{ top:15%; left:80%; animation-duration:24s; transform:scale(1.3);}
.crmPro_f6{ top:70%; left:10%; animation-duration:28s; transform:scale(1);}

/* 🔥 ADVANCED FLOAT ANIMATION */
@keyframes crmFloatMovePro{
    0%{
        transform:translate(0,0) scale(1);
    }
    25%{
        transform:translate(25px,-35px) scale(1.1);
    }
    50%{
        transform:translate(-25px,25px) scale(0.9);
    }
    75%{
        transform:translate(30px,15px) scale(1.05);
    }
    100%{
        transform:translate(0,0) scale(1);
    }
}

.crmPro_float:hover{
    opacity:0.4;
    transform:scale(1.3);
}

/* IMAGE WRAPPER */
.crmPro_imgWrap{
    position:relative;
    width:420px;
}

/* IMAGE */
.crmPro_imgWrap img{
    width:100%;
    display:block;
    position:relative;
    z-index:2;

    /* 🔥 MAGIC: EDGE FADE */
    -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
}

/* EXTRA SOFT BLEND (OPTIONAL BUT POWERFUL) */
.crmPro_edgeFade{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(circle, transparent 50%, #000 100%);
    z-index:3;
    pointer-events:none;
}

/* GLOW */
.crmPro_glow{
    position:absolute;
    top:50%;
    left:50%;
    width:500px;
    height:500px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,#ff7a18 0%, transparent 60%);
    filter:blur(100px);
    z-index:1;
}

/* ===== WRAPPER ===== */
.crmUltra_wrap{
    position:relative;
    width:420px;
     display:inline-block;
}

/* ===== IMAGE ===== */
.crmUltra_img{
    width:100%;
    position:relative;
    z-index:3;

    -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
}

/* ===== GLOW ===== */
.crmUltra_glow{
    position:absolute;
    top:50%;
    left:50%;
    width:700px;
    height:700px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,#ff7a18 0%, transparent 70%);
    filter:blur(120px);
    z-index:1;
}

/* ================= LIGHT RAYS (FIXED) ================= */
.crmUltra_rays{
    position:absolute;
    top:55%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:5; /* ABOVE IMAGE */
}

.crmUltra_rays span{
    position:absolute;
    width:3px;
    height:260px;
    background:linear-gradient(to top, #ff7a18, transparent);
    transform-origin:bottom;
    opacity:0;
    animation: rayMove 3s ease-in-out infinite;
}

/* PROPER ANGLES */
.crmUltra_rays span:nth-child(1){ transform:rotate(0deg); animation-delay:0s; }
.crmUltra_rays span:nth-child(2){ transform:rotate(30deg); animation-delay:0.5s; }
.crmUltra_rays span:nth-child(3){ transform:rotate(-30deg); animation-delay:1s; }
.crmUltra_rays span:nth-child(4){ transform:rotate(60deg); animation-delay:1.5s; }
.crmUltra_rays span:nth-child(5){ transform:rotate(-60deg); animation-delay:2s; }

@keyframes rayMove{
    0%{ opacity:0; transform:scaleY(0.3); }
    50%{ opacity:1; transform:scaleY(1); }
    100%{ opacity:0; transform:scaleY(0.3); }
}

/* ================= PARTICLES (VISIBLE FIX) ================= */
.crmUltra_particles span{
    position:absolute;
    width:8px;
    height:8px;
    background:#ff7a18;
    border-radius:50%;
    box-shadow:0 0 10px #ff7a18;
    animation: floatParticle linear infinite;
}

@keyframes floatParticle{
    0%{ transform:translateY(0) scale(1); opacity:0.3;}
    50%{ transform:translateY(-80px) scale(1.4); opacity:1;}
    100%{ transform:translateY(0) scale(1); opacity:0.3;}
}

.crmPro_typing::after{
  content:"|";
  margin-left:5px;
  animation:blink 1s infinite;
}

@keyframes blink{
  0%,100%{opacity:1;}
  50%{opacity:0;}
}

/*Hero section CSS by Rishabh Ends */

/*Progress Bar's Section CSS by Rishabh Starts*/
.nx7_crmWrap_5521{
  background:#000;
  color:#fff;
  padding:60px 5%;
  font-family:'Inter',sans-serif;
}

/* HEADING */
.nx7_head_5521{
  text-align:center;
  margin-bottom:40px;
}
.nx7_head_5521 h1{
  font-size:36px;
}
.nx7_head_5521 span{
  color:#ffcc00;
}
.nx7_head_5521 p{
  color:#aaa;
}

/* TABS */
.nx7_tabs_5521{
  overflow:hidden;
  position:relative;
}

.nx7_tabsTrack_5521{
  display:flex;
  gap:40px;
  transition:transform 0.6s ease;
}

.nx7_tab_5521{
  min-width:140px;
  opacity:.4;
  transition:.4s;
}

.nx7_tab_5521.active{
  opacity:1;
  color:#ffcc00;
}

.nx7_bar{
  height:3px;
  background:#222;
  margin-top:6px;
  overflow:hidden;
}

.nx7_bar i{
  display:block;
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#ffcc00,#ff8800);
}

/* IMAGE FADE */
#nx7_img{
  opacity:0;
  transition:opacity .5s ease;
}
#nx7_img.show{
  opacity:1;
}
.nx7_bar{
  height:3px;
  background:#333;
  margin-top:6px;
  overflow:hidden;
}
.nx7_bar i{
  display:block;
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#ffcc00,#ff8800);
}

/* CONTENT */
.nx7_content_5521{
  display:flex;
  gap:40px;
  align-items:center;
  flex-wrap:wrap;
}

.nx7_imgBox_5521 svg{
  width:100%;
  max-width:320px;
}

.nx7_text_5521{
  max-width:400px;
}

#nx7_title{
  font-size:32px;
  margin:10px 0;
}

#nx7_desc{
  color:#aaa;
}

/* MOBILE */
@media(max-width:768px){
  .nx7_content_5521{
    flex-direction:column;
    text-align:center;
  }
}
/*Progress Bar's Section CSS by Rishabh Ends*/

/*cards section CSS by Rishabh Starts*/
.zxq9_ctaWrap_7721{
  background:#000;
  padding:100px 5%;
  font-family:'Outfit',sans-serif;
}

/* CARD */
.zxq9_ctaCard_7721{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:60px;
  padding:70px;
  border-radius:24px;

  background:linear-gradient(135deg,#111,#050505);
  overflow:hidden;
}

/* LEFT */
.zxq9_ctaLeft_7721 h2{
  font-size:44px;
  line-height:1.2;
  color:#fff;
}

.zxq9_ctaLeft_7721 p{
  margin:15px 0 25px;
  color:#aaa;
}

/* BUTTON */
.zxq9_btnWrap_7721{
  position:relative;
  width:240px;
  padding:12px;
  border-radius:50px;
  border:1px solid rgba(255,255,255,0.3);
  display:flex;
  align-items:center;
  cursor:pointer;
  overflow:hidden;
}

.zxq9_btnWrap_7721 span{
  flex:1;
  text-align:center;
}

.zxq9_btnCircle_7721{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:5px;
  transition:.4s;
}

.zxq9_btnWrap_7721:hover .zxq9_btnCircle_7721{
  left:calc(100% - 47px);
}

/* RIGHT */
.zxq9_ctaRight_7721{
  position:relative;
  width:380px;
  height:280px;
}

/* IMAGE */
.zxq9_img_7721{
  width:100%;
  position:relative;
  z-index:3;

  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);
}

/* AURA */
.zxq9_aura_7721{
  position:absolute;
  top:50%;
  left:50%;
  width:500px;
  height:500px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,#a855f7,transparent 70%);
  filter:blur(100px);
  opacity:0.5;
  z-index:1;
}

/* FLOATING ORBS */
.zxq9_orb{
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,#a855f7,transparent);
  filter:blur(40px);
  opacity:0.4;
  animation:orbMove 10s ease-in-out infinite;
}

.orb1{ top:20%; right:10%; }
.orb2{ top:60%; right:30%; animation-delay:3s; }
.orb3{ top:40%; right:0%; animation-delay:6s; }

@keyframes orbMove{
  0%{ transform:translate(0,0);}
  50%{ transform:translate(-40px,-30px);}
  100%{ transform:translate(0,0);}
}

/* HOVER LIGHT */
.zxq9_hoverLight_7721{
  position:absolute;
  width:250px;
  height:250px;
  background:radial-gradient(circle,rgba(255,255,255,0.08),transparent);
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%);
  opacity:0;
}

/* RESPONSIVE */
@media(max-width:768px){
  .zxq9_ctaCard_7721{
    flex-direction:column;
    text-align:center;
    padding:40px;
  }
  .zxq9_ctaRight_7721{
    display:none;
  }
}
/*cards section CSS by Rishabh Ends*/

/*bothside Image section CSS by Rishabh starts*/
.lx9_ultraSection_8831{
  background:#000;
  color:#fff;
  padding:100px 5%;
  font-family:'Outfit',sans-serif;
}

/* TOP */
.lx9_top_8831{
  text-align:center;
  max-width:700px;
  margin:auto;
}

.lx9_top_8831 h2{
  font-size:36px;
  line-height:1.3;
}

.lx9_top_8831 p{
  color:#aaa;
  margin:15px 0;
}

.lx9_btn_8831{
  padding:12px 25px;
  border-radius:30px;
  border:1px solid #fff;
  background:transparent;
  color:#fff;
}

/* BOTTOM */
.lx9_bottom_8831{
  display:flex;
  margin-top:80px;
  gap:60px;
  align-items:center;
  flex-wrap:wrap;
}

/* LEFT */
.lx9_left_8831{
  flex:1;
  position:relative;
}

.lx9_cards_8831{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.lx9_card_8831{
  background:#111;
  padding:20px;
  border-radius:15px;
  display:flex;
  gap:15px;
}

.lx9_icon_8831{
  width:40px;
  height:40px;
  background:#ff7a18;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ARROW */
.lx9_arrow_8831{
  position:absolute;
  left:-30px;
  top:60px;
  width:80px;
  opacity:0.5;
}

/* RIGHT */
.lx9_right_8831{
  flex:1;
}

.lx9_dashboard_8831{
  width:100%;
  max-width:400px;
}

/* RESPONSIVE */
@media(max-width:768px){
  .lx9_bottom_8831{
    flex-direction:column;
  }

  .lx9_top_8831 h2{
    font-size:24px;
  }
}


/*bothside Image section CSS by Rishabh Ends*/

/*Cards Popup Section CSS by Rishabh Starts*/
/* SECTION */
.nx8_stackSection_9912 {
  background: #050507;
  padding: 120px 6%;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

/* CONTAINER */
.nx8_container_9912 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

/* LEFT CONTENT */
.nx8_left_9912 {
  width: 45%;
}

.nx8_left_9912 h2 {
  font-size: 46px;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
}

.nx8_left_9912 p {
  margin-top: 20px;
  color: #aaa;
  font-size: 16px;
  line-height: 1.6;
}

/* RIGHT STACK WRAPPER */
.nx8_stackWrap_9912 {
  position: relative;
  width: 420px;
  height: 420px;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* CARD (CLEAN + GSAP CONTROLLED) */
/* CARD - PREMIUM */
.nx8_card_9912 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 380px;

  transform: translate(-50%, -50%) scale(0.9);

  opacity: 0;

  padding: 28px;
  border-radius: 22px;

  background: linear-gradient(145deg, #14141c, #0b0b10);

  box-shadow: 
    0 30px 100px rgba(255, 120, 0, 0.25),
    inset 0 0 25px rgba(255, 120, 0, 0.08);

  color: #fff;

  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-style: preserve-3d;

  transition: box-shadow 0.4s ease;
}

/* ACTIVE CARD GLOW */
.nx8_card_active {
  box-shadow: 
    0 40px 120px rgba(255, 140, 0, 0.45),
    inset 0 0 30px rgba(255, 140, 0, 0.15);
}

/* BACKGROUND GLOW (ANIMATED) */
.nx8_stackWrap_9912::before {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(255,140,0,0.45), transparent);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(100px);
  z-index: 0;

  animation: glowPulse 4s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.9;
    transform: translate(-50%, -50%) scale(1.2);
  }
}

/* RESPONSIVE */
@media (max-width: 900px) {

  .nx8_container_9912 {
    flex-direction: column;
    gap: 50px;
  }

  .nx8_left_9912,
  .nx8_stackWrap_9912 {
    width: 100%;
  }

  .nx8_left_9912 h2 {
    font-size: 36px;
  }

  .nx8_stackWrap_9912 {
    height: 320px;
  }

  .nx8_card_9912 {
    max-width: 100%;
  }
}

/* EXTRA SMOOTHNESS */
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}
/*Cards Popup Section CSS by Rishabh Ends*/