:root{
  --bgimg: url("https://images.unsplash.com/photo-1551739440-5dd934d3a94f?q=80&w=1400");
  --glass: rgba(255,255,255,0.05);
  --stroke: rgba(255,255,255,0.10);
  --textDim: rgba(255,255,255,0.72);
  --green: #22C55E;
}

/* GENERAL */
body{
  margin:0;
  background:#000;
  font-family: Arial, sans-serif;
  color:#fff;
}

/* CONTAINER */
.container{
  max-width:430px;
  margin:0 auto;
  background:#0d0d0d;
  min-height:100vh;
  box-shadow:0 0 50px rgba(0,0,0,0.6);
  padding-bottom:90px;
}

/* ANIM */
.fade-in{ animation: fadeIn 1s ease-in-out; }
@keyframes fadeIn{
  from{ opacity:0; transform:translateY(10px); }
  to{ opacity:1; transform:translateY(0); }
}

/* NAVBAR */
.navbar{
  display:flex;
  justify-content:space-between;
  padding:15px 22px;
  background:#0d0d0d;
  border-bottom:1px solid #1a1a1a;
}
.logo-text{ font-size:20px; font-weight:900; letter-spacing:.2px; }
.logo-accent{ color: var(--green); }
.hamburger{ font-size:26px; cursor:pointer; }

/* MOBILE MENU */
.mobile-menu{
  display:none;
  flex-direction:column;
  background:#111;
  border-bottom:1px solid #222;
}
.mobile-menu.show{ display:flex; }
.mobile-menu a{
  padding:14px 20px;
  color:#ccc;
  text-decoration:none;
  border-bottom:1px solid #222;
}
.mobile-menu a:hover{ background:#1a1a1a; }

/* GLASS */
.glass{
  background: var(--glass);
  border:1px solid var(--stroke);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 14px;
}

/* HERO */
.hero{
  text-align:center;
  padding:18px 18px 22px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.hero-bg{
  background:
    radial-gradient(1200px 500px at 80% 30%, rgba(34,197,94,.18), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.88)),
    var(--bgimg) center/cover no-repeat;
}

/* hero badges */
.hero-badges{
  display:flex;
  gap:10px;
  justify-content:flex-start;
  margin-bottom:10px;
}
.hero-badge{
  font-size:11px;
  font-weight:900;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(0,200,100,.12);
  border: 1px solid rgba(0,200,100,.22);
  color: rgba(190,255,220,.95);
}
.hero-badge.subtle{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.82);
}

/* TRUST ROWS */
.top-trust-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  text-align:left;
  font-size:12px;
  color: rgba(255,255,255,.82);
  margin-bottom:10px;
}
.trust-line{
  display:flex;
  align-items:center;
  gap:8px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.08);
  padding:8px 10px;
  border-radius:12px;
}
.ico{ width:16px; height:16px; display:inline-flex; color: rgba(255,255,255,.82); }
.ico.shield{ color: rgba(210,255,230,.88); }
.ico svg{ width:16px; height:16px; display:block; }

/* HERO TEXT */
.hero h1{ font-size:24px; margin:10px 0 8px; }
.hero p{ margin:0 0 12px; font-size:14px; color: var(--textDim); }

/* BUTTON */
.btn-hero{
  display:inline-block;
  padding:13px 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;
  color: rgba(255,255,255,.95);
  background: linear-gradient(135deg, rgba(0,200,100,.35), rgba(0,150,70,.22));
  border:1px solid rgba(0,200,100,.35);
  box-shadow: 0 12px 34px rgba(0,0,0,.45);
}
.btn-hero.small{ padding:11px 14px; font-size:13px; }

/* LIVE COUNTER */
.live-counter{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  color:#7CFFB2;
  background: rgba(0,200,100,0.10);
  border:1px solid rgba(0,200,100,0.20);
  padding:8px 12px;
  border-radius:999px;
}
.dot{
  width:8px; height:8px;
  background:#00c853;
  border-radius:50%;
  animation:pulse 1.6s infinite;
}
@keyframes pulse{
  0%{transform:scale(1);opacity:1;}
  50%{transform:scale(1.6);opacity:.4;}
  100%{transform:scale(1);opacity:1;}
}
.live-counter-sub{
  text-align:center;
  font-size:11px;
  opacity:.55;
  margin-top:6px;
}

/* section */
.section{ padding:18px 20px; }
.section-head.center{ text-align:center; }
.section-head h2{ margin:0 0 8px; font-size:20px; letter-spacing:.2px; }
.muted-inline{ font-size:12px; opacity:.55; font-weight:500; }
.subhint{ font-size:12px; opacity:.6; }

