.elementor-523 .elementor-element.elementor-element-60773bc{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3ec96dc *//* =========================================================
   FLYDATA — eSIM CHECKOUT SHORTCODE UI
   Targets ONLY .fly-checkout (your shortcode output)
========================================================= */

.fly-checkout{
  --fly-ink:#071a3a;
  --fly-ink2:#0b2a55;
  --fly-sky:#8fd0ff;
  --fly-sky2:#cbeaff;
  --fly-blue:#0b66ff;
  --fly-line:rgba(7,26,58,.12);
  --fly-shadow:0 18px 55px rgba(7,26,58,.12);
  --fly-shadow2:0 10px 26px rgba(7,26,58,.08);
  --r:18px;

  max-width: 980px;
  margin: 0 auto;
  padding: 40px 18px 60px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: var(--fly-ink);
}

.fly-checkout h2{
  margin: 0 0 10px !important;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 950;
  letter-spacing: -0.03em;
}

.fly-checkout p{
  color: rgba(7,26,58,.72);
  margin: 0 0 12px;
  font-weight: 500;
}

/* plan box */
.fly-checkout .flyBox{
  position: relative;
  border:1px solid rgba(7,26,58,.10);
  border-radius: var(--r);
  background:#fff;
  padding: 18px 18px 16px;
  box-shadow: 0 18px 46px rgba(7,26,58,.08);
  overflow:hidden;
}

.fly-checkout .flyBox:before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:68px;
  background:
    radial-gradient(280px 100px at 18% 28%, rgba(143,208,255,.55), transparent 70%),
    linear-gradient(180deg, rgba(143,208,255,.22), transparent);
  pointer-events:none;
}

.fly-checkout .flyPlanTitle{
  margin: 4px 0 10px !important;
  font-weight: 950;
  font-size: 20px;
  color: var(--fly-ink);
}

.fly-checkout .flyMeta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 0 0 12px;
  color: rgba(7,26,58,.75);
  font-size: 13px;
}

.fly-checkout .flyMeta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius:999px;
  border:1px solid rgba(7,26,58,.10);
  background: rgba(255,255,255,.92);
}

.fly-checkout .flyPrice{
  font-size: 18px;
  font-weight: 950;
  color: var(--fly-ink);
  margin-top: 2px;
}

/* Pay Now button */
.fly-checkout form{
  margin-top: 14px;
}

.fly-checkout button[type="submit"]{
  height: 50px;
  padding: 0 22px;
  border-radius: 14px;
  border: none !important;
  background: var(--fly-blue) !important;
  color:#fff !important;
  font-weight: 950 !important;
  font-size: 15px;
  cursor:pointer;
  box-shadow: 0 18px 44px rgba(11,102,255,.22);
  transition: transform .18s ease, box-shadow .25s ease, filter .2s ease;
}

.fly-checkout button[type="submit"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 64px rgba(11,102,255,.30);
  filter: brightness(1.04);
}

.fly-checkout button[type="submit"]:active{
  transform: translateY(0px);
}

/* subtle note text */
.fly-checkout .flyNote{
  margin-top: 12px;
  font-size: 13px;
  color: rgba(7,26,58,.62);
}

/* Mobile */
@media (max-width:640px){
  .fly-checkout{ padding: 28px 14px 50px; }
  .fly-checkout .flyBox{ padding: 16px 14px 14px; }
  .fly-checkout button[type="submit"]{ width:100%; }
}/* End custom CSS */