@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Instrument+Sans:wght@400;500;600;700&display=swap');

.rmp{
  --rmp-gold:#C99A3B;
  --rmp-gold-hi:#D9AC53;
  --rmp-gold-lo:#BB8B2B;
  --rmp-cream:#F0E2C0;
  --rmp-card-1:#14293D;
  --rmp-card-2:#0B1B2B;
  --rmp-muted:#9DAEBE;
  --rmp-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --rmp-sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;
  --rmp-pad:48px;

  font-family:var(--rmp-sans);
  max-width:864px;
  margin:0 auto;
  padding:24px;
  box-sizing:border-box;
}
.rmp *,.rmp *::before,.rmp *::after{box-sizing:border-box}

.rmp-checkout{
  position:relative;
  border-radius:26px;
  padding:40px var(--rmp-pad) 36px;
  color:#fff;
  background:
    radial-gradient(130% 80% at 50% -15%,rgba(201,154,59,.10),transparent 62%),
    linear-gradient(168deg,var(--rmp-card-1) 0%,#102436 55%,var(--rmp-card-2) 100%);
  box-shadow:0 34px 80px -34px rgba(11,27,43,.72);
  overflow:hidden;
}

/* ---- badges ---- */
.rmp-badges{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px}
.rmp-badge-demo{
  background:rgba(255,255,255,.10);
  color:#EAF0F6;
  font-size:13px;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
  padding:9px 20px;
  border-radius:999px;
  white-space:nowrap;
}
.rmp-badge-sample{
  color:var(--rmp-cream);
  font-size:15px;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}

.rmp-checkout-title{
  font-family: "Fraunces", Sans-serif !important;
	color:#fff !important;
	font-size:19px !important;
	font-weight:700!important;
	margin-bottom:14px !important;
}

.rmp-rule{
  height:1px;
  background:rgba(255,255,255,.10);
  margin:0 calc(var(--rmp-pad) * -1) 20px;
}
.rmp-rule--soft{margin:24px calc(var(--rmp-pad) * -1) 22px}

/* ---- currency switch ---- */
.rmp-switch{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  overflow:hidden;
}
.rmp-cur{
  appearance:none;
  border:0;
  background:transparent;
  color:#E6ECF3;
  font-family:inherit;
  font-size:16px;
  font-weight:600;
  letter-spacing:.02em;
  padding:19px 8px;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.rmp-cur:hover{background:rgba(255,255,255,.06)}
.rmp-cur.is-active{background:var(--rmp-gold);color:#11253A;font-weight:700}

/* ---- line items ---- */
.rmp-lines{margin-bottom:22px}
.rmp-line{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  font-size:14px;
}
.rmp-line span:first-child{color:#ffffff9e}
.rmp-amt{color:#ffffff9e;font-variant-numeric:tabular-nums}

.rmp-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin:0 0 18px;
}
.rmp-total-label{color:#ffffff99;font-size:13px}
.rmp-total-amt{
      color: #f3e1b8;
    font-family: Fraunces;
    font-size: 32px;
    font-weight: 700;
  line-height:1;
  letter-spacing:-.01em;
}


/* ---- patient fields ---- */
.rmp-fields{display:grid;gap:16px;margin:0 0 28px}
.rmp-field label{
  display:block;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.09em;
  text-transform:uppercase;
  color: #ffffff99 !important;
    font-size: 13px;;
  margin-bottom:8px;
}
.rmp-opt{font-weight:500;letter-spacing:.04em;text-transform:none;opacity:.75}
.rmp-field input{
  width:100%;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  padding:15px 17px;
  color:#fff;
  font:inherit;
  font-size:16px;
  transition:border-color .18s ease,background .18s ease;
}
.rmp-field input::placeholder{color:rgba(157,174,190,.55)}
.rmp-field input:focus{
  outline:none;
  border-color:var(--rmp-gold);
  background:rgba(255,255,255,.08);
  box-shadow:0 0 0 3px rgba(201,154,59,.15);
}
.rmp-field input.is-invalid{
  border-color:#E8806F;
  background:rgba(232,128,111,.08);
}
.rmp-hint{
  display:block;
  margin-top:7px;
  font-size:13px;
  color:rgba(157,174,190,.85);
  letter-spacing:0;
  text-transform:none;
}
@media (min-width:620px){
/*   .rmp-fields{grid-template-columns:1fr 1fr} */
  .rmp-field:nth-child(2){grid-column:1 / -1}
}

/* ---- pay button ---- */
.rmp-pay{
  width:100%;
  border:0;
  cursor:pointer;
  border-radius:999px;
  padding:26px 24px;
  font-family:inherit;
  font-size:19px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(180deg,var(--rmp-gold-hi) 0%,var(--rmp-gold) 58%,var(--rmp-gold-lo) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 18px 44px -16px rgba(201,154,59,.85);
  transition:transform .16s ease,box-shadow .2s ease,filter .2s ease;
}
.rmp-pay:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 22px 50px -16px rgba(201,154,59,1)}
.rmp-pay:active{transform:translateY(0)}
.rmp-pay[disabled]{opacity:.6;cursor:progress;filter:saturate(.7)}

.rmp-secure{
  display:flex;align-items:center;gap:10px;
  margin:18px 0 0;
  font-size:11.5px;
  color:#ffffff80;
}

.rmp-alt{
  display:inline-block;
  color:var(--rmp-cream);
  font-weight:700;
  font-size:17px;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .2s ease;
}
.rmp-alt:hover{border-bottom-color:rgba(240,226,192,.6)}

.rmp-msg{margin:16px 0 0;font-size:15px;min-height:1px;color:var(--rmp-muted)}
.rmp-msg.is-error{color:#FFB4A8}
.rmp-msg.is-ok{color:#9BE3B7}

/* ---- responsive ---- */
@media (max-width:720px){
  .rmp{--rmp-pad:26px;padding:16px}
  .rmp-checkout{padding:30px var(--rmp-pad) 28px;border-radius:22px}
  .rmp-checkout-title{font-size:26px}
  .rmp-badge-demo{font-size:11px;padding:8px 14px;white-space:normal}
  .rmp-badge-sample{font-size:13px}
  .rmp-cur{font-size:14px;padding:15px 4px}
  .rmp-line,.rmp-total-label{font-size:16px}
  .rmp-total-amt{font-size:38px}
  .rmp-pay{padding:21px 18px;font-size:17px}
  .rmp-alt{font-size:15px}
}
@media (max-width:420px){
  .rmp-cur{font-size:13px}
  .rmp-total-amt{font-size:32px}
}
@media (prefers-reduced-motion:reduce){
  .rmp *{transition:none!important}
}

/* ---------------------------------------------------------------
   Theme-conflict guards.
   Many themes style bare <button> / <input> elements with higher
   specificity than this file. These rules win those fights.
   --------------------------------------------------------------- */
.rmp .rmp-switch{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.rmp .rmp-cur{
  background:none!important;
  background-image:none!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
  width:100%!important;
  min-height:0!important;
  color:#ffffffa6!important;
  font-family:inherit!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  padding:14px 8px!important;
}
.rmp .rmp-cur.is-active{
  background-color:#C99A3B!important;
  color:#11253A!important;
  font-weight:700!important;
}
.rmp .rmp-pay{
  background-image:linear-gradient(180deg,#D9AC53 0%,#C99A3B 58%,#BB8B2B 100%)!important;
  background-color:#C99A3B!important;
  border:0!important;
  border-radius:999px!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
  width:100%!important;
  padding:16px 28px!important;
}
.rmp .rmp-alt{color:#F0E2C0!important;text-decoration:none!important}
.rmp .rmp-checkout-title{color:#fff!important;padding:0!important}
@media (max-width:720px){
  .rmp .rmp-cur{font-size:14px!important;padding:15px 4px!important}
  .rmp .rmp-pay{font-size:17px!important;padding:21px 18px!important}
}

.rmp .rmp-field input{
  background-color:rgba(255,255,255,.05)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:12px!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:16px!important;
  line-height:1.3!important;
  padding:15px 17px!important;
  width:100%!important;
  max-width:none!important;
  box-shadow:none!important;
  margin:0!important;
  height:auto!important;
}
.rmp .rmp-field input:focus{border-color:#C99A3B!important;background-color:rgba(255,255,255,.08)!important}
.rmp .rmp-field input.is-invalid{border-color:#E8806F!important}
.rmp .rmp-field label{color:#ffffff99!important;font-size:13px!important;font-weight:500!important;margin-bottom:8px!important;text-transform:capitalize;}

input#rmp-name {
    height: 44px !important;
    font-size: 12px !important;
}
input#rmp-email {
    height: 44px !important;
    font-size: 12px !important;
}input#rmp-phone {
    height: 44px !important;
    font-size: 12px !important;
}


}