/* ==========================================================
   WFARHALI AR — PREMIUM LANDING V17
   Arabic homepage only
   ========================================================== */

.wf-ar-v17{
  --p:#3A0078;
  --p2:#7025D0;
  --ink:#201427;
  --text:#514758;
  --muted:#776e7d;
  --line:#ebe6ef;
  --soft:#faf8fc;

  direction:rtl;
  text-align:right;
  color:var(--ink);
  font-family:"Noto Sans Arabic","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
  line-height:1.8;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.wf-ar-v17 *,
.wf-ar-v17 *::before,
.wf-ar-v17 *::after{box-sizing:border-box}

.wf-ar-v17 .container{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
}

/* HERO */
.wf-ar-v17 .wf-hero{
  padding:64px 0 58px;
  background:
    radial-gradient(circle at 15% 20%,rgba(113,42,205,.08),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(214,177,255,.16),transparent 25%),
    linear-gradient(180deg,#fff,#fdfaff);
}

.wf-ar-v17 .wf-hero-grid{
  direction:rtl;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);
  align-items:center;
  gap:68px;
  min-height:520px;
}

.wf-ar-v17 .wf-hero-copy{
  order:1;
  min-width:0;
  max-width:640px;
  text-align:right;
}

.wf-ar-v17 .wf-hero-art{
  order:2;
  min-width:0;
}

.wf-ar-v17 .wf-hero-kicker{
  padding:8px 13px;
  font-size:13px;
  font-weight:750;
  line-height:1.5;
  letter-spacing:0;
}

.wf-ar-v17 .wf-hero-copy h1{
  max-width:620px;
  margin:21px 0 0;
  font-size:clamp(48px,4.8vw,67px);
  line-height:1.22;
  letter-spacing:-1px;
  font-weight:850;
}

.wf-ar-v17 .wf-hero-copy h1 strong{
  color:var(--p2);
}

.wf-ar-v17 .wf-hero-lead{
  max-width:610px;
  margin:22px 0 0!important;
  font-size:17px;
  line-height:1.95;
  color:var(--muted);
}

.wf-ar-v17 .wf-hero-actions{
  direction:rtl;
  justify-content:flex-start;
  gap:11px;
  margin:29px 0 0;
}

.wf-ar-v17 .wf-btn-primary,
.wf-ar-v17 .wf-btn-secondary{
  min-height:51px;
  padding-inline:23px;
  border-radius:13px;
  font-size:14px;
  font-weight:750;
}

.wf-ar-v17 .wf-btn-primary{
  background:linear-gradient(135deg,#3A0078,#7625d8);
  box-shadow:0 12px 30px rgba(58,0,120,.18);
}

.wf-ar-v17 .wf-ui-link-arrow svg{
  transform:scaleX(-1);
}

.wf-ar-v17 .wf-hero-art>img{
  display:block;
  width:100%;
  max-width:590px;
  height:auto;
  margin:auto;
  object-fit:contain;
  border-radius:26px;
}

/* BENEFITS */
.wf-ar-v17 .wf-benefits{
  padding:0 0 76px;
}

.wf-ar-v17 .wf-benefits-grid{
  direction:rtl;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 36px rgba(43,19,61,.055);
}

.wf-ar-v17 .wf-benefits-grid article{
  direction:rtl;
  text-align:right;
  min-height:92px;
  padding:18px 20px;
}

.wf-ar-v17 .wf-benefits-grid b{
  font-size:13px;
  line-height:1.55;
}

.wf-ar-v17 .wf-benefits-grid span{
  display:block;
  margin-top:3px;
  font-size:11px;
  line-height:1.65;
}

/* SECTION HEADINGS */
.wf-ar-v17 .wf-section-heading,
.wf-ar-v17 .wf-section-heading.left{
  direction:rtl;
  text-align:right;
}

.wf-ar-v17 .wf-section-heading{
  max-width:760px;
}

.wf-ar-v17 .wf-eyebrow{
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
}

.wf-ar-v17 .wf-section-heading h2{
  margin-top:10px;
  font-size:clamp(34px,3.5vw,47px);
  line-height:1.38;
  letter-spacing:-.4px;
  font-weight:820;
}

.wf-ar-v17 .wf-section-heading p{
  margin-top:13px;
  font-size:15px;
  line-height:1.95;
  color:var(--muted);
}

/* STORES */
.wf-ar-v17 .wf-stores{padding-bottom:88px}

.wf-ar-v17 .wf-store-row,
.wf-ar-v17 .wf-store-stack{
  direction:rtl;
}

.wf-ar-v17 .wf-store-stack{
  gap:14px;
  margin-top:34px;
}

.wf-ar-v17 .wf-store-card{
  direction:rtl;
  text-align:right;
  min-height:94px;
  padding:18px;
  border-radius:17px;
}

.wf-ar-v17 .wf-store-copy b{
  font-size:14px;
}

.wf-ar-v17 .wf-store-copy small{
  display:block;
  margin-top:4px;
  font-size:11px;
  line-height:1.6;
}

/* SERVICE */
.wf-ar-v17 .wf-service-story{
  padding:92px 0 86px;
}

.wf-ar-v17 .wf-service-story-head,
.wf-ar-v17 .wf-service-story-row,
.wf-ar-v17 .wf-process-strip,
.wf-ar-v17 .wf-service-story-cta{
  direction:rtl;
}

.wf-ar-v17 .wf-service-stories{
  margin-top:42px;
  gap:26px;
}

.wf-ar-v17 .wf-service-story-row{
  gap:50px;
  padding:24px;
  border-radius:26px;
}

.wf-ar-v17 .wf-story-copy{
  direction:rtl;
  text-align:right;
  padding:16px 7px;
}

.wf-ar-v17 .wf-story-kicker{
  letter-spacing:0;
}

.wf-ar-v17 .wf-story-copy h3{
  margin-top:14px;
  font-size:30px;
  line-height:1.45;
}

.wf-ar-v17 .wf-story-copy>p{
  font-size:14px;
  line-height:1.95;
}

.wf-ar-v17 .wf-story-copy li{
  padding-right:25px;
  padding-left:0;
  line-height:1.8;
}

.wf-ar-v17 .wf-story-copy li::before{
  right:0;
  left:auto;
}

/* LOWER SECTIONS */
.wf-ar-v17 .wf-why,
.wf-ar-v17 .wf-track-faq{
  padding-block:84px;
}

.wf-ar-v17 .wf-why-grid,
.wf-ar-v17 .wf-track-faq-grid{
  direction:rtl;
}

.wf-ar-v17 .wf-why-grid article,
.wf-ar-v17 .wf-track-card,
.wf-ar-v17 .wf-faq-card{
  direction:rtl;
  text-align:right;
}

.wf-ar-v17 .wf-track-form,
.wf-ar-v17 .wf-track-stages{
  direction:rtl;
}

.wf-ar-v17 .wf-track-form input{
  direction:rtl;
  text-align:right;
  font-family:inherit;
}

.wf-ar-v17 .wf-faq-card details,
.wf-ar-v17 .wf-faq-card summary{
  direction:rtl;
  text-align:right;
}

.wf-ar-v17 .wf-final-inner{
  direction:rtl;
  text-align:right;
}

/* TABLET */
@media(max-width:1024px){
  .wf-ar-v17 .container{
    width:min(100% - 40px,920px);
  }

  .wf-ar-v17 .wf-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);
    gap:38px;
    min-height:460px;
  }

  .wf-ar-v17 .wf-hero-copy h1{
    font-size:46px;
  }
}

