/* ===================== Request a POS ===================== */
@import url("service.css");

/* ---------- hero with typing headline ---------- */
.rn-hero { padding: 139px 0 73px; }
.rn-hero-row { display: grid; grid-template-columns: 1fr 1fr; column-gap: 5.5%; align-items: start; }
/* text sits where the live page has it once the typed phrase wraps to two lines */
.rn-hero-text { padding-top: 157px; }
.page-request .typing-text { min-height: 108px; }
.rn-hero-text p { max-width: 544px; font-size: 14px; line-height: 21.6px; color: var(--ink-2); }
.rn-btn { margin-top: 46px; background: #231600; color: var(--white); box-shadow: 0 6px 20px 0 var(--orange-glow); }
.rn-btn:hover { background: #3a2700; }
.rn-hero-img img { width: 256px; margin: 0 auto; transform: translateX(5px); }

/* ---------- trust logos (desktop only on this page) ---------- */
.rn-trust { height: 115px; padding-top: 44px; background: var(--white); }
.rn-trust .trust-row { margin-left: 0; }
.rn-trust .trust-row img:nth-child(3) { margin-left: 0; }

/* ---------- "Why businesses choose" ---------- */
.rn-why { padding: 17px 0 0; text-align: center; }
.rn-why h2 { font-size: 32px; font-weight: 700; line-height: 56px; color: #000000; }
.rn-features { padding: 43px 0 154px; }
.rn-features .svc-col { gap: 18px; }
.rn-features .svc-icon { padding-right: 36px; }
.rn-features .svc-box img.fill { width: 100%; }

/* ---------- video ---------- */
.rn-video { padding: 81px 0; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.07); }
.rn-video video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #000000; }

/* ---------- FAQ answers here use medium-weight text in places ---------- */
.page-request .acc-steps .acc-body p.w500 { font-weight: 500; }

/* ---------- orange TapTap promo ---------- */
.rn-taptap { padding: 99px 0 46px; background: var(--orange); color: var(--white); }
.rn-taptap-row { display: grid; grid-template-columns: 1fr 1fr; column-gap: 5.5%; }
.rn-taptap-text { padding-top: 31px; }
.rn-taptap-text h2 { padding-bottom: 10px; font-size: 40px; font-weight: 700; line-height: 48px; color: var(--white); }
.rn-taptap-text p { margin-top: 8px; font-size: 14px; line-height: 21px; }
.rn-white-btn { margin-top: 21px; padding: 5px 20px; background: var(--white); border: 1px solid var(--orange); color: var(--orange); font-weight: 600; }
.rn-taptap-img img { width: 199px; margin-left: 219px; }

/* ---------- tablet ---------- */
@media (max-width: 980px) {
  .rn-hero { padding: 43px 0 162px; }
  .rn-hero-text { padding-top: 0; }
  .page-request .typing-text { min-height: 108px; }
  .rn-hero-row { grid-template-columns: 1fr; text-align: center; }
  .rn-hero-text p { max-width: none; }
  .rn-btn { margin-top: 44px; }
  .rn-hero-img { margin-top: 256px; }
  .rn-hero-img img { width: 338px; transform: none; }

  .rn-trust { padding-top: 0; }
  .rn-trust .container { display: none; }

  .rn-why { padding-top: 27px; }
  .rn-why h2 { font-size: 29.3px; line-height: 53px; }
  .rn-features { padding: 8px 0 8px; }
  .rn-features .svc-grid { grid-template-columns: 1fr 1fr; column-gap: 2%; padding: 0 1%; }
  .rn-features .svc-col { gap: 30px; }
  .rn-features .svc-col + .svc-col { margin-top: 0; }
  .rn-features .svc-box { min-height: 310px; }
  .rn-features .svc-icon { padding-right: 12px; }

  .rn-video { padding: 80px 0; }

  .rn-taptap { padding: 163px 0 45px; }
  .rn-taptap-row { grid-template-columns: 1fr; text-align: center; }
  .rn-taptap-text { padding-top: 0; }
  .rn-taptap-text h2 { font-size: 30px; line-height: 36px; }
  .rn-taptap-img { margin-top: 36px; }
  .rn-taptap-img img { margin: 0 auto; }
}

/* ---------- phone ---------- */
@media (max-width: 767px) {
  .rn-hero { padding: 47px 0 0; }
  .rn-btn { margin-top: 43px; }
  .rn-hero-img { margin-top: 35px; }
  .rn-hero-img img { width: 147px; }

  .rn-why h2 { font-size: 24.71px; line-height: 47px; }
  .rn-features .svc-grid { grid-template-columns: 1fr; padding: 0; }
  .rn-features .svc-col { margin-bottom: 0; }
  .rn-features .svc-col + .svc-col { margin-top: 30px; }
  .rn-features .svc-box { min-height: 0; }
  .rn-features { padding-top: 9px; padding-bottom: 7px; }
  .page-request .typing-text { min-height: 65px; }

  .page-request .svc-faq-title { font-size: 22px; line-height: 28.6px; }

  .rn-taptap { padding: 43px 0 51px; }
  .rn-taptap-text h2 { font-size: 25px; line-height: 30px; }
  .rn-taptap-img { display: none; }
}