/* Anan Iskan Wizard v3.0 */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root{
  --p:#1C3324;
  --pd:#0f2318;
  --ps:#254535;
  --gold:#F2DD90;
  --bg:#F3F5F6;
  --white:#FFFFFF;
  --txt:#1C3324;
  --muted:#6b7a70;
  --bdr:#d8e2db;
  --rsm:12px;
  --tr:all .22s cubic-bezier(.4,0,.2,1);
}

.aiiz-cta-wrap{
  font-family:'Cairo',sans-serif;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 24px;
  box-sizing:border-box;
}
.aiiz-cta-inner{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at 18% 18%, rgba(242,221,144,.16) 0, rgba(242,221,144,0) 28%),
    radial-gradient(circle at 82% 78%, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 24%),
    linear-gradient(135deg, #0f2318 0%, #1C3324 30%, #203b2d 55%, #13281c 100%);
  padding:58px 48px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  box-shadow:0 28px 70px rgba(12,30,16,.16);
}
.aiiz-cta-inner::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='rgb(242,221,144)' stroke-width='1'%3E%3Cpath d='M26 102h28V78H26zM58 102h28V64H58zM90 102h28V52H90z' opacity='.85'/%3E%3Cpath d='M20 126h120' opacity='.45'/%3E%3Cpath d='M24 46l32-18 32 18 32-18 16 9' opacity='.28'/%3E%3Ccircle cx='128' cy='34' r='10' opacity='.30'/%3E%3Cpath d='M128 24v20M118 34h20' opacity='.22'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:170px 170px;
}
.aiiz-glow-tr{
  position:absolute;
  top:-35%;
  right:-8%;
  width:50%;
  height:130%;
  background:radial-gradient(ellipse at center, rgba(242,221,144,.08) 0%, transparent 64%);
  pointer-events:none;
  z-index:0;
}
.aiiz-glow-bl{
  position:absolute;
  bottom:-25%;
  left:-5%;
  width:40%;
  height:110%;
  background:radial-gradient(ellipse at center, rgba(40,120,70,.14) 0%, transparent 66%);
  pointer-events:none;
  z-index:0;
}
.aiiz-compare{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}
.aiiz-before{
  font-size:13px;
  color:rgba(255,255,255,.40);
  text-decoration:line-through;
  text-decoration-color:rgba(255,255,255,.18);
}
.aiiz-divider{
  width:1px;
  height:18px;
  background:rgba(255,255,255,.18);
  flex-shrink:0;
}
.aiiz-after{
  font-size:13px;
  color:var(--gold);
  font-weight:600;
}
.aiiz-cta-h{
  font-size:clamp(26px,4vw,44px);
  font-weight:900;
  color:#fff;
  margin:0;
  line-height:1.3;
  letter-spacing:-.5px;
}
.aiiz-cta-p{
  font-size:clamp(14px,1.8vw,17px);
  color:rgba(255,255,255,.70);
  margin:0;
  line-height:1.75;
}
.aiiz-cta-btn{
  font-family:'Cairo',sans-serif;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:13px 40px;
  background:#fff;
  color:var(--p);
  border:2px solid #fff;
  border-radius:50px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  transition:var(--tr);
  text-decoration:none;
  margin-top:4px;
  box-shadow:0 10px 26px rgba(0,0,0,.12);
}
.aiiz-cta-btn:hover{
  background:var(--p);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 35px rgba(0,0,0,.22);
}

.aiiz-overlay{
  position:fixed;
  inset:0;
  background:rgba(8,18,10,.62);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-sizing:border-box;
  animation:aiizFadeIn .18s ease;
}
@keyframes aiizFadeIn{from{opacity:0}to{opacity:1}}

.aiiz-modal{
  font-family:'Cairo',sans-serif;
  background:#fff;
  border-radius:22px;
  width:100%;
  max-width:460px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(12,30,16,.25);
  animation:aiizUp .28s cubic-bezier(.34,1.56,.64,1);
}
@keyframes aiizUp{from{transform:translateY(28px) scale(.96);opacity:0}to{transform:none;opacity:1}}

