/* =========================================================
   ISO Certification Process page — page-scoped styles only.

   Reused as-is from the global stylesheet (no duplication):
   .hero-section/.hero-card/.gradient-text, .services-intro,
   .fee-calc-callout, .numbers-section/.number-item/.number-value/
   .number-desc, .cert-cta/.step-card/.step-badge/.step-head,
   .service-box (used here on divs instead of anchors, since this
   page has no internal linking), .btn-pink-filled.

   Genuinely new on this page:
   - .why-us-section: plain white wrapper so .service-box cards
     (normally shown on the pink/orange gradient background on
     the services page) sit cleanly on a light background here
   - .verification-section / .verification-card: the "Ongoing
     verification" block, styled to match the brand
   - a small icon-font modifier for .number-icon-circle, since the
     original was built for <img> icons and this page uses
     Font Awesome instead
   ========================================================= */

/* Font-Awesome icons inside the existing .number-icon-circle */
.number-icon-circle i{
  color:#fff;
  font-size:22px;
}

/* ---------- Why choose us ---------- */
.why-us-section{
  background:#fff;
  padding:70px 0;
}
.why-us-section .service-box{
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

/* ---------- Ongoing verification ---------- */
.verification-section{
  background-color:var(--brand-cream);
  padding:70px 0;
}

.verification-card{
  display:flex;
  align-items:center;
  gap:32px;
  max-width:900px;
  margin:0 auto;
  background:#fff;
  border-radius:24px;
  border:1px solid var(--brand-dark-grey);
  padding:40px 44px;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.verification-icon{
  flex:0 0 auto;
  width:70px;
  height:70px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--branding-pink) 0%,var(--branding-orange) 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  box-shadow:0 8px 20px rgba(219,7,7,.25);
}

.verification-text h3{
  margin-bottom:12px;
}
.verification-text p{
  font-size:15px;
  line-height:1.7;
  color:#333;
  margin-bottom:10px;
}
.verification-text p:last-child{
  margin-bottom:0;
}

@media (max-width:767px){
  .verification-card{
    flex-direction:column;
    text-align:center;
    padding:32px 24px;
  }
}