/* Chief Nest brand styling for the legacy location / service landing pages.
   The page content itself is untouched, so every heading, paragraph and link
   keeps its SEO value. Only the presentation is replaced: the original pages
   shipped their own inline <style>, which the template strips so this can win.
   Brand hues only: navy #01055e, blue #217bff, cyan #2fd4fb, deep #102dc2. */

/* WPBakery wraps the content in rows and columns that Salient's stylesheet starts
   at opacity:0 and reveals with its own JS on scroll. Salient's assets are not
   loaded here, so those reveals would never fire and the page would look empty.
   Neutralise the wrappers and let them pass the content straight through. */
.wpb_row,.vc_row,.wpb_column,.vc_column_container,.wpb_wrapper,
.row_col_wrap_12,.col.span_12,.vc_col-sm-12,.wpb_text_column,.vc_raw_html{
  opacity:1 !important; visibility:visible !important; transform:none !important;
  animation:none !important; display:block !important;
  width:auto !important; max-width:none !important;
  padding:0 !important; margin:0 !important; left:auto !important; top:auto !important}
.row-bg-wrap,.row-bg-layer,.row-bg,.nectar-shape-divider-wrap{display:none !important}

.loc{max-width:1120px; margin:0 auto; color:#c5ccf2}
.loc h2{font-size:clamp(28px,3.6vw,42px); font-weight:600; color:#fff;
  letter-spacing:-.03em; line-height:1.08; margin:64px 0 16px; text-wrap:balance}
.loc h3{font-size:20px; font-weight:600; color:#fff; margin:32px 0 10px}
.loc p{color:#aab4ee; font-size:16.5px; line-height:1.65; margin:0 0 16px; max-width:70ch}
.loc a{color:#5c9bff}
.loc strong{color:#fff; font-weight:600}

/* hero */
.hero-section{padding:16px 0 8px}
.hero-section h1{font-size:clamp(34px,5vw,58px); font-weight:600; color:#fff;
  letter-spacing:-.035em; line-height:1.04; margin:0 0 18px; text-wrap:balance}
.hero-tagline{font-size:18px; color:#aab4ee; max-width:60ch; margin-bottom:26px}
.hero-tagline strong{color:#fff}

/* bullet lists use the bracket motif, like the rest of the site */
.loc ul{list-style:none; margin:0 0 26px; padding:0;
  display:flex; flex-direction:column; gap:10px}
.loc ul li{position:relative; padding-left:24px; color:#aab4ee; font-size:16px; max-width:68ch}
.loc ul li::before{content:""; position:absolute; left:0; top:.55em; width:9px; height:8px;
  background:#217bff;
  -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 85'%3E%3Cpath d='M0 0H100V28H28V85H0Z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 85'%3E%3Cpath d='M0 0H100V28H28V85H0Z'/%3E%3C/svg%3E") no-repeat center/contain}
/* numbered lists (workflow lists, steps): cyan numerals, continuous across groups via start= */
.loc ol{margin:0 0 26px; padding:0 0 0 2.2em}
.loc ol li{padding-left:6px; margin-bottom:10px; color:#c5ccf2; font-size:16px; max-width:68ch}
.loc ol li::marker{color:#2fd4fb; font-weight:600; font-variant-numeric:tabular-nums}
.benefits-grid{display:grid !important; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:12px 30px}

/* buttons */
.cta-buttons{display:flex; gap:12px; flex-wrap:wrap; margin:28px 0 8px}
.loc .btn{display:inline-block; font-weight:600; font-size:15px; text-decoration:none;
  border-radius:100px; padding:12px 26px; transition:transform .15s ease, filter .15s ease, border-color .15s ease}
.loc .btn-primary{background:#217bff; color:#fff}
.loc .btn-secondary{border:1px solid #2a3499; color:#fff}
.loc .btn:hover{transform:translateY(-2px); filter:brightness(1.08); border-color:#217bff}

/* card grids */
.feature-section,.related-services,.industry-cards,.locations-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; margin:12px 0 8px}
.feature-item,.service-card,.industry-card,.location-card{
  border:1px solid #2a3499; border-radius:14px; background:#080d5c; padding:24px;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease}
.feature-item:hover,.service-card:hover,.industry-card:hover,.location-card:hover{
  transform:translateY(-4px); border-color:#217bff; box-shadow:0 24px 50px -24px rgba(33,123,255,.35)}
.feature-item h3,.service-card h3,.industry-card h3,.location-card h3{
  font-size:17px; font-weight:600; color:#fff; margin:0 0 8px}
.feature-item p,.service-card p,.industry-card p,.location-card p{
  font-size:14.5px; color:#8b93cd; margin:0 0 14px; line-height:1.55}
.service-card .btn{font-size:13.5px; padding:9px 20px}

/* statistics */
.stats-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; margin:12px 0}
.stat-card{border:1px solid #2a3499; border-radius:14px; background:#080d5c; padding:26px 22px; text-align:center}
.stat-number{display:block; font-size:32px; font-weight:600; color:#2fd4fb;
  letter-spacing:-.02em; font-variant-numeric:tabular-nums; margin-bottom:6px}
.stat-card strong{display:block; font-size:14px; color:#aab4ee; font-weight:500}

/* platforms + FAQ */
.platforms-list{display:flex !important; flex-direction:row !important; flex-wrap:wrap; gap:10px}
.platforms-list li{padding:8px 16px !important; border:1px solid #2a3499; border-radius:100px;
  font-size:14px; color:#c5ccf2}
.platforms-list li::before{display:none}
.faq-section{margin-top:20px}
.faq-item{border:1px solid #2a3499; border-radius:12px; background:#080d5c;
  padding:20px 22px; margin-bottom:12px}
.faq-question{font-size:16px; font-weight:600; color:#fff; margin-bottom:8px; display:block}
.faq-item p{margin:0; font-size:15px}

/* closing call to action */
.final-cta{border:1px solid #2a3499; border-radius:18px; padding:40px 32px; margin:56px 0 8px;
  text-align:center; background:
    radial-gradient(600px 300px at 50% 100%, rgba(16,45,194,.30), transparent 72%), #01055e}
.final-cta h2{margin-top:0}
.final-cta p{margin-left:auto; margin-right:auto}
.final-cta .cta-buttons{justify-content:center}

/* The US city pages carry a few components the Saudi ones do not. */
.related-locations,.specializations{display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin:12px 0 8px}
.related-location-card,.specialization,.client-examples{
  border:1px solid #2a3499; border-radius:14px; background:#080d5c; padding:22px;
  transition:transform .18s ease, border-color .18s ease}
.related-location-card:hover,.specialization:hover{
  transform:translateY(-4px); border-color:#217bff}
.related-location-card h3,.specialization h3,.client-examples h3{
  font-size:16.5px; font-weight:600; color:#fff; margin:0 0 8px}
.related-location-card p,.specialization p,.client-examples p{
  font-size:14.5px; color:#8b93cd; margin:0; line-height:1.55}
.client-examples{margin:14px 0}

/* pull quotes from clients on those pages */
.testimonial{border-left:3px solid #217bff; border-radius:0 14px 14px 0;
  background:linear-gradient(90deg, rgba(33,123,255,.10), rgba(8,13,92,.75));
  padding:22px 26px; margin:18px 0}
.testimonial p{font-size:17px; color:#fff; font-weight:500; line-height:1.5;
  margin:0 0 10px; max-width:64ch}
.testimonial-author{display:block; font-size:13.5px; color:#8b93cd}
.testimonial-author strong{color:#c5ccf2; font-weight:600}

@media (max-width:760px){
  .loc h2{margin:44px 0 14px}
  .final-cta{padding:32px 22px}
  .testimonial{padding:18px 20px}
}