/* scenic panels */
.scenic-panel{
  position:relative;
  overflow:hidden;
  border-radius: 14px;
}
.scenic-panel::before{
  content:"";
  position:absolute;
  inset:-60px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.75)),
    var(--bgimg) center/cover no-repeat;
  opacity:.42;
  filter: saturate(.95) contrast(1.05);
  transform: scale(1.08);
}
.scenic-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10), transparent 40%),
    radial-gradient(120% 90% at 80% 90%, rgba(34,197,94,.10), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  pointer-events:none;
}
.scenic-panel > *{ position:relative; z-index:1; }

/* per-section background positions */
.scenic-pos-1::before{ background-position: 50% 35%; }
.scenic-pos-2::before{ background-position: 50% 45%; }
.scenic-pos-3::before{ background-position: 50% 52%; }
.scenic-pos-4::before{ background-position: 50% 58%; }
.scenic-pos-5::before{ background-position: 50% 62%; }
.scenic-pos-6::before{ background-position: 50% 70%; }
.scenic-pos-7::before{ background-position: 50% 75%; }

/* trust grid */
.trust-strip-2x2{
  margin-top:12px;
  padding:10px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.trust-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 10px;
  border-radius:14px;
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  color: rgba(255,255,255,.82);
}
.badge-ico{ width:16px; height:16px; display:inline-flex; opacity:.9; color: rgba(255,255,255,.85); }
.badge-ico.shield{ color: rgba(210,255,230,.90); }
.badge-ico.uk{ width:auto; height:auto; font-size:14px; opacity:.9; }
.badge-ico svg{ width:16px; height:16px; display:block; }

.hero-cta-row{ margin-top: 12px; }

/* small CTA button */
.cta-mini-btn{
  display:inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  text-decoration:none;
  background: rgba(0,200,100,.10);
  border: 1px solid rgba(0,200,100,.22);
  color: rgba(190,255,220,.95);
}
.center-gap{ text-align:center; margin-top: 14px; }

/* HOW list */
.how-list{ padding:10px; }
.how-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border-radius:12px;
  background: rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:10px;
  color:inherit;
  text-decoration:none;
}
.how-shield{
  width:20px; height:20px;
  display:inline-flex;
  color: rgba(190,255,220,.92);
}
.how-shield svg{ width:20px; height:20px; display:block; }
.how-text{ flex:1; font-size:13px; color: rgba(255,255,255,.88); }
.how-arrow{ opacity:.6; font-size:18px; }
.how-badge{
  font-size:10px;
  font-weight:900;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  letter-spacing:.3px;
}
.how-badge.ok{
  background: rgba(0,200,100,.14);
  color: rgba(190,255,220,.95);
  border-color: rgba(0,200,100,.25);
}
.how-badge.warn{
  background: rgba(255,180,0,.14);
  color: rgba(255,235,190,.95);
  border-color: rgba(255,180,0,.25);
}
.how-footnote{
  text-align:center;
  font-size:12px;
  opacity:.55;
  padding:4px 0 2px;
}

/* CTA band */
.cta-band{
  margin:16px 16px;
  padding:14px 14px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(0,255,120,0.16);
}
.scenic-bar{
  background:
    linear-gradient(135deg, rgba(0,255,120,0.10), rgba(0,0,0,0.35)),
    var(--bgimg) center/cover no-repeat;
}
.cta-band-text{ font-size:13px; opacity:.92; }
.cta-band-btn{
  background: linear-gradient(135deg, #00c853, #009624);
  color:#fff;
  padding:10px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.cta-band-btn.ghost{
  background: rgba(0,200,100,.10);
  border:1px solid rgba(0,200,100,.22);
}

/* TABLE */
.table-panel{ padding:14px; }
.table-wrap{ overflow:auto; }
.table{ width:100%; border-collapse:collapse; min-width:620px; }
.table th, .table td{
  text-align:left;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:13px;
}
.table th{ opacity:.7; font-size:12px; }
.table-foot{ text-align:center; font-size:12px; opacity:.55; margin-top:10px; }
.pill{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.12);
}
.pill.ok{ background: rgba(0,200,100,.14); color: rgba(190,255,220,.95); border-color: rgba(0,200,100,.25); }
.pill.warn{ background: rgba(255,180,0,.14); color: rgba(255,235,190,.95); border-color: rgba(255,180,0,.25); }

/* SCROLL PANELS */
.scroll-card{ padding: 12px; }
.scroll-inner{
  max-height: 240px;
  overflow: auto;
  padding-right: 6px;
}
.scroll-inner::-webkit-scrollbar{ width: 6px; }
.scroll-inner::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius: 999px; }

