.elementor-633 .elementor-element.elementor-element-529f958{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-633 .elementor-element.elementor-element-48a7b2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-633 .elementor-element.elementor-element-9a8591b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-633 .elementor-element.elementor-element-e533870{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-633 .elementor-element.elementor-element-7283a48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-837c71d *//* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Inter',sans-serif;
}

body{
  background:#f6f8fc;
  color:#111;
}

/* CONTAINER */
.container{
  width:90%;
  max-width:1200px;
  margin:auto;
}

/* ========================= */
/* 🔥 HERO (NEW PREMIUM) */
/* ========================= */

.nx-hero{
  width:100vw;
  min-height:100vh;
  display:flex;
  align-items:center;
  background:linear-gradient(135deg,#301506,#ffb80c);
  overflow:hidden;
}

.nx-container{
  width:100%;
  max-width:1300px;
  margin:auto;
  padding:0 40px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.nx-left h1{
  font-size:64px;
  color:#fff;
  line-height:1.1;
}

.nx-left span{
  color:#fff3c4;
}

.nx-left p{
  margin-top:15px;
  color:#fff;
  opacity:0.9;
  font-size:18px;
}

.nx-btn{
  display:inline-block;
  margin-top:25px;
  padding:16px 30px;
  background:#fff;
  color:#301506;
  border-radius:12px;
  text-decoration:none;
  font-weight:600;
  transition:0.3s;
}

.nx-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.nx-right img{
  width:100%;
  max-width:550px;
  display:block;
  margin:auto;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,0.3));
}

/* ========================= */
/* 🔥 STEPS SECTION */
/* ========================= */

.section{
  padding:120px 0;
}

.step-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}

/* REVERSE */
.step-grid.reverse{
  direction: rtl;
}

.step-grid.reverse .right{
  direction: ltr;
}

/* IMAGE */
.left img{
  width:100%;
  border-radius:20px;
  box-shadow:0 25px 60px rgba(0,0,0,0.08);
}

/* TEXT */
.badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:50px;
  background:#ffe6e6;
  color:#ff4d4d;
  font-weight:600;
  margin-bottom:15px;
}

.right h2{
  font-size:42px;
  margin-bottom:10px;
}

.desc{
  color:#555;
  margin-bottom:20px;
  line-height:1.6;
}

.right h3{
  margin-top:20px;
  font-size:22px;
}

.desc2{
  color:#666;
  margin-bottom:20px;
}

/* TAGS */
.tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:25px;
}

.tags span{
  padding:10px 16px;
  border-radius:30px;
  border:1px solid #cfd8ff;
  background:#eef2ff;
  color:#3b5bdb;
  font-weight:500;
  cursor:pointer;
  transition:0.3s;
}

.tags span:hover{
  background:#3b5bdb;
  color:#fff;
}

/* CARDS */
.cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.card{
  padding:20px;
  border-radius:15px;
  border:1px solid #dbe4ff;
  background:#fff;
  transition:0.3s;
}

.card:hover{
  border-color:#3b5bdb;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.card h4{
  margin-bottom:5px;
}

/* ========================= */
/* 📱 MOBILE */
/* ========================= */

@media(max-width:768px){

  .nx-container{
    grid-template-columns:1fr;
    text-align:center;
  }

  .nx-left h1{
    font-size:40px;
  }

  .step-grid{
    grid-template-columns:1fr;
  }

  .cards{
    grid-template-columns:1fr;
  }

}