/* MOBILE */
@media(max-width:700px){

  .wf-ar-v17 .container{
    width:calc(100% - 32px);
  }

  .wf-ar-v17 .wf-hero{
    padding:34px 0 40px;
  }

  .wf-ar-v17 .wf-hero-grid{
    display:flex;
    flex-direction:column;
    min-height:0;
    gap:27px;
  }

  .wf-ar-v17 .wf-hero-copy{
    order:1;
    width:100%;
    max-width:none;
  }

  .wf-ar-v17 .wf-hero-art{
    order:2;
    width:100%;
  }

  .wf-ar-v17 .wf-hero-kicker{
    padding:7px 10px;
    font-size:11px;
  }

  .wf-ar-v17 .wf-hero-copy h1{
    max-width:100%;
    margin-top:15px;
    font-size:38px;
    line-height:1.28;
    letter-spacing:-.4px;
  }

  .wf-ar-v17 .wf-hero-lead{
    margin-top:15px!important;
    font-size:14.5px;
    line-height:1.9;
  }

  .wf-ar-v17 .wf-hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:22px;
  }

  .wf-ar-v17 .wf-btn-primary,
  .wf-ar-v17 .wf-btn-secondary{
    width:100%;
    min-height:49px;
    padding-inline:17px;
    border-radius:13px;
    font-size:13.5px;
  }

  .wf-ar-v17 .wf-hero-art>img{
    width:100%;
    max-width:none;
    border-radius:19px;
  }

  .wf-ar-v17 .wf-hero-float{
    display:none!important;
  }

  /* 2x2 benefits instead of long horizontal strip */
  .wf-ar-v17 .wf-benefits{
    padding-bottom:58px;
  }

  .wf-ar-v17 .wf-benefits-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:16px;
  }

  .wf-ar-v17 .wf-benefits-grid article{
    min-height:100px;
    padding:14px;
  }

  .wf-ar-v17 .wf-benefits-grid b{
    font-size:11.5px;
  }

  .wf-ar-v17 .wf-benefits-grid span{
    font-size:9.5px;
  }

  .wf-ar-v17 .wf-section-heading,
  .wf-ar-v17 .wf-section-heading.left{
    width:100%;
    text-align:right;
  }

  .wf-ar-v17 .wf-section-heading h2{
    font-size:29px;
    line-height:1.43;
  }

  .wf-ar-v17 .wf-section-heading p{
    font-size:13.5px;
    line-height:1.9;
  }

  .wf-ar-v17 .wf-stores{
    padding-bottom:64px;
  }

  .wf-ar-v17 .wf-store-stack{
    margin-top:25px;
    gap:10px;
  }

  .wf-ar-v17 .wf-store-card{
    min-height:79px;
    padding:14px 15px;
    border-radius:15px;
  }

  .wf-ar-v17 .wf-service-story{
    padding:65px 0 62px;
  }

  .wf-ar-v17 .wf-service-story-head{
    display:block;
  }

  .wf-ar-v17 .wf-service-story-seal{
    width:max-content;
    margin-top:18px;
  }

  .wf-ar-v17 .wf-service-stories{
    margin-top:28px;
    gap:17px;
  }

  .wf-ar-v17 .wf-service-story-row,
  .wf-ar-v17 .wf-service-story-row.is-reversed{
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:13px;
    border-radius:20px;
    direction:rtl;
  }

  .wf-ar-v17 .wf-service-story-row .wf-story-visual,
  .wf-ar-v17 .wf-service-story-row.is-reversed .wf-story-visual{
    order:1;
  }

  .wf-ar-v17 .wf-service-story-row .wf-story-copy,
  .wf-ar-v17 .wf-service-story-row.is-reversed .wf-story-copy{
    order:2;
  }

  .wf-ar-v17 .wf-story-copy{
    padding:8px 4px 13px;
  }

  .wf-ar-v17 .wf-story-copy h3{
    font-size:24px;
    line-height:1.5;
  }

  .wf-ar-v17 .wf-story-copy>p{
    font-size:13px;
  }

  .wf-ar-v17 .wf-process-strip{
    overflow-x:auto;
    justify-content:flex-start;
    scrollbar-width:none;
  }

  .wf-ar-v17 .wf-process-strip::-webkit-scrollbar{
    display:none;
  }

  .wf-ar-v17 .wf-why,
  .wf-ar-v17 .wf-track-faq{
    padding-block:61px;
  }

  .wf-ar-v17 .wf-why-grid,
  .wf-ar-v17 .wf-track-faq-grid{
    grid-template-columns:1fr;
  }

  .wf-ar-v17 .wf-track-card,
  .wf-ar-v17 .wf-faq-card{
    padding:19px;
    border-radius:19px;
  }

  .wf-ar-v17 .wf-track-form{
    grid-template-columns:1fr;
  }

  .wf-ar-v17 .wf-track-form input,
  .wf-ar-v17 .wf-track-form button{
    width:100%;
    min-height:48px;
  }

  .wf-ar-v17 .wf-final-inner{
    flex-direction:column;
    align-items:stretch;
    gap:21px;
  }

  .wf-ar-v17 .wf-final-inner>a{
    width:100%;
    justify-content:center;
  }
}

