/* Start custom CSS for html, class: .elementor-element-95c097a *//* ===== BatabJam Instagram Packages (Full-page) ===== */
.bj-ig-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;
  --teal:#2dd4bf;
  color: var(--ink);
}

.bj-ig-fullpage .bj-frame{
  width: 100%;
  height: 100%;
  overflow: auto;
  background:
    radial-gradient(1200px 800px at 25% 18%, rgba(255,106,0,.20), transparent 58%),
    radial-gradient(1100px 760px at 78% 14%, rgba(45,212,191,.12), transparent 60%),
    radial-gradient(1200px 900px at 52% 108%, rgba(255,138,42,.12), transparent 62%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  position: relative;
}

.bj-ig-fullpage .bj-frame::before{
  content:"";
  position:absolute; inset:-20%;
  background:
    radial-gradient(700px 520px at 30% 22%, rgba(255,106,0,.26), transparent 62%),
    radial-gradient(560px 420px at 74% 26%, rgba(45,212,191,.18), transparent 64%),
    radial-gradient(820px 620px at 54% 88%, rgba(255,138,42,.16), transparent 64%);
  filter: blur(18px);
  opacity:.55;
  animation: bjIGGlow 10s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes bjIGGlow{
  0%{transform:translate(-1.5%, -1.2%) scale(1.02)}
  100%{transform:translate(1.2%, 1.6%) scale(1.05)}
}

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

.bj-ig-fullpage .bj-header{ text-align:center; direction:rtl !important; }
.bj-ig-fullpage .bj-brand{font-weight:900;font-size:12px;opacity:.85;margin-bottom:6px;}
.bj-ig-fullpage .bj-h1{margin:0;font-size:30px;font-weight:950;line-height:1.22;}
.bj-ig-fullpage .bj-h1 .accent{color: var(--orange);}
.bj-ig-fullpage .bj-h2{margin:10px 0 0;font-size:14px;font-weight:850;color:rgba(234,240,255,.88);}
.bj-ig-fullpage .bj-h3{margin:8px 0 0;font-size:12px;font-weight:650;color:rgba(167,179,210,.92);}

.bj-ig-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-ig-fullpage .bj-plansTop{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.bj-ig-fullpage .bj-plan{
  padding:14px 14px 12px;
  border-radius: 22px;
  border:1px solid var(--stroke);
  background: rgba(16,26,44,.55);
  position:relative;
  overflow:hidden;
  direction: rtl !important;
  text-align:right !important;
}

.bj-ig-fullpage .bj-planTitle{
  font-weight:950;
  font-size:18px;
  margin:0 0 8px;
}
.bj-ig-fullpage .bj-price{
  font-weight:1000;
  font-size:18px;
  margin:0 0 10px;
  color:#fff;
}
.bj-ig-fullpage .bj-price .p{color: var(--orange);}

.bj-ig-fullpage .bj-ul{
  margin:0;
  padding:0 18px 0 0;
  color: rgba(167,179,210,.95);
  font-size:12.4px;
  line-height:1.6;
  direction: rtl !important;
  text-align:right !important;
}
.bj-ig-fullpage .bj-ul li{margin:3px 0; direction:rtl !important; text-align:right !important;}

.bj-ig-fullpage .bj-footnote{
  margin-top:12px;
  color: rgba(167,179,210,.85);
  font-weight:800;
  font-size:12px;
  opacity:.95;
}

.bj-ig-fullpage .bj-reco{
  border-color: rgba(255,106,0,.58);
  box-shadow: 0 0 0 1px rgba(255,106,0,.25), 0 20px 42px rgba(255,106,0,.10);
  background: linear-gradient(180deg, rgba(255,106,0,.10), rgba(16,26,44,.56));
}

.bj-ig-fullpage .bj-badge{
  position:absolute;
  top:10px;
  left:10px;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
  color: rgba(255,255,255,.94);
  border:1px solid rgba(255,106,0,.55);
  background: rgba(255,106,0,.18);
  white-space:nowrap;
}

.bj-ig-fullpage .bj-plan3Wrap{
  display:flex;
  justify-content:center;
}
.bj-ig-fullpage .bj-plan3{
  width: min(420px, 100%);
  border-color: rgba(45,212,191,.35);
  background: linear-gradient(180deg, rgba(45,212,191,.08), rgba(16,26,44,.55));
}
.bj-ig-fullpage .bj-plan3 .bj-price .p{ color: var(--orange2); }

.bj-ig-fullpage .bj-addons{
  padding:14px 14px 12px;
  direction: rtl !important;
  text-align:right !important;
}
.bj-ig-fullpage .bj-addTitle{
  font-weight:950;
  font-size:18px;
  margin:0 0 10px;
  text-align:center;
}
.bj-ig-fullpage .bj-addGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}
.bj-ig-fullpage .bj-addonRow{
  display:grid;
  grid-template-columns: 1fr 120px;
  gap:10px;
  align-items:center;
  padding:12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(15,22,38,.55);
}
.bj-ig-fullpage .bj-addonTag{
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
  font-size:12px;
  border-radius: 14px;
  padding:10px 8px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(16,26,44,.55);
  color: rgba(234,240,255,.92);
}
.bj-ig-fullpage .bj-addonText{
  color: rgba(234,240,255,.92);
}
.bj-ig-fullpage .bj-addonText b{
  display:block;
  margin-bottom:4px;
  font-weight:950;
  font-size:14px;
}
.bj-ig-fullpage .bj-addonText .sub{
  color: rgba(167,179,210,.92);
  font-weight:750;
  font-size:12px;
  line-height:1.6;
}
.bj-ig-fullpage .bj-addonText .hl{
  color: var(--orange);
  font-weight:1000;
}

.bj-ig-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-ig-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: bjIGShine 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes bjIGShine{ 0%{transform:translateX(-45%)} 55%{transform:translateX(35%)} 100%{transform:translateX(45%)} }

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

.bj-ig-fullpage .bj-phones{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:10px;
  flex-wrap:wrap;
}
.bj-ig-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;
  text-decoration:none !important;
}

.bj-ig-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 tuning */
@media (max-width:520px){
  .bj-ig-fullpage .bj-content{max-width:460px;padding:48px 18px 26px}
  .bj-ig-fullpage .bj-h1{font-size:26px}
  .bj-ig-fullpage .bj-plansTop{grid-template-columns:1fr;gap:10px}
}/* End custom CSS */