/* Start custom CSS for html, class: .elementor-element-47bf0f73 */.page-header{display:none;}

/* Layout container */
.st_container{width:min(980px,calc(100% - 48px));margin:0 auto;}

/* Breadcrumb */
.st_breadcrumb{font-size:13px;color:#6b7280;margin:34px 0 10px;}
.st_sep{margin:0 6px;color:#9ca3af;}

/* Typography */
.st_h1{font-size:44px;line-height:1.08;letter-spacing:-0.02em;margin:0 0 18px;font-weight:800;color:#111827;}
.st_h2{font-size:38px;line-height:1.15;margin:44px 0 14px;font-weight:800;letter-spacing:-0.02em;color:#111827;}
.st_h3{font-size:24px;line-height:1.2;margin:26px 0 10px;font-weight:800;letter-spacing:-0.01em;color:#111827;}

.st_p{margin:0 0 14px;color:#4b5563;font-size:16px;line-height:1.6;}
.st_lead .st_p{color:#374151;}

.st_a{color:#0b63f6;text-decoration:underline;text-underline-offset:2px;}

/* Buttons */
.st_btn{display:inline-block;background:#0b63f6;color:#FFF !important;text-decoration:none;border:1px solid transparent;padding:12px 20px;border-radius:10px;font-weight:800;font-size:14px;transition:.15s ease;box-shadow:0 8px 18px rgba(11,99,246,.18);white-space:nowrap;}
.st_btn:hover{background:#0a57d8;}
.st_btn:active{transform:translateY(1px);}

.st_btn-secondary{background:transparent;color:#0b63f6 !important;border-color:#0b63f6;box-shadow:none;}
.st_btn-secondary:hover{background:#0b63f6;color:#FFF !important;}

.hero_btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}

.st_divider{border-top:1px solid #e5e7eb;margin:28px 0 0;}

/* HERO */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start;}

.mock{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 18px 44px rgba(17,24,39,.10);min-height:320px;overflow:hidden;}
.mock_phone{border:1px solid #e5e7eb;border-radius:22px;padding:16px;background:#fff;}
.mock_title{font-weight:900;color:#111827;font-size:18px;margin-bottom:6px;}
.mock_sub{color:#6b7280;font-size:13px;margin-bottom:10px;}
.mock_opt{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;font-size:14px;color:#111827;margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.mock_opt .dot{width:12px;height:12px;border-radius:999px;border:2px solid #9ca3af;display:inline-block;}
.mock_opt.active{border-color:#0b63f6;background:#eff6ff;}
.mock_opt.active .dot{border-color:#0b63f6;box-shadow:inset 0 0 0 4px #0b63f6;}
.mock_btn{margin-top:8px;background:#0b63f6;color:#fff;border-radius:12px;padding:10px 12px;text-align:center;font-weight:900;font-size:14px;}

.mock_code{position:absolute;right:18px;top:18px;width:160px;height:120px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 22px rgba(17,24,39,.06);}
.bars{width:110px;height:72px;background:repeating-linear-gradient(90deg,#111827 0,#111827 3px,#fff 3px,#fff 6px);opacity:.9;border-radius:6px;}

/* PRO TIP (Centered + Background) */
.tip{margin:22px auto 0;max-width:980px;background:#EBF5FD;border:1px solid #9ccbf2;border-radius:10px;padding:22px 18px;text-align:center;}
.tip_h{font-weight:900;letter-spacing:.02em;color:#111827;margin-bottom:6px;font-size:24px;}
.tip_b{font-size:16px;color:#111827;margin:0 0 6px;font-weight:800;}
.tip_p{margin:0;color:#374151;font-size:16px;line-height:1.6;}

/* WHY section reasons 6 boxes */
.reasons{margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;}
.reason{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:10px;background:#EBF5FD;overflow:hidden;min-height:64px;}
.reason .ic{width:64px;min-width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#0b63f6;color:#fff;font-weight:900;font-size:22px;}
.reason div:last-child{padding:0 16px;color:#111827;font-size:14px;line-height:1.4;}

/* HOW IT WORKS 4 cards (2x2) */
.steps{margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.step{background:#EBF5FD;border:1px solid #9ccbf2;border-radius:6px;padding:18px 18px 16px;min-height:190px;text-align:center;}
.step img{
  display:block;
  margin:0 auto 12px;
  height:auto;
}

/* title row: number + title in one line, centered */
.step_t{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:900;
  color:#111827;
  font-size:18px;
  margin-bottom:10px;
  text-align:center;
}

/* remove default p margin inside title */
.step_t p{
  margin:0;
}

/* number bubble (same as your existing, just keep) */
.step_n{
  width:22px;height:22px;border-radius:999px;
  background:#0b63f6;color:#fff;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;
  margin:0; /* IMPORTANT: pehle auto tha, ab inline row me 0 */
}
.note{margin:14px auto 0;text-align:center;color:#6b7280;font-size:14px;line-height:1.5;max-width:70ch;}

/* PILLS (What can I buy) */
.pill_grid{margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px;}
.pill{background:#EBF5FD;border:1px solid #9ccbf2;border-radius:6px;padding:10px 14px;font-weight:800;color:#111827;text-align:center;font-size:13px;}

/* SAVE BARCODE two-column */
.two{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start;margin-top:18px;}
.mini{margin-top:10px;display:grid;gap:10px;}
.mini_row{display:flex;align-items:center;gap:10px;color:#111827;font-size:14px;}
.mini_ic{width:34px;height:34px;border-radius:10px;border:1px solid #9ccbf2;background:#EBF5FD;display:flex;align-items:center;justify-content:center;font-weight:900;color:#0b63f6;}

.phone_shot{border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 18px 40px rgba(17,24,39,.08);padding:14px;}
.shot_head{font-weight:900;color:#111827;margin-bottom:10px;}
.shot_bar{height:56px;border-radius:8px;background:repeating-linear-gradient(90deg,#111827 0,#111827 3px,#fff 3px,#fff 6px);opacity:.9;}
.shot_box{margin-top:12px;border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:flex;gap:12px;}
.shot_t{font-weight:900;color:#111827;font-size:12px;margin-bottom:8px;}
.shot_li{font-size:12px;color:#4b5563;line-height:1.4;margin:3px 0;}
.shot_btn{margin-top:auto;background:#0b63f6;color:#fff;font-weight:900;border-radius:10px;padding:10px 12px;font-size:12px;text-align:center;white-space:nowrap;}

/* CHECKLIST + logos + CTA */
.checks{max-width:760px;margin:18px auto 0;display:grid;gap:10px;}
.check {
    font-size: 16px;
    color: #111827;
    margin-bottom: 25px;
}

.logos{margin:22px auto 0;max-width:980px;}
.logos_h{text-align:center;color:#6b7280;font-size:20px;margin-bottom:10px;font-weight:800;}
.logos_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:center;justify-items:center;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:18px 0;}
.logo{width:100%;max-width:180px;height:52px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#111827;font-weight:900;font-size:14px;}

.cta_box{margin:24px auto 0;max-width:980px;background:#f8fbff;border:1px solid #e5e7eb;border-radius:12px;padding:22px 18px;text-align:center;box-shadow:0 18px 40px rgba(17,24,39,.06);}
.cta_h{font-weight:900;font-size:26px;line-height:1.2;color:#111827;margin-bottom:10px;}
.cta_p{color:#4b5563;font-size:14px;line-height:1.6;max-width:80ch;margin:0 auto;}
.cta_btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px;}
.store_btn{display:inline-block;border-radius:10px;padding:10px 16px;border:1px solid #111827;color:#111827 !important;text-decoration:none;font-weight:900;font-size:13px;background:#fff;}

/* Accordion + Help card */
.acc{margin-top:16px;}
.acc_item{border-top:1px solid #dbeafe;padding:14px 0;}
.acc_item:last-child{border-bottom:1px solid #dbeafe;}
.acc_item summary{cursor:pointer;font-weight:900;color:#111827;list-style:none;}
.acc_item summary::-webkit-details-marker{display:none;}
.acc_body{margin-top:10px;color:#4b5563;font-size:14px;line-height:1.6;}

.help_card{margin:22px auto 0;max-width:980px;background:#EBF5FD;border:1px solid #9ccbf2;border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.help_h{font-weight:900;color:#111827;font-size:26px;line-height:1.15;margin-bottom:6px;}
.help_p{color:#4b5563;font-size:14px;margin:0;}

@media (max-width:860px){
  .hero{grid-template-columns:1fr;}
  .st_h1{font-size:36px;}
  .reasons{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .pill_grid{grid-template-columns:1fr;}
  .two{grid-template-columns:1fr;}
  .logos_grid{grid-template-columns:repeat(2,1fr);}
  .help_card{flex-direction:column;align-items:flex-start;}
  .help_h{font-size:22px;}
  .cta_h{font-size:22px;}
}/* End custom CSS */