@media(max-width:390px){
  .wf-ar-v17 .container{
    width:calc(100% - 26px);
  }

  .wf-ar-v17 .wf-hero-copy h1{
    font-size:35px;
  }

  .wf-ar-v17 .wf-hero-lead{
    font-size:14px;
  }
}

/* === V17.1 FINAL POLISH START === */

/* --------------------------------
   STORE CARDS — remove duplicate
   brand label
   -------------------------------- */

.wf-ar-v17 .wf-store-copy b{
    display:none !important;
}

.wf-ar-v17 .wf-store-copy small{
    margin-top:0 !important;
    line-height:1.65 !important;
}


/* --------------------------------
   MOBILE FINAL PASS
   -------------------------------- */

@media(max-width:700px){

    /* ---------- BENEFITS 2 × 2 ---------- */

    .wf-ar-v17 .wf-benefits{
        padding:22px 0 52px !important;
    }

    .wf-ar-v17 .wf-benefits-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;

        background:transparent !important;
        box-shadow:none !important;
        border-radius:0 !important;
        overflow:visible !important;
    }

    .wf-ar-v17 .wf-benefits-grid article{
        display:flex !important;
        align-items:center !important;

        min-width:0 !important;
        min-height:88px !important;
        height:auto !important;

        padding:13px !important;
        gap:10px !important;

        background:#fff !important;
        border:1px solid #ebe6ef !important;
        border-radius:15px !important;

        box-shadow:
            0 8px 22px rgba(49,20,75,.045) !important;
    }

    .wf-ar-v17 .wf-benefit-icon{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        flex:0 0 38px !important;
        border-radius:11px !important;
    }

    .wf-ar-v17 .wf-benefit-icon svg{
        width:20px !important;
        height:20px !important;
    }

    .wf-ar-v17 .wf-benefits-grid article>div:last-child{
        min-width:0 !important;
    }

    .wf-ar-v17 .wf-benefits-grid b{
        display:block !important;
        font-size:12px !important;
        line-height:1.45 !important;
    }

    .wf-ar-v17 .wf-benefits-grid span{
        margin-top:3px !important;
        font-size:10px !important;
        line-height:1.55 !important;
    }


    /* ---------- STORES ---------- */

    .wf-ar-v17 .wf-stores{
        padding:52px 0 62px !important;
    }

    .wf-ar-v17 .wf-stores .wf-section-heading h2{
        font-size:31px !important;
        line-height:1.35 !important;
    }

    .wf-ar-v17 .wf-stores .wf-section-heading p{
        max-width:100% !important;
        font-size:13.5px !important;
        line-height:1.9 !important;
    }

    .wf-ar-v17 .wf-store-stack{
        margin-top:24px !important;
        gap:10px !important;
    }

    .wf-ar-v17 .wf-store-card{
        display:flex !important;
        direction:rtl !important;
        align-items:center !important;

        min-height:78px !important;
        height:auto !important;

        padding:13px 14px !important;
        gap:13px !important;

        border-radius:15px !important;
    }

    .wf-ar-v17 .wf-store-wordmark{
        flex:0 0 auto !important;
        font-size:22px !important;
        line-height:1 !important;
    }

    .wf-ar-v17 .wf-store-copy{
        flex:1 1 auto !important;
        min-width:0 !important;
    }

    .wf-ar-v17 .wf-store-copy small{
        font-size:10.5px !important;
        line-height:1.55 !important;
    }

    .wf-ar-v17 .wf-store-arrow{
        flex:0 0 40px !important;
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
    }


    /* ---------- STORY ---------- */

    .wf-ar-v17 .wf-service-story{
        padding:58px 0 60px !important;
    }

    .wf-ar-v17 .wf-service-stories{
        margin-top:27px !important;
        gap:16px !important;
    }

    .wf-ar-v17 .wf-service-story-row,
    .wf-ar-v17 .wf-service-story-row.is-reversed{
        gap:16px !important;
        padding:12px !important;
        border-radius:19px !important;
    }

    .wf-ar-v17 .wf-story-copy{
        padding:6px 3px 12px !important;
    }

    .wf-ar-v17 .wf-story-copy h3{
        font-size:23px !important;
        line-height:1.47 !important;
    }

    .wf-ar-v17 .wf-story-copy>p{
        font-size:12.8px !important;
        line-height:1.85 !important;
    }


    /* =================================
       PROCESS 01 → 05
       Force compact horizontal layout
       ================================= */

    .wf-ar-v17 .wf-process-strip{
        display:grid !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;

        width:100% !important;
        min-height:0 !important;
        height:auto !important;

        margin:20px 0 0 !important;
        padding:13px 7px !important;
        gap:5px !important;

        overflow:visible !important;

        border-radius:17px !important;
    }

    .wf-ar-v17 .wf-process-strip>i{
        display:none !important;
    }

    .wf-ar-v17 .wf-process-strip>div{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;

        min-width:0 !important;
        width:auto !important;
        height:auto !important;
        flex:none !important;

        margin:0 !important;
        padding:0 2px !important;

        text-align:center !important;
        gap:4px !important;
    }

    .wf-ar-v17 .wf-process-strip>div>span{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        position:static !important;

        width:38px !important;
        height:38px !important;
        min-width:38px !important;

        margin:0 auto 4px !important;

        border-radius:11px !important;

        font-size:10px !important;
        line-height:1 !important;
    }

    .wf-ar-v17 .wf-process-strip b{
        display:block !important;
        min-height:28px !important;

        font-size:10px !important;
        line-height:1.35 !important;

        white-space:normal !important;
    }

    .wf-ar-v17 .wf-process-strip small{
        display:block !important;
        font-size:9px !important;
        line-height:1.35 !important;
    }


    /* ---------- QUESTION CTA ---------- */

    .wf-ar-v17 .wf-service-story-cta,
    .wf-ar-v17 .wf-service-story-cta--center{
        min-height:0 !important;
        height:auto !important;

        margin-top:18px !important;
        padding:20px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;

        gap:16px !important;
        border-radius:20px !important;
    }

    .wf-ar-v17 .wf-service-story-cta-head{
        display:flex !important;
        direction:rtl !important;
        align-items:flex-start !important;

        gap:12px !important;
    }

    .wf-ar-v17 .wf-service-story-cta .wf-ui-icon-badge{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        flex:0 0 46px !important;
    }

    .wf-ar-v17 .wf-service-story-cta-copy{
        min-width:0 !important;
    }

    .wf-ar-v17 .wf-service-story-cta-copy b{
        display:block !important;

        font-size:22px !important;
        line-height:1.4 !important;

        margin:0 !important;
    }

    .wf-ar-v17 .wf-service-story-cta-copy p{
        margin-top:7px !important;

        font-size:13px !important;
        line-height:1.8 !important;
    }

    .wf-ar-v17 .wf-service-story-cta-link{
        width:100% !important;
        min-height:48px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 16px !important;
        border-radius:13px !important;

        font-size:13.5px !important;
    }


    /* ---------- WHY ---------- */

    .wf-ar-v17 .wf-why{
        padding:54px 0 !important;
    }

    .wf-ar-v17 .wf-why .wf-section-heading h2{
        font-size:28px !important;
    }

    .wf-ar-v17 .wf-why-grid{
        gap:10px !important;
    }

    .wf-ar-v17 .wf-why-grid article{
        min-height:0 !important;
        padding:16px !important;
        border-radius:15px !important;
    }


    /* ---------- TRACK / FAQ ---------- */

    .wf-ar-v17 .wf-track-faq{
        padding:56px 0 !important;
    }

    .wf-ar-v17 .wf-track-faq-grid{
        gap:14px !important;
    }

    .wf-ar-v17 .wf-track-card,
    .wf-ar-v17 .wf-faq-card{
        min-height:0 !important;
        padding:18px !important;
        border-radius:18px !important;
    }
}


