/* Start custom CSS for html, class: .elementor-element-dfd1778 *//* ===== BatabJam SEO Story (Full-page) ===== */
.bj-seo-fullpage{
  position: fixed;
  inset: 0;
  z-index: 99999;
  margin: 0 !important;
  padding: 0 !important;
  direction: rtl;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Arabic", "Noto Sans", Tahoma;
  --bg0:#070b12;
  --bg1:#0b0f17;
  --stroke:rgba(255,255,255,.10);
  --ink:#eaf0ff;
  --muted:#a7b3d2;
  --orange:#ff6a00;
  --orange2:#ff8a2a;
  color: var(--ink);
}

.bj-seo-fullpage .bj-frame{
  width: 100%;
  height: 100%;
  overflow: auto;
  background:
    radial-gradient(1200px 800px at 30% 18%, rgba(255,106,0,.16), transparent 58%),
    radial-gradient(1100px 760px at 82% 12%, rgba(45,212,191,.12), transparent 60%),
    radial-gradient(1200px 900px at 55% 110%, rgba(255,138,42,.12), transparent 62%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  position: relative;
}

.bj-seo-fullpage .bj-frame::before{
  content:"";
  position:absolute; inset:-20%;
  background:
    radial-gradient(600px 420px at 40% 22%, rgba(255,106,0,.26), transparent 62%),
    radial-gradient(500px 360px at 75% 28%, rgba(45,212,191,.18), transparent 64%),
    radial-gradient(650px 520px at 50% 85%, rgba(255,138,42,.16), transparent 64%);
  filter: blur(18px);
  opacity:.55;
  animation: bjGlowMove 10s ease-in-out infinite alternate;
  pointer-events:none;
}

@keyframes bjGlowMove{
  0%{transform:translate(-1.5%, -1.2%) scale(1.02)}
  100%{transform:translate(1.2%, 1.6%) scale(1.05)}
}

.bj-seo-fullpage .bj-content{
  position:relative;
  z-index:1;
  max-width: 520px;
  margin: 0 auto;
  padding: 56px 22px 32px;
  display:flex;
  flex-direction:column;
  gap:14px;
  animation: bjFloat 6s ease-in-out infinite alternate;
}
@keyframes bjFloat{ from{transform:translateY(0)} to{transform:translateY(-4px)} }

.bj-seo-fullpage .bj-header{ text-align:center; }
.bj-seo-fullpage .bj-brand{font-weight:900;font-size:12px;opacity:.85;margin-bottom:6px;}
.bj-seo-fullpage .bj-h1{margin:0;font-size:28px;font-weight:900;line-height:1.25;}
.bj-seo-fullpage .bj-h2{margin:10px 0 0;font-size:14px;font-weight:800;color:rgba(234,240,255,.86);}
.bj-seo-fullpage .bj-h3{margin:8px 0 0;font-size:12px;font-weight:650;color:rgba(167,179,210,.92);}

.bj-seo-fullpage .bj-glass{
  border:1px solid var(--stroke);
  background: rgba(16,26,44,.56);
  border-radius: 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
}

.bj-seo-fullpage .bj-stack{display:flex;flex-direction:column;gap:10px;}
.bj-seo-fullpage .bj-svc{
  padding:12px 12px 10px;
  display:grid;
  grid-template-columns: 1fr 42px;
  gap:10px;
  align-items:center;
}
.bj-seo-fullpage .bj-title{font-weight:900;font-size:15px;line-height:1.25;margin:0 0 6px;}
.bj-seo-fullpage .bj-title span{color:rgba(167,179,210,.9);font-weight:800;}
.bj-seo-fullpage .bj-bullets{margin:0;padding:0 18px 0 0;color:rgba(167,179,210,.95);font-size:12.2px;line-height:1.55;}
.bj-seo-fullpage .bj-bullets li{margin:2px 0;}
.bj-seo-fullpage .bj-icon{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(15,22,38,.60);
  position:relative;overflow:hidden;
}
.bj-seo-fullpage .bj-icon::before{
  content:"";position:absolute;inset:-40%;
  background: radial-gradient(circle at 30% 30%, rgba(255,106,0,.26), transparent 60%);
  filter: blur(10px);opacity:.85;
  animation: bjIconGlow 4.5s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes bjIconGlow{ from{transform:translate(-6%, -4%)} to{transform:translate(6%, 5%)} }
.bj-seo-fullpage svg{position:relative;z-index:1}

.bj-seo-fullpage .bj-plans{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.bj-seo-fullpage .bj-plan{
  padding:10px 10px 8px;border-radius:18px;border:1px solid var(--stroke);
  background: rgba(16,26,44,.55);
  min-height:168px;display:flex;flex-direction:column;gap:6px;
  position:relative;overflow:hidden;
}
.bj-seo-fullpage .bj-name{font-weight:950;font-size:13.2px;margin:0;}
.bj-seo-fullpage .bj-price{font-weight:1000;font-size:13px;color:#fff;margin:0;line-height:1.25;}
.bj-seo-fullpage .bj-ul{margin:0;padding:0 16px 0 0;color:rgba(167,179,210,.95);font-size:11.4px;line-height:1.5;}
.bj-seo-fullpage .bj-ul li{margin:2px 0;}
.bj-seo-fullpage .bj-note{margin-top:auto;font-size:10.8px;color:rgba(167,179,210,.85);}

.bj-seo-fullpage .bj-plan.bj-reco{
  border-color: rgba(255,106,0,.55);
  box-shadow: 0 0 0 1px rgba(255,106,0,.25), 0 20px 40px rgba(255,106,0,.10);
  background: linear-gradient(180deg, rgba(255,106,0,.08), rgba(16,26,44,.58));
  transform: translateY(-2px);
}
.bj-seo-fullpage .bj-badge{
  position:absolute;top:8px;left:8px;
  padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:900;
  color:rgba(255,255,255,.94);
  border:1px solid rgba(45,212,191,.42);
  background: rgba(45,212,191,.10);
}

.bj-seo-fullpage .bj-features{
  display:flex;gap:8px;justify-content:space-between;align-items:center;
  padding:9px 10px;border-radius:16px;border:1px solid var(--stroke);
  background: rgba(15,22,38,.62);
}
.bj-seo-fullpage .bj-feat{display:flex;align-items:center;gap:6px;color:rgba(234,240,255,.90);font-size:11px;font-weight:850;white-space:nowrap;}
.bj-seo-fullpage .bj-check{
  width:18px;height:18px;border-radius:999px;display:grid;place-items:center;
  background: rgba(255,106,0,.18);
  border:1px solid rgba(255,106,0,.42);
}

.bj-seo-fullpage .bj-cta{
  border-radius:18px;border:1px solid rgba(255,106,0,.55);
  background: linear-gradient(90deg, rgba(255,106,0,.92), rgba(255,138,42,.92));
  color:#0b0f17;font-weight:1000;text-align:center;
  padding:14px 12px;position:relative;overflow:hidden;
  box-shadow: 0 18px 45px rgba(255,106,0,.16);
}
.bj-seo-fullpage .bj-cta::before{
  content:"";position:absolute;inset:-40%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.30), transparent 55%);
  filter: blur(12px);opacity:.7;
  animation: bjShine 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes bjShine{ 0%{transform:translateX(-45%)} 55%{transform:translateX(35%)} 100%{transform:translateX(45%)} }

.bj-seo-fullpage .bj-cta small{display:block;margin-top:8px;font-weight:900;color:rgba(11,15,23,.85);}

.bj-seo-fullpage .bj-phones{display:flex;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap;}
.bj-seo-fullpage .bj-phone{
  display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;
  border:1px solid rgba(11,15,23,.22);
  background: rgba(255,255,255,.22);
  color:#0b0f17;font-weight:1000;font-size:12.2px;
}

.bj-seo-fullpage .bj-wm{
  position:absolute;right:18px;bottom:14px;font-weight:950;font-size:12px;
  opacity:.16;color:rgba(234,240,255,.85);user-select:none;z-index:2;
}

/* Mobile */
@media (max-width:420px){
  .bj-seo-fullpage .bj-content{max-width:420px;padding:48px 18px 26px}
  .bj-seo-fullpage .bj-h1{font-size:24px}
  .bj-seo-fullpage .bj-plans{gap:8px}
  .bj-seo-fullpage .bj-plan{min-height:158px}
}
/* FIX RTL alignment inside cards (force) */
.bj-seo-fullpage .bj-svc,
.bj-seo-fullpage .bj-plan,
.bj-seo-fullpage .bj-features,
.bj-seo-fullpage .bj-cta,
.bj-seo-fullpage .bj-title,
.bj-seo-fullpage .bj-bullets,
.bj-seo-fullpage .bj-ul,
.bj-seo-fullpage .bj-note{
  direction: rtl !important;
  text-align: right !important;
}

/* Force UL/LI bullets to behave RTL and align right */
.bj-seo-fullpage ul.bj-bullets,
.bj-seo-fullpage ul.bj-ul{
  direction: rtl !important;
  text-align: right !important;
  padding-right: 18px !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* If theme sets li text-align left, override */
.bj-seo-fullpage ul.bj-bullets li,
.bj-seo-fullpage ul.bj-ul li{
  direction: rtl !important;
  text-align: right !important;
}

/* Optional: make bullets appear on the right in some themes */
.bj-seo-fullpage ul.bj-bullets,
.bj-seo-fullpage ul.bj-ul{
  list-style-position: outside !important;
}/* End custom CSS */