.nx-right img{
  border-radius:24px;
  box-shadow:
    0 20px 50px rgba(0,0,0,0.3),
    0 0 40px rgba(255,184,12,0.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15aa648 *//* ===== SECTION ===== */
.nx-tips{
  padding:140px 0;
  background:linear-gradient(135deg,#0f172a,#1e293b);
  position:relative;
  overflow:hidden;
}

/* GLOW BACKGROUND */
.nx-tips::before{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  background:radial-gradient(circle,#ffb80c33,transparent);
  top:-100px;
  right:-100px;
}

/* LAYOUT */
.nx-wrap{
  width:90%;
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:70px;
  align-items:start;
  position:relative;
  z-index:2;
}

/* LEFT */
.nx-title h2{
  font-size:48px;
  color:#fff;
  line-height:1.2;
}

.nx-title span{
  background:linear-gradient(90deg,#ffb80c,#ffffff);
  -webkit-background-clip:text;
  color:transparent;
}

.nx-title p{
  margin-top:15px;
  color:#cbd5e1;
  font-size:16px;
}

/* GRID */
.nx-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
}

/* CARD (GLASS EFFECT) */
.nx-card{
  position:relative;
  padding:28px;
  border-radius:18px;
  backdrop-filter:blur(14px);
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  transition:0.4s;
  overflow:hidden;
}

/* GRADIENT BORDER EFFECT */
.nx-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  padding:1px;
  background:linear-gradient(135deg,#ffb80c,#ffffff00);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}

/* HOVER EFFECT */
.nx-card:hover{
  transform:translateY(-10px) scale(1.02);
  box-shadow:0 20px 50px rgba(0,0,0,0.4);
}

/* NUMBER */
.nx-num{
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,#ffb80c,#ff7a00);
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  margin-bottom:15px;
  box-shadow:0 5px 15px rgba(255,184,12,0.5);
}

/* TEXT */
.nx-card h4{
  color:#fff;
  font-size:18px;
  margin-bottom:8px;
}

.nx-card p{
  color:#cbd5e1;
  font-size:14px;
  line-height:1.6;
}

//* ===== FIX FULL WIDTH ISSUE ===== */

html,body{
  margin:0;
  padding:0;
  overflow-x:hidden;
}

/* SECTION FULL BLEED */
.nx-tips{
  position:relative;
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  
  padding:140px 0;
  background:linear-gradient(135deg,#0f172a,#1e293b);
  overflow:hidden;
}

/* INNER CONTENT (CONTROL WIDTH) */
.nx-wrap{
  width:100%;
  max-width:1200px;
  margin:auto;
  padding:0 40px; /* IMPORTANT */
  
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:70px;
}

/* REMOVE ANY EXTRA SPACE */
body{
  overflow-x:hidden;
}

/* ===== MOBILE FIX (CRITICAL) ===== */
@media(max-width:768px){

  /* SECTION FIX */
  .nx-tips{
    width:100%;
    left:0;
    transform:none;
    padding:80px 20px;
  }

  /* WRAP FIX */
  .nx-wrap{
    grid-template-columns:1fr;
    padding:0;
    gap:40px;
  }

  /* CARDS GRID FIX */
  .nx-cards{
    grid-template-columns:1fr;
    gap:20px;
  }

  /* CARD FULL WIDTH */
  .nx-card{
    width:100%;
    min-width:0; /* IMPORTANT FIX */
  }

  /* REMOVE VERTICAL TEXT ISSUE */
  .nx-card h4{
    font-size:16px;
    line-height:1.4;
    word-break:normal;
  }

  /* FORCE TEXT NORMAL FLOW */
  .nx-card *{
    writing-mode:horizontal-tb !important;
    transform:none !important;
  }

  /* NUMBER FIX */
  .nx-num{
    width:36px;
    height:36px;
    font-size:14px;
  }

  /* TITLE */
  .nx-title h2{
    font-size:32px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e533870 *//* ===== SECTION ===== */
.nx-cta{
  padding:120px 0;
  background:#f4f5f8;
  text-align:center;
}

/* ===== TOP BOX ===== */
.nx-cta-box{
  max-width:900px;
  margin:auto;
  padding:50px 30px;
  border-radius:20px;
  background:linear-gradient(135deg,#1e003a,#2c0066);
  color:#fff;
  box-shadow:0 25px 60px rgba(0,0,0,0.2);
}

.nx-cta-box h2{
  font-size:32px;
  margin-bottom:10px;
}

.nx-cta-box p{
  opacity:0.8;
  margin-bottom:25px;
}

/* BUTTONS */
.nx-cta-btns{
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}

.nx-btn{
  padding:14px 26px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  transition:0.3s;
}

.nx-btn.primary{
  background:#ff5a5a;
  color:#fff;
}

.nx-btn.secondary{
  background:rgba(255,255,255,0.1);
  color:#fff;
  border:1px solid rgba(255,255,255,0.3);
}

.nx-btn:hover{
  transform:translateY(-3px);
}

/* ===== SECOND SECTION ===== */

.nx-path{
  margin-top:100px;
}

.nx-path h2{
  font-size:32px;
  color:#1b0f3b;
}

.nx-path .sub{
  color:#6b7280;
  margin-top:10px;
}

/* CARDS */
.nx-cards{
  margin-top:40px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}

/* CARD */
.nx-card{
  background:#fff;
  padding:30px;
  border-radius:16px;
  text-align:left;
  box-shadow:0 15px 40px rgba(0,0,0,0.06);
  position:relative;
  transition:0.3s;
}

/* TOP BORDER COLORS */
.nx-card.red{
  border-top:4px solid #ff4d4d;
}

.nx-card.blue{
  border-top:4px solid #3b5bdb;
}

/* HOVER */
.nx-card:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 60px rgba(0,0,0,0.1);
}

/* TEXT */
.nx-card h3{
  margin-bottom:10px;
  font-size:20px;
}

.nx-card p{
  color:#555;
  margin-bottom:20px;
}

/* BUTTON VARIANTS */
.nx-btn.dark{
  background:#1e003a;
  color:#fff;
}

.nx-btn.outline{
  border:1px solid #3b5bdb;
  color:#3b5bdb;
}

/* ===== MOBILE ===== */
@media(max-width:768px){

  .nx-cards{
    grid-template-columns:1fr;
  }

  .nx-cta-box{
    padding:40px 20px;
  }

}

/* CTA TITLE FIX */
.nx-cta-box h2{
  color:#ffffff !important;
}

/* CTA TEXT */
.nx-cta-box p{
  color:#e5e7eb !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fac862f *//* ===== FAQ SECTION ===== */
.nx-faq{
  padding:120px 0;
  background:#f5f6f8;
  text-align:center;
}

.nx-faq-wrap{
  width:90%;
  max-width:800px;
  margin:auto;
}

.nx-faq h2{
  font-size:32px;
  margin-bottom:10px;
  color:#1b0f3b;
}

.nx-faq .sub{
  color:#6b7280;
  margin-bottom:40px;
}

/* ACCORDION */
.nx-item{
  background:#fff;
  border-radius:12px;
  margin-bottom:15px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  transition:0.3s;
}

/* QUESTION */
.nx-question{
  width:100%;
  padding:18px 20px;
  text-align:left;
  border:none;
  background:none;
  font-size:16px;
  font-weight:500;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* ARROW */
.nx-question::after{
  content:"▼";
  font-size:12px;
  transition:0.3s;
}

/* ACTIVE */
.nx-item.active .nx-question::after{
  transform:rotate(180deg);
}

/* ANSWER */
.nx-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease;
  text-align:left;
  padding:0 20px;
}

.nx-answer p{
  padding-bottom:15px;
  color:#555;
}


/* FIX QUESTION TEXT */
.nx-question{
  color:#111 !important;
}

/* FIX BOX */
.nx-item{
  background:#ffffff !important;
  border:1px solid #e5e7eb;
}

.nx-item{
  border-radius:14px;
  transition:0.3s;
}

.nx-item:hover{
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.nx-question{
  font-weight:600;
}/* End custom CSS */