.aiiz-hdr{
  background:linear-gradient(135deg,#0f2318 0%,#1C3324 55%,#254535 100%);
  padding:17px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
[dir="rtl"] .aiiz-hdr{flex-direction:row-reverse;}
.aiiz-brand{display:flex;align-items:center;gap:8px;}
.aiiz-brand-ar{font-weight:800;font-size:15px;color:#fff;}
.aiiz-brand-sep{color:rgba(255,255,255,.3);font-size:13px;}
.aiiz-brand-en{font-size:13px;color:var(--gold);font-weight:600;}
.aiiz-x{
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transition:var(--tr);
  flex-shrink:0;
}
.aiiz-x:hover{background:rgba(255,255,255,.28);}

.aiiz-body{padding:22px 24px 8px;}

.aiiz-steps{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  direction:ltr;
  flex-wrap:nowrap;
}
.aiiz-dot{
  width:33px;
  height:33px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:700;
  transition:var(--tr);
  flex-shrink:0;
}
.aiiz-dot.active{background:var(--p);color:#fff;box-shadow:0 0 0 4px rgba(28,51,36,.13);}
.aiiz-dot.done{background:var(--gold);color:var(--p);}
.aiiz-dot.inactive{background:var(--bg);color:var(--muted);border:1.5px solid var(--bdr);}
.aiiz-line{flex:1;height:1.5px;background:var(--bdr);max-width:42px;}

.aiiz-qlabel,.aiiz-sec-title{
  font-size:15px;
  font-weight:700;
  color:var(--txt);
  margin:0 0 12px;
  text-align:right;
  display:block;
}
.aiiz-sec-title{font-size:17px;font-weight:800;margin-bottom:6px;}
.aiiz-sec-sub{
  margin:0 0 14px;
  font-size:12px;
  color:var(--muted);
  line-height:1.7;
}
[dir="ltr"] .aiiz-qlabel,
[dir="ltr"] .aiiz-sec-title,
[dir="ltr"] .aiiz-lbl,
[dir="ltr"] .aiiz-err,
[dir="ltr"] .aiiz-sec-sub{
  text-align:left;
}

.aiiz-type-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
  margin-bottom:18px;
}
.aiiz-tcard{
  font-family:'Cairo',sans-serif;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:17px 12px;
  border:1.5px solid var(--bdr);
  border-radius:var(--rsm);
  background:#fff;
  cursor:pointer;
  transition:var(--tr);
  color:var(--txt);
  font-size:14px;
  font-weight:600;
}
.aiiz-tcard:hover{border-color:var(--p);background:#f0f6f2;}
.aiiz-tcard.sel{border-color:var(--p);background:#eef5f1;color:var(--p);box-shadow:0 0 0 3px rgba(28,51,36,.09);}

.aiiz-int-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-bottom:15px;
}
.aiiz-icard{
  font-family:'Cairo',sans-serif;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:13px 6px;
  border:1.5px solid var(--bdr);
  border-radius:var(--rsm);
  background:#fff;
  cursor:pointer;
  transition:var(--tr);
  color:var(--txt);
  font-size:12px;
  font-weight:600;
}
.aiiz-icard:hover{border-color:var(--p);background:#f0f6f2;}
.aiiz-icard.sel{border-color:var(--p);background:#eef5f1;color:var(--p);box-shadow:0 0 0 2px rgba(28,51,36,.09);}

.aiiz-fg{margin-bottom:13px;}
.aiiz-fg:last-child{margin-bottom:0;}
.aiiz-lbl{
  font-family:'Cairo',sans-serif;
  font-size:13px;
  font-weight:700;
  color:var(--txt);
  margin:0 0 6px;
  text-align:right;
  display:block;
}
.aiiz-opt{
  font-size:11px;
  font-weight:400;
  color:var(--muted);
  font-style:normal;
  margin-right:5px;
}
[dir="ltr"] .aiiz-opt{margin-right:0;margin-left:5px;}

.aiiz-inp{
  font-family:'Cairo',sans-serif;
  width:100%;
  padding:11px 13px;
  border:1.5px solid var(--bdr);
  border-radius:var(--rsm);
  font-size:14px;
  color:var(--txt);
  background:#fff;
  box-sizing:border-box;
  transition:var(--tr);
  direction:inherit;
  text-align:right;
  outline:none;
}
[dir="ltr"] .aiiz-inp{text-align:left;}
.aiiz-inp::placeholder{color:#b8c4bc;}
.aiiz-inp:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(28,51,36,.09);}
.aiiz-inp.err{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.09);}

.aiiz-sel-wrap{position:relative;}
.aiiz-sel{appearance:none;-webkit-appearance:none;cursor:pointer;padding-left:34px;}
[dir="rtl"] .aiiz-sel{padding-left:13px;padding-right:34px;}
.aiiz-sel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:10px;
  pointer-events:none;
  color:var(--muted);
}
[dir="rtl"] .aiiz-sel-arrow{left:auto;right:10px;}

.aiiz-row2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:0;
}
@media(max-width:420px){.aiiz-row2{grid-template-columns:1fr;}}

.aiiz-workers-row{
  display:flex;
  align-items:center;
  gap:8px;
}
.aiiz-inp.aiiz-workers-inp{
  flex:1;
  background:#fff;
}
.aiiz-counter-btns{
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}
.aiiz-counter-btn{
  width:36px;
  height:36px;
  border-radius:50%;
  background:var(--bg);
  border:1.5px solid var(--bdr);
  font-size:18px;
  font-weight:700;
  color:var(--p);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:var(--tr);
  line-height:1;
}
.aiiz-counter-btn:hover{background:#d8e8dc;border-color:var(--p);}

.aiiz-err{
  font-family:'Cairo',sans-serif;
  font-size:11.5px;
  color:#dc2626;
  margin-top:4px;
  text-align:right;
  display:none;
}
.aiiz-err.show{display:block;}

.aiiz-summary{
  background:#f7faf8;
  border:1px solid #e4eee7;
  border-radius:16px;
  padding:14px 14px;
  margin-bottom:14px;
}
.aiiz-summary-h{
  font-size:13px;
  font-weight:800;
  color:var(--p);
  margin-bottom:6px;
}
.aiiz-summary-b{
  font-size:12px;
  line-height:1.7;
  color:#56665d;
}

.aiiz-ftr{
  padding:13px 24px 20px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.aiiz-btn-pri{
  font-family:'Cairo',sans-serif;
  width:100%;
  padding:13px;
  background:var(--p);
  color:#fff;
  border:2px solid var(--p);
  border-radius:50px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:var(--tr);
  text-align:center;
}
.aiiz-btn-pri:hover{background:#fff;color:var(--p);}
.aiiz-btn-pri:disabled{opacity:.45;cursor:not-allowed;}
.aiiz-btn-ghost{
  font-family:'Cairo',sans-serif;
  width:100%;
  padding:9px;
  background:transparent;
  color:var(--muted);
  border:none;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:var(--tr);
  text-align:center;
}
.aiiz-btn-ghost:hover{color:var(--p);}

.aiiz-success{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:18px 0 6px;
  gap:10px;
}
.aiiz-ok-icon{
  width:62px;
  height:62px;
  border-radius:50%;
  background:#dcfce7;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:2px;
}
.aiiz-ok-title{
  font-family:'Cairo',sans-serif;
  font-size:17px;
  font-weight:800;
  color:var(--txt);
  margin:0;
}
.aiiz-ok-msg{
  font-family:'Cairo',sans-serif;
  font-size:13px;
  color:var(--muted);
  margin:0;
  line-height:1.65;
}

@keyframes aiizShake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-5px)}
  40%{transform:translateX(5px)}
  60%{transform:translateX(-4px)}
  80%{transform:translateX(4px)}
}
.aiiz-shake{animation:aiizShake .36s ease;}

@media(max-width:768px){
  .aiiz-cta-inner{padding:40px 26px;}
  .aiiz-compare{gap:10px;}
  .aiiz-modal{max-width:100%;}
}
@media(max-width:480px){
  .aiiz-overlay{padding:0;align-items:flex-end;}
  .aiiz-modal{border-radius:20px 20px 0 0;max-width:100%;}
}