/* SMALL PHONES */
@media(max-width:390px){

    .wf-ar-v17 .wf-benefits-grid{
        gap:8px !important;
    }

    .wf-ar-v17 .wf-benefits-grid article{
        min-height:84px !important;
        padding:11px !important;
    }

    .wf-ar-v17 .wf-benefit-icon{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        flex-basis:34px !important;
    }

    .wf-ar-v17 .wf-process-strip{
        gap:2px !important;
        padding-inline:5px !important;
    }

    .wf-ar-v17 .wf-process-strip>div>span{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
    }

    .wf-ar-v17 .wf-process-strip b{
        font-size:9.3px !important;
    }

    .wf-ar-v17 .wf-process-strip small{
        font-size:8.5px !important;
    }
}

/* === V17.1 FINAL POLISH END === */

/* ==========================================================
   WFARHALI AR V17.3
   Remove process card + center assistance CTA
   ========================================================== */


/* ----------------------------------------------------------
   REMOVE 01 → 05 PROCESS CARD COMPLETELY FROM INTERFACE
   ---------------------------------------------------------- */

.wf-ar-v17 .wf-process-strip{
    display:none !important;
}


/* ----------------------------------------------------------
   QUESTION / ASSISTANCE CARD — CENTERED DESIGN
   ---------------------------------------------------------- */