/* alerts rows */
.alert-row{
  display:grid;
  grid-template-columns: 80px 1fr 92px;
  gap: 10px;
  align-items:center;
  padding: 12px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
  margin-bottom: 10px;
}
.a-time{ font-size: 12px; opacity:.75; }
.a-centre{ font-size: 13px; opacity:.92; }
.a-pill{
  justify-self:end;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.12);
}
.a-pill.ok{ background: rgba(0,200,100,.14); color: rgba(190,255,220,.95); border-color: rgba(0,200,100,.25); }
.a-pill.warn{ background: rgba(255,180,0,.14); color: rgba(255,235,190,.95); border-color: rgba(255,180,0,.25); }

/* WHY + EMAIL */
.why-wrap{
  padding:14px;
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.why-left{ text-align:left; }
.why-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 8px;
  border-bottom:1px solid rgba(255,255,255,.06);
  opacity:.92;
}
.why-row:last-child{ border-bottom:none; }

.tickdot{
  width:18px; height:18px;
  border-radius:999px;
  background: rgba(0,200,100,.12);
  border:1px solid rgba(0,200,100,.22);
  position:relative;
}
.tickdot::after{
  content:"";
  position:absolute;
  left:5px; top:5px;
  width:6px; height:3px;
  border-left:2px solid rgba(190,255,220,.95);
  border-bottom:2px solid rgba(190,255,220,.95);
  transform: rotate(-45deg);
}

/* mail mock (more realistic) */
.mail-mock{
  border-radius: 12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 34px rgba(0,0,0,.35);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.mail-mock-top{
  padding:10px 12px;
  background: rgba(0,0,0,.32);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mail-mock-title{ font-weight:900; font-size:13px; }
.mail-mock-sub{ font-size:11px; opacity:.65; margin-top:3px; }
.mail-mock-body{
  padding:12px;
  background:
    radial-gradient(120% 80% at 30% 0%, rgba(255,255,255,.06), transparent 45%),
    rgba(0,0,0,.20);
}
.mail-line{ font-size:12.5px; opacity:.90; margin:8px 0; }
.mail-mock-btn{
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  text-align:center;
  font-weight:900;
  background: rgba(0,200,100,.10);
  border:1px solid rgba(0,200,100,.20);
  color: rgba(190,255,220,.95);
}

/* Reviews rows */
.reviews-inner .r-row{
  display:flex;
  gap:10px;
  padding: 12px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
  margin-bottom: 10px;
}
.avatar{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.16);
}
.r-text{ flex:1; text-align:left; }
.r-top{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom: 6px;
}
.r-name{ font-weight:900; font-size: 13px; }
.r-stars{ font-size: 12px; color: #ffd700; }
.r-meta{ font-size: 12px; opacity:.6; margin-left:auto; }
.r-body{ font-size: 13px; opacity:.9; line-height: 1.35; }

/* Stripe bar */
.stripe-bar{
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.stripe-left{ text-align:left; }
.stripe-lock{
  font-weight:900;
  opacity:.95;
  display:flex;
  align-items:center;
  gap:8px;
}
.stripe-sub{ font-size:12px; opacity:.6; margin-top:4px; }

/* FOOTER */
.footer{
  text-align:center;
  padding:20px 0 30px;
  color:#666;
  font-size:13px;
}

/* STICKY CTA */
.sticky-cta{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:12px;
  width:calc(430px - 24px);
  max-width:calc(100vw - 24px);
  background: rgba(13,13,13,0.92);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding:10px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  z-index:9999;
}
.sticky-left{
  font-size:11px;
  opacity:0.75;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sticky-btn{
  background: linear-gradient(135deg, #00c853, #009624);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  padding:10px 14px;
  border-radius:999px;
  white-space:nowrap;
}

/* layout tweak on wider mobiles */
@media (min-width: 420px){
  .why-wrap{ grid-template-columns: .95fr 1.05fr; align-items: start; }
}

/* compact trust rows on very small screens */
@media (max-width: 360px){
  .top-trust-row{ grid-template-columns: 1fr; }
  .alert-row{ grid-template-columns: 70px 1fr 88px; }
}

/* ===========================
   FORM PAGE (premium + safe)
   =========================== */
.page-form .container{
  padding-bottom: 90px; /* sticky cta spacing if you reuse it later */
}

.form-hero{
  padding: 18px 18px 20px;
}

.form-title{
  font-size: 24px;
  margin: 10px 0 8px;
}

.form-subtitle{
  margin: 0 0 12px;
  font-size: 14px;
  color: rgba(255,255,255,0.72);
}

.form-trust-grid{
  margin-top: 12px;
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.cards-row{
  display:flex;
  gap:8px;
  flex-wrap: wrap;
  justify-content:center;
  margin-top: 12px;
}

.pay-badge{
  font-size: 11px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.80);
}

.form-card{
  padding: 14px;
}

.form-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 12px;
}

.form-head.tight{ margin-top: 4px; }

.form-head-left h2{
  margin:0;
  font-size: 18px;
  letter-spacing: .2px;
}

.form-head-left p{
  margin:6px 0 0;
  font-size: 12px;
  opacity: .65;
}

.mini-lock{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size: 12px;
  opacity: .75;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
  padding: 8px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.mini-pill{
  font-size: 11px;
  font-weight: 900;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,200,100,.10);
  border: 1px solid rgba(0,200,100,.20);
  color: rgba(190,255,220,.95);
  white-space: nowrap;
}

.form-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.form-grid.two{
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 360px){
  .form-grid.two{ grid-template-columns: 1fr; }
}

.page-form .form-container label{
  font-size: 13px;
  color: rgba(255,255,255,.82);
}

.page-form .form-container input,
.page-form .form-container textarea{
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  font-size: 14px;
}

.page-form .form-container input::placeholder,
.page-form .form-container textarea::placeholder{
  color: rgba(255,255,255,.40);
}

.page-form .form-container input:focus,
.page-form .form-container textarea:focus{
  outline: none;
  border-color: rgba(0,200,100,.30);
  box-shadow: 0 0 0 3px rgba(0,200,100,.10);
}

.hint{
  margin-top: 6px;
  font-size: 12px;
  opacity: .60;
}

.muted{
  opacity: .60;
  font-weight: 600;
  font-size: 12px;
}

.divider{
  height: 1px;
  background: rgba(255,255,255,.08);
  margin: 14px 0;
}

.note-box{
  margin: 10px 0 12px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255,180,0,.10);
  border: 1px solid rgba(255,180,0,.18);
}

.note-title{
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .2px;
  color: rgba(255,235,190,.95);
  margin-bottom: 4px;
}

.note-text{
  font-size: 13px;
  opacity: .85;
}

.form-submit{
  width: 100%;
  text-align:center;
}

.after-submit{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.16);
  border: 1px solid rgba(255,255,255,.08);
}

.after-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size: 12.5px;
  opacity: .82;
  margin: 8px 0;
}

.after-row .ico{
  width: 16px;
  height: 16px;
  display:inline-flex;
  margin-top: 2px;
}

.after-row .ico svg{
  width: 16px;
  height: 16px;
}

.legal{
  font-size:12px;
  color: rgba(255,255,255,.55);
  margin-top: 12px;
  text-align:center;
}

.legal a{
  color: rgba(255,255,255,.70);
}

.faq{
  padding: 14px;
}

.faq-title{
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 10px;
}

.faq-item{
  padding: 12px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
  margin-bottom: 10px;
}

.faq-q{
  font-weight: 900;
  font-size: 13px;
  margin-bottom: 6px;
  opacity: .92;
}

.faq-a{
  font-size: 13px;
  opacity: .78;
  line-height: 1.35;
}

/* ===========================
   NEW: Learner Gallery
   (illustrative / customer-inspired)
   =========================== */
/* ===========================
   NEW: Learner Gallery (Carousel)
   =========================== */
.learner-gallery{
  padding: 12px;
}

.gallery-scroller{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding: 6px 2px 10px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.gallery-scroller::-webkit-scrollbar{ height: 8px; }
.gallery-scroller::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.12);
  border-radius: 999px;
}
.gallery-item{
  flex: 0 0 78%;
  scroll-snap-align: start;
  border-radius: 16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  box-shadow: 0 14px 30px rgba(0,0,0,.25);
  position:relative;
}
.gallery-item img{
  width:100%;
  height: 220px;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
}

