/* /self-referral/ prototype styles. Own file, does not touch home2.css / malta2.css / about2.css / faq2.css */

.selfref-sub{font:300 17px/1.55 "GT-America",sans-serif;color:#4d4c63;margin:0 0 30px;
  max-width:38em;text-wrap:pretty}

.selfref-steps{list-style:none;margin:0 0 30px;padding:0;counter-reset:selfref-step}
.selfref-steps li{position:relative;padding:0 0 0 40px;margin:0 0 16px;
  font:300 16px/1.6 "GT-America",sans-serif;color:#2a293d;text-wrap:pretty}
.selfref-steps li::before{counter-increment:selfref-step;content:counter(selfref-step);
  position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;
  background:#2a293d;color:#fcfcfc;font:400 12px/24px "GT-America",sans-serif;text-align:center}

.selfref-cta-mini{margin:0 0 40px;padding:24px 0 0;border-top:1px solid #e4e1d8}
.selfref-cta-mini__text{font:300 13px/1.5 "GT-America",sans-serif;color:#908e97;margin:0 0 12px}
.selfref-cta-mini__btn{display:inline-flex;align-items:center;background:#2a293d;color:#fcfcfc;
  border:1px solid #2a293d;cursor:pointer;padding:13px 22px;
  font:400 11px/1 "GT-America",sans-serif;letter-spacing:.11em;text-transform:uppercase;
  transition:background .18s,border-color .18s,color .18s}
.selfref-cta-mini__btn:hover{background:#fcfcfc;color:#2a293d;border-color:#2a293d}

.selfref-cta{padding:78px 0;background:#dcd5c3;text-align:center}
.selfref-cta__title{font-family:"PF Regal Display Pro",Georgia,serif;font-weight:400;color:#2a293d;
  font-size:clamp(26px,3vw,38px);line-height:1.15;margin:0 0 16px;text-wrap:balance}
.selfref-cta__sub{font:300 16px/1.6 "GT-America",sans-serif;color:#4d4c63;margin:0 auto 28px;
  max-width:34em;text-wrap:pretty}
.selfref-cta__btn{display:inline-flex;align-items:center;background:#2a293d;color:#fcfcfc;
  border:1px solid #2a293d;cursor:pointer;padding:16px 32px;
  font:400 12px/1 "GT-America",sans-serif;letter-spacing:.13em;text-transform:uppercase;
  transition:background .18s,border-color .18s,color .18s}
.selfref-cta__btn:hover{background:#fcfcfc;color:#2a293d;border-color:#2a293d}

@media (max-width:900px){
  .selfref-cta{padding:52px 0}
}