.wf-ar-v17 .wf-service-story-cta,
.wf-ar-v17 .wf-service-story-cta--center{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    text-align:center !important;

    padding:28px !important;
    gap:17px !important;

    border-radius:22px !important;
}


/* icon + text block */

.wf-ar-v17 .wf-service-story-cta-head{
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:13px !important;

    text-align:center !important;
}


/* ? icon */

.wf-ar-v17 .wf-service-story-cta .wf-ui-icon-badge{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:52px !important;
    height:52px !important;
    min-width:52px !important;

    margin:0 auto !important;

    border-radius:15px !important;
}


/* text container */

.wf-ar-v17 .wf-service-story-cta-copy{
    width:100% !important;
    max-width:590px !important;

    margin:0 auto !important;
    padding:0 !important;

    text-align:center !important;
}


/* title */

.wf-ar-v17 .wf-service-story-cta-copy b{
    display:block !important;

    margin:0 !important;

    text-align:center !important;

    font-size:24px !important;
    line-height:1.45 !important;
    font-weight:800 !important;
}


/* description */

.wf-ar-v17 .wf-service-story-cta-copy p{
    max-width:520px !important;

    margin:9px auto 0 !important;

    text-align:center !important;

    font-size:13.5px !important;
    line-height:1.85 !important;
}