@media (min-width: 420px){
  .gallery-item{ flex-basis: 62%; }
  .gallery-item img{ height: 240px; }
}

.gallery-hint{
  margin-top: 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size: 12px;
  opacity: .65;
}
.hint-dot{
  width:6px; height:6px;
  border-radius:999px;
  background: rgba(0,200,100,.55);
  box-shadow: 0 0 18px rgba(0,200,100,.35);
}

.gallery-note{
  margin-top: 12px;
  font-size: 12px;
  opacity: .80;
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding: 10px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.08);
}
.gallery-note .badge-ico{ margin-top: 1px; }
.trust-micro{
  margin: 12px auto 0;
  max-width: 520px;
  text-align: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0, 255, 170, 0.06);
  border: 1px solid rgba(0, 255, 170, 0.18);
}

.trust-line{
  font-size: 14px;
  color: #d8ffe9;
  line-height: 1.35;
}

.trust-sub{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,0.68);
  line-height: 1.35;
}
.payment-reassure{
  margin: 14px 0 10px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(0, 255, 170, 0.06);
  border: 1px solid rgba(0, 255, 170, 0.18);
}

.payment-reassure-title{
  font-size: 14px;
  font-weight: 700;
  color: #d8ffe9;
  margin-bottom: 6px;
}

.payment-reassure-sub{
  font-size: 12.5px;
  color: rgba(255,255,255,0.72);
  line-height: 1.35;
}
.manual-break{
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
  color: rgba(255,255,255,0.62);
}