/* responsive.css — GENERATED by build/prerender.mjs. Do not edit.
 *
 * The page templates are laid out in inline styles, which no media query can
 * reach, so the build tags each element with a hook and this file overrides it.
 * Rebuild with: node build/prerender.mjs
 */

*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}

/* Long unbroken strings — CINs, emails, URLs — must not force a scrollbar. */
p,li,td,th,h1,h2,h3,h4,span,a{overflow-wrap:break-word}

/* The floating WhatsApp link is fixed bottom-right and sits over the footer
   strap at every width, so the last footer row always needs clearance. */
footer > *:last-child{padding-bottom:92px!important}

/* ---------------------------------------------- mobile header disclosure */
.r-navtoggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.r-navbtn{display:none;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;padding:10px;margin-left:auto;cursor:pointer;
  border:1px solid #E1E6EC;border-radius:4px;background:#FFFFFF;flex:0 0 auto}
.r-navbtn span{display:block;height:2px;width:100%;background:#16283D;border-radius:1px}
.r-navtoggle:focus-visible+.r-navbtn{outline:2px solid #1F4E79;outline-offset:2px}

@media (max-width:860px){
  .r-grid{grid-template-columns:1fr!important}
  .r-grid>*{min-width:0!important}
  .r-sticky{position:static!important;top:auto!important}
  .r-fs-24{font-size:20px!important}
  .r-fs-26{font-size:21px!important}
  .r-fs-27{font-size:22px!important}
  .r-fs-28{font-size:23px!important}
  .r-fs-30{font-size:25px!important}
  .r-fs-32{font-size:26px!important}
  .r-fs-34{font-size:28px!important}
  .r-fs-36{font-size:30px!important}
  .r-fs-38{font-size:31px!important}
  .r-fs-40{font-size:33px!important}
  .r-fs-42{font-size:34px!important}
  .r-fs-44{font-size:36px!important}
  .r-fs-46{font-size:38px!important}
  .r-fs-48{font-size:39px!important}
  .r-fs-50{font-size:41px!important}
  .r-fs-52{font-size:43px!important}
  .r-px-28{padding-left:28px!important;padding-right:28px!important}
  .r-px-30{padding-left:28px!important;padding-right:28px!important}
  .r-px-32{padding-left:28px!important;padding-right:28px!important}
  .r-px-36{padding-left:28px!important;padding-right:28px!important}
  .r-px-38{padding-left:28px!important;padding-right:28px!important}
  .r-px-40{padding-left:28px!important;padding-right:28px!important}
  .r-px-44{padding-left:28px!important;padding-right:28px!important}
  .r-px-46{padding-left:28px!important;padding-right:28px!important}
  .r-px-48{padding-left:28px!important;padding-right:28px!important}
  .r-px-56{padding-left:28px!important;padding-right:28px!important}
  .r-py-56{padding-top:40px!important;padding-bottom:40px!important}
  .r-py-60{padding-top:40px!important;padding-bottom:40px!important}
  .r-py-64{padding-top:42px!important;padding-bottom:42px!important}
  .r-py-68{padding-top:44px!important;padding-bottom:44px!important}
  .r-py-70{padding-top:46px!important;padding-bottom:46px!important}
  .r-py-72{padding-top:47px!important;padding-bottom:47px!important}
  .r-py-76{padding-top:49px!important;padding-bottom:49px!important}
  .r-py-80{padding-top:52px!important;padding-bottom:52px!important}
  .r-py-84{padding-top:55px!important;padding-bottom:55px!important}
  .r-py-88{padding-top:57px!important;padding-bottom:57px!important}
  .r-py-92{padding-top:60px!important;padding-bottom:60px!important}
  .r-py-96{padding-top:62px!important;padding-bottom:62px!important}
  .r-py-120{padding-top:78px!important;padding-bottom:78px!important}
  .r-gap-40{gap:32px!important}
  .r-gap-44{gap:32px!important}
  .r-gap-48{gap:32px!important}
  .r-gap-56{gap:32px!important}
  .r-gap-60{gap:32px!important}
  .r-gap-64{gap:32px!important}
  .r-gap-72{gap:32px!important}

}

/* ------------------------------------------------- header below 767px */
@media (max-width:767px){
  .r-headerbar{flex-wrap:wrap!important;justify-content:space-between!important;
    align-items:center!important;gap:12px!important;padding:12px 20px!important}
  .r-navbtn{display:flex}
  .r-nav{display:none!important;order:10;width:100%;margin-right:0!important;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;
    padding-bottom:6px}
  .r-navtoggle:checked~.r-nav{display:flex!important}
  .r-nav a{padding:13px 2px;font-size:16px!important;border-top:1px solid #E1E6EC}
  .r-headercta{gap:12px!important;flex:0 0 auto}
}

@media (max-width:600px){
  .r-autogrid{grid-template-columns:1fr!important}
  .r-fs-10{font-size:12px!important}
  .r-fs-11{font-size:12px!important}
  .r-fs-24{font-size:19px!important}
  .r-fs-26{font-size:19px!important}
  .r-fs-27{font-size:19px!important}
  .r-fs-28{font-size:20px!important}
  .r-fs-30{font-size:21px!important}
  .r-fs-32{font-size:22px!important}
  .r-fs-34{font-size:24px!important}
  .r-fs-36{font-size:25px!important}
  .r-fs-38{font-size:27px!important}
  .r-fs-40{font-size:23px!important}
  .r-fs-42{font-size:24px!important}
  .r-fs-44{font-size:26px!important}
  .r-fs-46{font-size:27px!important}
  .r-fs-48{font-size:28px!important}
  .r-fs-50{font-size:29px!important}
  .r-fs-52{font-size:30px!important}
  .r-px-28{padding-left:20px!important;padding-right:20px!important}
  .r-px-30{padding-left:20px!important;padding-right:20px!important}
  .r-px-32{padding-left:20px!important;padding-right:20px!important}
  .r-px-36{padding-left:20px!important;padding-right:20px!important}
  .r-px-38{padding-left:20px!important;padding-right:20px!important}
  .r-px-40{padding-left:20px!important;padding-right:20px!important}
  .r-px-44{padding-left:20px!important;padding-right:20px!important}
  .r-px-46{padding-left:20px!important;padding-right:20px!important}
  .r-px-48{padding-left:20px!important;padding-right:20px!important}
  .r-px-56{padding-left:20px!important;padding-right:20px!important}
  .r-py-56{padding-top:28px!important;padding-bottom:28px!important}
  .r-py-60{padding-top:28px!important;padding-bottom:28px!important}
  .r-py-64{padding-top:29px!important;padding-bottom:29px!important}
  .r-py-68{padding-top:31px!important;padding-bottom:31px!important}
  .r-py-70{padding-top:32px!important;padding-bottom:32px!important}
  .r-py-72{padding-top:32px!important;padding-bottom:32px!important}
  .r-py-76{padding-top:34px!important;padding-bottom:34px!important}
  .r-py-80{padding-top:36px!important;padding-bottom:36px!important}
  .r-py-84{padding-top:38px!important;padding-bottom:38px!important}
  .r-py-88{padding-top:40px!important;padding-bottom:40px!important}
  .r-py-92{padding-top:41px!important;padding-bottom:41px!important}
  .r-py-96{padding-top:43px!important;padding-bottom:43px!important}
  .r-py-120{padding-top:54px!important;padding-bottom:54px!important}
  .r-gap-24{gap:20px!important}
  .r-gap-26{gap:20px!important}
  .r-gap-28{gap:20px!important}
  .r-gap-30{gap:20px!important}
  .r-gap-32{gap:20px!important}
  .r-gap-40{gap:20px!important}
  .r-gap-44{gap:20px!important}
  .r-gap-48{gap:20px!important}
  .r-gap-56{gap:20px!important}
  .r-gap-60{gap:20px!important}
  .r-gap-64{gap:20px!important}
  .r-gap-72{gap:20px!important}

  /* Logo and menu button only; the phone number and CTA move into the menu. */
  .r-headercta{display:none!important}
  .r-navtoggle:checked~.r-headercta{display:flex!important;order:11;width:100%;
    flex-direction:column!important;align-items:stretch!important;
    gap:10px!important;padding-bottom:4px}
  .r-navtoggle:checked~.r-headercta a{text-align:center}
}