/* button */

.wf-ar-v17 .wf-service-story-cta-link{
    width:auto !important;
    min-width:210px !important;
    min-height:48px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 auto !important;
    padding:0 24px !important;

    text-align:center !important;

    border-radius:13px !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:700px){

    .wf-ar-v17 .wf-service-story-cta,
    .wf-ar-v17 .wf-service-story-cta--center{
        padding:24px 19px !important;
        gap:15px !important;
        border-radius:20px !important;
    }

    .wf-ar-v17 .wf-service-story-cta .wf-ui-icon-badge{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
    }

    .wf-ar-v17 .wf-service-story-cta-copy b{
        font-size:21px !important;
        line-height:1.45 !important;
    }

    .wf-ar-v17 .wf-service-story-cta-copy p{
        max-width:340px !important;
        font-size:12.8px !important;
        line-height:1.8 !important;
    }

    .wf-ar-v17 .wf-service-story-cta-link{
        width:100% !important;
        min-width:0 !important;
        min-height:47px !important;
        font-size:13px !important;
    }

    /* Remove space previously reserved around process strip */
    .wf-ar-v17 .wf-service-story-cta{
        margin-top:20px !important;
    }
}


/* ----------------------------------------------------------
   SMALL PHONES
   ---------------------------------------------------------- */

@media(max-width:390px){

    .wf-ar-v17 .wf-service-story-cta,
    .wf-ar-v17 .wf-service-story-cta--center{
        padding:21px 16px !important;
    }

    .wf-ar-v17 .wf-service-story-cta-copy b{
        font-size:20px !important;
    }

    .wf-ar-v17 .wf-service-story-cta-copy p{
        font-size:12.3px !important;
    }
}


/* ==========================================================
   END WFARHALI AR V17.3
   ========================================================== */