:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-bb184c3 *//* =========================================================
   FONT — Futura SCB Light
   ========================================================= */
@font-face{
  font-family:"Futura SCB";
  src:url("https://scombank.sr/wp-content/uploads/2021/10/Futura-Light.woff") format("woff");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

/* =========================================================
   PAYSEND • UPI TIMELINE
   Scope: .upi-payment-help.paysend.upi-timeline
   ========================================================= */

.upi-payment-help.paysend.upi-timeline{
  --purple:#872FFF;
  --purpleDark:#6a24d9;
  --bg:#faf8ff;
  --card:#ffffff;
  --text:rgba(20,21,24,.86);

  /* lijn zichtbaar */
  --line:#b884ff;     /* duidelijk paars */
  --lineW:4px;        /* dikte lijn */

  max-width:860px;
  margin:1.25rem auto 1.75rem;
  padding:1.1rem 1rem;
  background:var(--bg);
  border:2px solid var(--purple);
  border-radius:18px;
  font-family:"Futura SCB",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

.upi-payment-help.paysend.upi-timeline .upi-help-wrap{
  max-width:820px;
  margin:0 auto;
}

/* Header */
.upi-payment-help.paysend.upi-timeline .upi-help-header{
  margin:0 0 .9rem;
}
.upi-payment-help.paysend.upi-timeline .upi-help-header h2{
  margin:0;
  font-size:1.15rem;
  line-height:1.25;
  font-weight:700;
  color:var(--purpleDark);
}

/* Timeline container */
.upi-payment-help.paysend.upi-timeline .upi-tl{
  display:grid;
  grid-template-columns:1fr;
  gap:.75rem;
}

/* Item (rail + card) */
.upi-payment-help.paysend.upi-timeline .upi-tl-item{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:12px;
  align-items:stretch; /* IMPORTANT: rail strekt mee met card */
}

/* Rail: force height + line */
.upi-payment-help.paysend.upi-timeline .upi-tl-rail{
  position:relative;
  align-self:stretch;   /* IMPORTANT */
  min-height:100%;      /* IMPORTANT */
  display:flex;
  justify-content:center;
}

/* De verticale lijn (altijd zichtbaar) */
.upi-payment-help.paysend.upi-timeline .upi-tl-rail::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;                 /* volledige hoogte van item */
  width:var(--lineW);
  background:var(--line);
  border-radius:999px;
  z-index:1;
  opacity:1;
}

/* Laat lijn bij laatste item stoppen */
.upi-payment-help.paysend.upi-timeline .upi-tl-item:last-child .upi-tl-rail::before{
  bottom:18px;
}

/* Dot */
.upi-payment-help.paysend.upi-timeline .upi-tl-dot{
  width:26px;
  height:26px;
  margin-top:6px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--purple);
  color:#fff;
  font-weight:700;
  font-size:.8rem;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 8px 16px rgba(135,47,255,.20);
  position:relative;
  z-index:2; /* boven de lijn */
}

/* Card */
.upi-payment-help.paysend.upi-timeline .upi-tl-card{
  background:var(--card);
  border:1px solid rgba(135,47,255,.18);
  border-radius:14px;
  padding:.85rem .9rem;
  box-shadow:0 6px 14px rgba(135,47,255,.10);
}

/* Icon + title */
.upi-payment-help.paysend.upi-timeline .upi-help-icon{
  font-size:1.15rem;
  margin:0 0 .25rem;
}

.upi-payment-help.paysend.upi-timeline .upi-tl-card h3{
  margin:0 0 .35rem;
  font-size:.98rem;
  line-height:1.2;
  font-weight:700;
  color:var(--purpleDark);
}

/* Lists */
.upi-payment-help.paysend.upi-timeline .upi-tl-card ul{
  margin:0;
  padding-left:1.05rem;
}

.upi-payment-help.paysend.upi-timeline .upi-tl-card li{
  margin:.22rem 0;
  font-size:.88rem;
  line-height:1.35;
  color:var(--text);
}

/* Link */
.upi-payment-help.paysend.upi-timeline .upi-help-link{
  display:inline-block;
  margin-top:.3rem;
  font-weight:700;
  font-size:.85rem;
  color:var(--purple);
  text-decoration:none;
  border-bottom:1px solid rgba(135,47,255,.40);
}
.upi-payment-help.paysend.upi-timeline .upi-help-link:hover{
  border-bottom-color:var(--purple);
}

/* CTA */
.upi-payment-help.paysend.upi-timeline .upi-help-cta{
  margin-top:1.1rem;
  text-align:right;
}
.upi-payment-help.paysend.upi-timeline .upi-help-start-btn{
  display:inline-block;
  padding:.7rem 1.25rem;
  border-radius:999px;
  font-size:.95rem;
  font-weight:700;
  background:var(--purple);
  color:#fff;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(135,47,255,.28);
  transition:background .15s ease, transform .1s ease, box-shadow .15s ease;
}
.upi-payment-help.paysend.upi-timeline .upi-help-start-btn:hover{
  background:var(--purpleDark);
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(135,47,255,.34);
}

/* Alert (glassy) */
.upi-payment-help.paysend.upi-timeline .upi-alert--glass{
  margin-top:.55rem;
  padding:6px 9px;
  font-size:.72rem;
  line-height:1.32;
  background:linear-gradient(to bottom right, rgba(224,34,40,.10), rgba(224,34,40,.05));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-radius:10px;
  border:1px solid rgba(224,34,40,.28);
  color:#7a0000;
  display:flex;
  align-items:flex-start;
  gap:6px;
}

.upi-payment-help.paysend.upi-timeline .upi-alert-icon{
  font-size:.85rem;
  line-height:1;
  margin-top:1px;
  opacity:.9;
}
.upi-payment-help.paysend.upi-timeline .upi-alert-text{
  display:block;
}

/* Mobile */
@media (max-width:480px){
  .upi-payment-help.paysend.upi-timeline{
    padding:1rem .85rem;
    border-radius:16px;
  }

  .upi-payment-help.paysend.upi-timeline .upi-tl-item{
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
  }

  .upi-payment-help.paysend.upi-timeline .upi-tl-dot{
    width:24px;
    height:24px;
    font-size:.78rem;
  }

  .upi-payment-help.paysend.upi-timeline .upi-help-header h2{
    font-size:1.08rem;
  }
}/* End custom CSS */