/* =========================================================
   FAS INTERNATIONAL — PAGE STYLES
   Consolidated from per-page <style> blocks.
   Each section below is scoped to that page's wrapper class
   (e.g. .fas-about-page, .fas-history-page) so there are no
   cross-page collisions. Loaded on every page after home.css.
========================================================= */


/* ==========================================================
   PAGE: about-us.html
   ========================================================== */
  /* ============================================================
     FAS INTERNATIONAL — ABOUT US PAGE
     REDESIGNED WHITE THEME (BLUE, GREEN, RED BRAND PALETTE)
  ============================================================ */

  .fas-about-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-green: #00a844;
      --fas-red: #dc2626;

      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-text: #475569;
      --fas-heading: #0f172a;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      width: 100%;
      margin: 0;
      padding: 0;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
      font-family: inherit;
  }

  .fas-about-page *,
  .fas-about-page *::before,
  .fas-about-page *::after {
      box-sizing: border-box;
  }

  .fas-about-page img {
      display: block;
      width: 100%;
      max-width: 100%;
      margin: 0;
  }

  .fas-about-page a {
      text-decoration: none;
  }

  .fas-about-page h1,
  .fas-about-page h2,
  .fas-about-page h3,
  .fas-about-page h4,
  .fas-about-page p {
      margin-top: 0;
  }

  .fas-about-container {
      width: min(1200px, 92%);
      margin-left: auto;
      margin-right: auto;
  }

  /* SECTION LABEL */
  .fas-about-label {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
      color: var(--fas-blue) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2.2px;
      line-height: 1.4;
      text-transform: uppercase;
  }

  .fas-about-label::before {
      content: "";
      width: 34px;
      height: 2px;
      flex: 0 0 34px;
      background: var(--fas-blue);
  }

  /* MAIN HEADINGS */
  .fas-about-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(38px, 4.5vw, 62px) !important;
      font-weight: 800 !important;
      line-height: 1.05 !important;
      letter-spacing: -1.8px;
  }

  .fas-about-title span {
      color: var(--fas-blue) !important;
  }

  /* HERO */
  .fas-about-hero {
      position: relative;
      min-height: 650px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(
              90deg,
              rgba(255,255,255,.98) 0%,
              rgba(255,255,255,.94) 35%,
              rgba(255,255,255,.75) 62%,
              rgba(255,255,255,.40) 100%
          ),
          url("../images/project%20images/12.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-about-hero::before {
      content: "";
      position: absolute;
      width: 700px;
      height: 700px;
      right: -350px;
      top: -250px;
      border: 1px solid rgba(0, 129, 221,.15);
      border-radius: 50%;
  }

  .fas-about-hero::after {
      content: "";
      position: absolute;
      width: 420px;
      height: 420px;
      right: -170px;
      bottom: -240px;
      border: 1px solid rgba(0,168,68,.15);
      border-radius: 50%;
  }

  .fas-about-hero .fas-about-container {
      position: relative;
      z-index: 3;
  }

  .fas-about-hero-content {
      max-width: 850px;
      padding: 100px 0;
  }

  .fas-about-hero h1 {
      margin: 0 0 26px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(52px, 7vw, 88px) !important;
      font-weight: 850 !important;
      line-height: .98 !important;
      letter-spacing: -3.5px;
  }

  .fas-about-hero h1 span {
      display: block;
      color: var(--fas-blue) !important;
  }

  .fas-about-hero-description {
      max-width: 760px;
      margin: 0 0 34px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-about-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
  }

  .fas-about-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: 0.75rem;
      border: 1px solid var(--fas-blue);
      color: #ffffff !important;
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
  }

  .fas-about-btn-primary {
      background: var(--fas-blue);
      box-shadow: 0 4px 12px rgba(0, 129, 221, 0.25);
  }

  .fas-about-btn-primary:hover {
      color: #ffffff !important;
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
      transform: translateY(-2px);
  }

  .fas-about-btn-outline {
      background: transparent;
      color: var(--fas-blue) !important;
  }

  .fas-about-btn-outline:hover {
      background: #eff6ff;
      transform: translateY(-2px);
  }

  /* INTRO / WHO WE ARE */
  .fas-about-intro {
      padding: 115px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-about-intro-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
  }

  .fas-about-image-wrapper {
      position: relative;
      padding-right: 25px;
      padding-bottom: 25px;
  }

  .fas-about-image-wrapper::before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 85%;
      height: 85%;
      border: 2px solid var(--fas-blue);
      z-index: 0;
      border-radius: 1rem;
  }

  .fas-about-image {
      position: relative;
      z-index: 2;
      height: 540px;
      overflow: hidden;
      border-radius: 1rem;
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  }

  .fas-about-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .6s ease;
  }

  .fas-about-image-wrapper:hover img {
      transform: scale(1.04);
  }

  .fas-about-intro-content p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.9;
  }

  .fas-about-highlight {
      position: relative;
      margin-top: 32px;
      padding: 28px 30px;
      background: #ffffff;
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-blue);
      border-radius: 0.75rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
  }

  .fas-about-highlight h3 {
      margin: 0 0 10px !important;
      color: var(--fas-heading) !important;
      font-size: 22px !important;
      font-weight: 750 !important;
  }

  .fas-about-highlight p {
      margin: 0 !important;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.75;
  }

  /* FAS IDENTITY */
  .fas-about-identity {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-about-identity-grid {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 80px;
      align-items: center;
  }

  .fas-about-identity-box {
      position: relative;
      padding: 55px 45px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }

  .fas-about-identity-box::after {
      content: "FAS";
      position: absolute;
      right: -30px;
      bottom: -55px;
      color: rgba(0, 129, 221,.06);
      font-size: 180px;
      font-weight: 900;
      line-height: 1;
  }

  .fas-about-identity-box > * {
      position: relative;
      z-index: 2;
  }

  .fas-about-identity-small {
      margin-bottom: 12px;
      color: var(--fas-blue);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-about-identity-name {
      margin: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(38px, 4vw, 58px) !important;
      font-weight: 850 !important;
      line-height: 1.05 !important;
  }

  .fas-about-identity-name span {
      color: var(--fas-blue) !important;
  }

  .fas-about-identity-content p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.9;
  }

  /* MISSION & VISION */
  .fas-about-mission {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-about-section-heading {
      max-width: 850px;
      margin: 0 auto 60px;
      text-align: center;
  }

  .fas-about-section-heading .fas-about-label {
      justify-content: center;
  }

  .fas-about-section-heading .fas-about-label::before {
      display: none;
  }

  .fas-about-section-heading p {
      max-width: 700px;
      margin: 22px auto 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-about-mission-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
  }

  .fas-about-mission-card {
      position: relative;
      min-height: 340px;
      padding: 45px 40px;
      overflow: hidden;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
      transition: all .35s ease;
  }

  .fas-about-mission-card:hover {
      transform: translateY(-7px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0, 129, 221,0.1);
  }

  .fas-about-mission-card::after {
      content: "";
      position: absolute;
      width: 190px;
      height: 190px;
      right: -95px;
      bottom: -95px;
      border: 1px solid rgba(0, 129, 221,.15);
      border-radius: 50%;
  }

  .fas-about-card-number {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1.5px;
  }

  .fas-about-card-icon {
      width: 62px;
      height: 62px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 28px 0;
      color: #ffffff;
      background: var(--fas-blue);
      border-radius: 1rem;
      font-size: 18px;
      font-weight: 800;
      box-shadow: 0 4px 12px rgba(0, 129, 221,0.25);
  }

  .fas-about-mission-card h3 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: 26px !important;
      font-weight: 750 !important;
  }

  .fas-about-mission-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.85;
  }

  /* WHAT WE DO / EXPERTISE */
  .fas-about-services {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-about-services-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .fas-about-service-card {
      position: relative;
      min-height: 260px;
      padding: 32px 28px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      transition: all .35s ease;
  }

  .fas-about-service-card:hover {
      transform: translateY(-7px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0,0,0,0.06);
  }

  .fas-about-service-number {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1.5px;
  }

  .fas-about-service-card h3 {
      margin: 28px 0 13px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 750 !important;
  }

  .fas-about-service-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }

  .fas-about-service-line {
      position: absolute;
      left: 28px;
      bottom: 25px;
      width: 35px;
      height: 2px;
      background: var(--fas-blue);
      transition: width .3s ease;
  }

  .fas-about-service-card:hover .fas-about-service-line {
      width: 70px;
      background: var(--fas-green);
  }

  /* INDUSTRIES */
  .fas-about-industries {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-about-industry-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 55px;
  }

  .fas-about-industry {
      position: relative;
      min-height: 220px;
      display: flex;
      align-items: flex-end;
      padding: 28px;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }

  .fas-about-industry::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
          linear-gradient(
              0deg,
              rgba(15,23,42,.92) 0%,
              rgba(15,23,42,.35) 60%,
              rgba(15,23,42,.05) 100%
          );
  }

  .fas-about-industry-content {
      position: relative;
      z-index: 2;
  }

  .fas-about-industry-number {
      margin-bottom: 7px;
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1.5px;
  }

  .fas-about-industry h3 {
      margin: 0 !important;
      color: #ffffff !important;
      font-size: 24px !important;
      font-weight: 750 !important;
  }

  .fas-about-industry-oil { background-image: url("../images/project%20images/10.jpeg"); }
  .fas-about-industry-industrial { background-image: url("../images/project%20images/13.jpeg"); }
  .fas-about-industry-development { background-image: url("../images/project%20images/12.jpeg"); }
  .fas-about-industry-healthcare { background-image: url("../images/project%20images/7.jpeg"); }
  .fas-about-industry-power { background-image: url("../images/project%20images/9.jpeg"); }
  .fas-about-industry-government { background-image: url("../images/project%20images/8.jpeg"); }

  /* WHY FAS */
  .fas-about-why {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-about-why-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 80px;
      align-items: center;
  }

  .fas-about-why-intro p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.9;
  }

  .fas-about-why-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 15px;
  }

  .fas-about-why-item {
      padding: 27px 24px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-top: 3px solid var(--fas-blue);
      border-radius: 0.75rem;
  }

  .fas-about-why-item h3 {
      margin: 0 0 9px !important;
      color: var(--fas-heading) !important;
      font-size: 17px !important;
      font-weight: 700 !important;
  }

  .fas-about-why-item p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.7;
  }

  /* OUR APPROACH */
  .fas-about-approach {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-about-process {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
      margin-top: 60px;
  }

  .fas-about-process-step {
      position: relative;
      padding: 30px 18px;
      min-height: 190px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 0.75rem;
  }

  .fas-about-process-step::after {
      content: "→";
      position: absolute;
      top: 50%;
      right: -14px;
      transform: translateY(-50%);
      z-index: 5;
      color: var(--fas-blue);
      font-size: 20px;
      font-weight: 700;
  }

  .fas-about-process-step:last-child::after {
      display: none;
  }

  .fas-about-process-number {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-about-process-step h3 {
      margin: 27px 0 10px !important;
      color: var(--fas-heading) !important;
      font-size: 16px !important;
      font-weight: 750 !important;
  }

  .fas-about-process-step p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 11px;
      line-height: 1.65;
  }

  /* QUALITY / COMMITMENT */
  .fas-about-quality {
      padding: 100px 0;
      background: var(--fas-blue);
  }

  .fas-about-quality-grid {
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      gap: 60px;
      align-items: center;
  }

  .fas-about-quality h2 {
      margin: 0 !important;
      color: #ffffff !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      font-weight: 800 !important;
      line-height: 1.1 !important;
  }

  .fas-about-quality h2 span {
      color: #93c5fd !important;
  }

  .fas-about-quality p {
      margin: 0;
      color: rgba(255,255,255,.92);
      font-size: 16px;
      line-height: 1.9;
  }

  /* CTA */
  .fas-about-cta {
      padding: 110px 0;
      background: var(--fas-bg-light);
  }

  .fas-about-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 50px;
      padding: 65px;
      border: 2px solid var(--fas-blue);
      background: var(--fas-white);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0, 129, 221,0.08);
  }

  .fas-about-cta h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      font-weight: 800 !important;
      line-height: 1.08 !important;
  }

  .fas-about-cta h2 span {
      color: var(--fas-blue) !important;
  }

  .fas-about-cta p {
      max-width: 700px;
      margin: 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-about-cta .fas-about-btn {
      flex-shrink: 0;
      background: var(--fas-blue);
  }

  .fas-about-cta .fas-about-btn:hover {
      color: #ffffff !important;
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
  }

  @media (max-width: 1050px) {
      .fas-about-intro-grid, .fas-about-identity-grid, .fas-about-why-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-about-services-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-about-industry-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-about-process { grid-template-columns: repeat(3, 1fr); gap: 15px; }
      .fas-about-process-step::after { display: none; }
      .fas-about-quality-grid { grid-template-columns: 1fr; gap: 30px; }
  }

  @media (max-width: 650px) {
      .fas-about-container { width: 90%; }
      .fas-about-hero { min-height: 550px; }
      .fas-about-hero-content { padding: 60px 0; }
      .fas-about-hero h1 { font-size: 45px !important; letter-spacing: -2px; }
      .fas-about-hero-description { font-size: 15px; line-height: 1.75; }
      .fas-about-buttons { flex-direction: column; align-items: stretch; }
      .fas-about-btn { width: 100%; }
      .fas-about-intro, .fas-about-identity, .fas-about-mission, .fas-about-services, .fas-about-industries, .fas-about-why, .fas-about-approach, .fas-about-quality, .fas-about-cta { padding: 60px 0; }
      .fas-about-image { height: 350px; }
      .fas-about-image-wrapper { padding-right: 15px; padding-bottom: 15px; }
      .fas-about-identity-box { padding: 35px 25px; }
      .fas-about-mission-grid, .fas-about-services-grid, .fas-about-industry-grid, .fas-about-why-list, .fas-about-process, .fas-about-quality-grid { grid-template-columns: 1fr; }
      .fas-about-cta-inner { flex-direction: column; align-items: flex-start; padding: 35px 25px; }
      .fas-about-cta .fas-about-btn { width: 100%; }
  }

/* ==========================================================
   PAGE: clients.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL — OUR CLIENTS
     REDESIGNED WHITE THEME (BLUE, GREEN, RED BRAND PALETTE)
  ========================================================= */

  .fas-clients-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-green: #00a844;
      --fas-red: #dc2626;

      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      width: 100%;
      margin: 0;
      padding: 0;
      background: var(--fas-white);
      color: var(--fas-heading);
      overflow: hidden;
  }

  .fas-clients-page *,
  .fas-clients-page *::before,
  .fas-clients-page *::after {
      box-sizing: border-box;
  }

  .fas-clients-page img {
      display: block;
      max-width: 100%;
  }

  .fas-clients-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  .fas-clients-page h1,
  .fas-clients-page h2,
  .fas-clients-page h3,
  .fas-clients-page p {
      margin-top: 0;
  }

  /* COMMON LABEL */
  .fas-client-label {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
      color: var(--fas-blue) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2.2px;
      text-transform: uppercase;
  }

  .fas-client-label::before {
      content: "";
      width: 34px;
      height: 2px;
      background: var(--fas-blue);
  }

  .fas-client-title {
      margin: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(38px, 4.5vw, 62px) !important;
      font-weight: 800 !important;
      line-height: 1.05 !important;
      letter-spacing: -1.8px;
  }

  .fas-client-title span {
      color: var(--fas-blue) !important;
  }

  /* HERO */
  .fas-client-hero {
      position: relative;
      min-height: 680px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(
              90deg,
              rgba(255,255,255,.98) 0%,
              rgba(255,255,255,.93) 38%,
              rgba(255,255,255,.72) 68%,
              rgba(255,255,255,.42) 100%
          ),
          url("../images/project%20images/12.jpeg")
          center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-client-hero::before {
      content: "";
      position: absolute;
      width: 600px;
      height: 600px;
      right: -280px;
      top: -220px;
      border: 1px solid rgba(0, 129, 221,.15);
      border-radius: 50%;
  }

  .fas-client-hero::after {
      content: "";
      position: absolute;
      width: 330px;
      height: 330px;
      right: 70px;
      bottom: -230px;
      border: 1px solid rgba(0,168,68,.15);
      border-radius: 50%;
  }

  .fas-client-hero .fas-clients-container {
      position: relative;
      z-index: 2;
  }

  .fas-client-hero-content {
      max-width: 850px;
      padding: 110px 0;
  }

  .fas-client-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(50px, 7vw, 88px) !important;
      font-weight: 850 !important;
      line-height: .98 !important;
      letter-spacing: -3.5px;
  }

  .fas-client-hero h1 span {
      display: block;
      color: var(--fas-blue) !important;
  }

  .fas-client-hero-text {
      max-width: 760px;
      margin: 0 0 32px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-client-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
  }

  .fas-client-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: 0.75rem;
      border: 1px solid var(--fas-blue);
      color: #ffffff !important;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none !important;
      transition: all .3s ease;
  }

  .fas-client-btn-primary {
      background: var(--fas-blue);
      box-shadow: 0 4px 12px rgba(0, 129, 221, 0.25);
  }

  .fas-client-btn-primary:hover {
      color: #ffffff !important;
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
      transform: translateY(-2px);
  }

  .fas-client-btn-outline {
      background: transparent;
      color: var(--fas-blue) !important;
  }

  .fas-client-btn-outline:hover {
      background: #eff6ff;
      transform: translateY(-2px);
  }

  /* PARTNERSHIP */
  .fas-client-partnership {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-client-partnership-grid {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 80px;
      align-items: center;
  }

  .fas-client-partnership-content p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.9;
  }

  .fas-client-partnership-visual {
      position: relative;
      min-height: 440px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.5rem;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  }

  .fas-client-partnership-visual::before {
      content: "";
      position: absolute;
      width: 330px;
      height: 330px;
      border: 1px solid rgba(0, 129, 221,.2);
      border-radius: 50%;
  }

  .fas-client-partnership-visual::after {
      content: "";
      position: absolute;
      width: 190px;
      height: 190px;
      border: 2px solid rgba(0,168,68,.25);
      border-radius: 50%;
  }

  .fas-client-partner-word {
      position: relative;
      z-index: 2;
      color: var(--fas-heading);
      font-size: clamp(38px, 5vw, 65px);
      font-weight: 850;
      letter-spacing: -3px;
      text-align: center;
  }

  .fas-client-partner-word span {
      display: block;
      color: var(--fas-blue);
  }

  /* INDUSTRIES */
  .fas-client-industries {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-client-heading-center {
      max-width: 820px;
      margin: 0 auto 60px;
      text-align: center;
  }

  .fas-client-heading-center .fas-client-label {
      justify-content: center;
  }

  .fas-client-heading-center .fas-client-label::before {
      display: none;
  }

  .fas-client-heading-center p {
      max-width: 720px;
      margin: 20px auto 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-client-industry-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .fas-client-industry {
      position: relative;
      min-height: 270px;
      padding: 32px 28px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      transition: all .35s ease;
  }

  .fas-client-industry:hover {
      transform: translateY(-7px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0, 129, 221,0.08);
  }

  .fas-client-industry-number {
      position: absolute;
      top: 25px;
      right: 25px;
      color: rgba(0, 129, 221,.15);
      font-size: 55px;
      font-weight: 900;
      line-height: 1;
  }

  .fas-client-industry h3 {
      position: relative;
      z-index: 2;
      margin: 0 0 10px !important;
      color: var(--fas-heading) !important;
      font-size: 22px !important;
      font-weight: 750 !important;
  }

  .fas-client-industry p {
      position: relative;
      z-index: 2;
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }

  .fas-client-industry-line {
      width: 40px;
      height: 2px;
      margin-top: 22px;
      background: var(--fas-blue);
      transition: width .3s ease;
  }

  .fas-client-industry:hover .fas-client-industry-line {
      width: 80px;
      background: var(--fas-green);
  }

  /* CLIENT LOGOS */
  .fas-client-logos {
      padding: 115px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-client-logo-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 50px;
      margin-bottom: 55px;
  }

  .fas-client-logo-heading-text {
      max-width: 700px;
  }

  .fas-client-logo-heading-text p {
      margin: 18px 0 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }

  .fas-client-logo-note {
      max-width: 260px;
      padding: 18px 20px;
      background: #ffffff;
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-blue);
      border-radius: 0.75rem;
      color: var(--fas-muted);
      font-size: 11px;
      line-height: 1.7;
      box-shadow: 0 4px 12px rgba(0,0,0,0.02);
  }

  .fas-client-logo-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .fas-client-logo-card {
      min-height: 250px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 35px;
      background: #ffffff;
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
      transition: all .35s ease;
  }

  .fas-client-logo-card:hover {
      transform: translateY(-6px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 40px rgba(0, 129, 221,0.08);
  }

  .fas-client-logo-card img {
      width: auto;
      max-width: 85%;
      max-height: 145px;
      object-fit: contain;
  }

  /* VALUE CARDS */
  .fas-client-values {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-client-value-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
  }

  .fas-client-value {
      min-height: 290px;
      padding: 32px 27px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      transition: all .3s ease;
  }

  .fas-client-value:hover {
      transform: translateY(-6px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0,0,0,0.05);
  }

  .fas-client-value-number {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1.5px;
  }

  .fas-client-value h3 {
      margin: 35px 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 750 !important;
  }

  .fas-client-value p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }

  /* LONG-TERM PARTNERSHIP */
  .fas-client-relationship {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-client-relationship-box {
      position: relative;
      padding: 75px 70px;
      overflow: hidden;
      border: 2px solid var(--fas-blue);
      border-radius: 1.5rem;
      background: var(--fas-white);
      box-shadow: 0 10px 30px rgba(0, 129, 221,0.05);
  }

  .fas-client-relationship-box::after {
      content: "PARTNERS";
      position: absolute;
      right: -25px;
      bottom: -35px;
      color: rgba(0, 129, 221,.04);
      font-size: 100px;
      font-weight: 900;
      line-height: 1;
  }

  .fas-client-relationship-content {
      position: relative;
      z-index: 2;
      max-width: 800px;
  }

  .fas-client-relationship-content h2 {
      margin: 0 0 20px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(40px, 5vw, 65px) !important;
      font-weight: 850 !important;
      line-height: 1.02 !important;
      letter-spacing: -2px;
  }

  .fas-client-relationship-content h2 span {
      color: var(--fas-blue) !important;
  }

  .fas-client-relationship-content p {
      margin: 0 0 28px;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }

  .fas-client-process {
      display: flex;
      flex-wrap: wrap;
      gap: 0;
  }

  .fas-client-process-item {
      display: flex;
      align-items: center;
      gap: 12px;
      color: var(--fas-heading);
      font-size: 13px;
      font-weight: 800;
  }

  .fas-client-process-item:not(:last-child)::after {
      content: "→";
      margin: 0 18px;
      color: var(--fas-blue);
      font-size: 18px;
  }

  /* CTA */
  .fas-client-cta {
      padding: 110px 0;
      background: var(--fas-white);
  }

  .fas-client-cta-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 50px;
      padding: 65px;
      background: var(--fas-bg-light);
      border: 2px solid var(--fas-blue);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0, 129, 221,0.08);
  }

  .fas-client-cta-box h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px, 4vw, 55px) !important;
      font-weight: 800 !important;
      line-height: 1.08 !important;
  }

  .fas-client-cta-box h2 span {
      color: var(--fas-blue) !important;
  }

  .fas-client-cta-box p {
      max-width: 720px;
      margin: 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-client-cta-box .fas-client-btn {
      flex-shrink: 0;
      background: var(--fas-blue);
  }

  .fas-client-cta-box .fas-client-btn:hover {
      color: #ffffff !important;
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
  }

  @media (max-width: 1050px) {
      .fas-client-partnership-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-client-industry-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-client-value-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-client-logo-heading { align-items: start; flex-direction: column; }
      .fas-client-logo-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-client-cta-box { align-items: flex-start; flex-direction: column; }
  }

  @media (max-width: 650px) {
      .fas-clients-container { width: 90%; }
      .fas-client-hero { min-height: 550px; }
      .fas-client-hero-content { padding: 60px 0; }
      .fas-client-hero h1 { font-size: 45px !important; letter-spacing: -2px; }
      .fas-client-hero-text { font-size: 15px; line-height: 1.75; }
      .fas-client-buttons { flex-direction: column; align-items: stretch; }
      .fas-client-btn { width: 100%; }
      .fas-client-partnership, .fas-client-industries, .fas-client-logos, .fas-client-values, .fas-client-relationship, .fas-client-cta { padding: 60px 0; }
      .fas-client-partnership-visual { min-height: 300px; }
      .fas-client-partner-word { font-size: 42px; }
      .fas-client-industry-grid, .fas-client-logo-grid, .fas-client-value-grid { grid-template-columns: 1fr; }
      .fas-client-logo-card { min-height: 200px; }
      .fas-client-relationship-box { padding: 45px 28px; }
      .fas-client-relationship-content h2 { font-size: 40px !important; }
      .fas-client-process { flex-direction: column; gap: 15px; }
      .fas-client-process-item:not(:last-child)::after { display: none; }
      .fas-client-cta-box { padding: 40px 25px; }
      .fas-client-cta-box .fas-client-btn { width: 100%; }
  }

/* ==========================================================
   PAGE: contact-us.html
   ========================================================== */
  /* =========================================================
     FAS CONTACT PAGE — REDESIGNED WHITE THEME (BLUE, GREEN, RED)
     ========================================================= */

  .fas-contact-page{
      --fas-blue:#0081dd;
      --fas-blue-hover:#006ab5;
      --fas-green:#00a844;
      --fas-red:#dc2626;
      
      --fas-white:#ffffff;
      --fas-bg-light:#f8fafc;
      --fas-heading:#0f172a;
      --fas-text:#475569;
      --fas-muted:#64748b;
      --fas-border:#e2e8f0;

      width:100%;
      margin:0;
      padding:0;
      background:var(--fas-white);
      color:var(--fas-heading);
      overflow:hidden;
  }

  .fas-contact-page *,
  .fas-contact-page *::before,
  .fas-contact-page *::after{
      box-sizing:border-box;
  }

  .fas-contact-container{
      width:min(1200px,92%);
      margin:0 auto;
  }

  .fas-contact-page h1,
  .fas-contact-page h2,
  .fas-contact-page h3,
  .fas-contact-page p{
      margin-top:0;
  }

  .fas-contact-label{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:18px;
      color:var(--fas-blue) !important;
      font-size:12px;
      font-weight:800;
      letter-spacing:2.2px;
      text-transform:uppercase;
  }

  .fas-contact-label::before{
      content:"";
      width:34px;
      height:2px;
      background:var(--fas-blue);
  }

  .fas-contact-title{
      margin:0 !important;
      color:var(--fas-heading) !important;
      font-size:clamp(38px,4.5vw,62px) !important;
      font-weight:800 !important;
      line-height:1.05 !important;
      letter-spacing:-1.8px;
  }

  .fas-contact-title span{
      color:var(--fas-blue) !important;
  }

  /* HERO */
  .fas-contact-hero{
      position:relative;
      min-height:650px;
      display:flex;
      align-items:center;
      overflow:hidden;
      background:
          linear-gradient(
              90deg,
              rgba(255,255,255,.98),
              rgba(255,255,255,.82)
          ),
          url("../images/project%20images/12.jpeg")
          center/cover no-repeat;
      border-bottom:1px solid var(--fas-border);
  }

  .fas-contact-hero::before{
      content:"";
      position:absolute;
      width:620px;
      height:620px;
      right:-280px;
      top:-220px;
      border:1px solid rgba(0, 129, 221,.15);
      border-radius:50%;
  }

  .fas-contact-hero::after{
      content:"";
      position:absolute;
      width:350px;
      height:350px;
      left:-220px;
      bottom:-180px;
      border:1px solid rgba(0,168,68,.15);
      border-radius:50%;
  }

  .fas-contact-hero-content{
      position:relative;
      z-index:2;
      max-width:850px;
      padding:110px 0;
  }

  .fas-contact-hero h1{
      margin:0 0 25px !important;
      color:var(--fas-heading) !important;
      font-size:clamp(50px,7vw,88px) !important;
      font-weight:850 !important;
      line-height:.98 !important;
      letter-spacing:-3.5px;
  }

  .fas-contact-hero h1 span{
      display:block;
      color:var(--fas-blue) !important;
  }

  .fas-contact-hero-text{
      max-width:760px;
      margin:0 0 32px;
      color:var(--fas-text);
      font-size:18px;
      line-height:1.85;
  }

  .fas-contact-buttons{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
  }

  .fas-contact-btn{
      min-height:54px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0 28px;
      border-radius:0.75rem;
      border:1px solid var(--fas-blue);
      color:#ffffff !important;
      font-size:14px;
      font-weight:700;
      text-decoration:none !important;
      transition:.3s ease;
  }

  .fas-contact-btn-primary{
      background:var(--fas-blue);
      box-shadow:0 4px 12px rgba(0, 129, 221, 0.25);
  }

  .fas-contact-btn-primary:hover{
      background:var(--fas-blue-hover);
      color:#ffffff !important;
      border-color:var(--fas-blue-hover);
      transform:translateY(-2px);
  }

  .fas-contact-btn-outline{
      background:transparent;
      color:var(--fas-blue) !important;
  }

  .fas-contact-btn-outline:hover{
      background:#eff6ff;
      transform:translateY(-2px);
  }

  /* TALK TO EXPERT */
  .fas-contact-intro{
      padding:110px 0;
      background:var(--fas-bg-light);
      border-bottom:1px solid var(--fas-border);
  }

  .fas-contact-intro-grid{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:80px;
      align-items:center;
  }

  .fas-contact-intro-content p{
      color:var(--fas-text);
      font-size:15px;
      line-height:1.9;
      margin-bottom:20px;
  }

  /* EXPERT VISUAL */
  .fas-expert-visual{
      position:relative;
      min-height:420px;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:hidden;
      background:radial-gradient(circle, #f1f5f9, #ffffff 70%);
      border:1px solid var(--fas-border);
      border-radius:1.5rem;
      box-shadow:0 10px 30px rgba(0,0,0,0.04);
  }

  .fas-expert-grid{
      position:absolute;
      inset:0;
      opacity:.15;
      background-image:
          linear-gradient(rgba(0, 129, 221,.15) 1px, transparent 1px),
          linear-gradient(90deg, rgba(0, 129, 221,.15) 1px, transparent 1px);
      background-size:35px 35px;
      animation:fasGridMove 12s linear infinite;
  }

  @keyframes fasGridMove{
      to{ transform:translate(35px,35px); }
  }

  .fas-expert-ring{
      position:absolute;
      border-radius:50%;
      border:1px solid rgba(0, 129, 221,.2);
      animation:fasRing 3s ease-in-out infinite;
  }

  .fas-ring-one{ width:310px; height:310px; }
  .fas-ring-two{ width:235px; height:235px; border-color:rgba(0,168,68,.2); animation-delay:1s; }
  .fas-ring-three{ width:165px; height:165px; border-color:rgba(220,38,38,.2); animation-delay:2s; }

  @keyframes fasRing{
      50%{ transform:scale(1.05); opacity:1; }
  }

  .fas-expert-orbit{
      position:absolute;
      border-radius:50%;
      border:1px dashed rgba(0, 129, 221,.35);
      animation:fasOrbit 10s linear infinite;
  }

  .fas-orbit-one{ width:310px; height:170px; }
  .fas-orbit-two{ width:260px; height:145px; animation-duration:7s; animation-direction:reverse; }

  .fas-expert-orbit span{
      position:absolute;
      width:9px;
      height:9px;
      top:-4px;
      left:50%;
      border-radius:50%;
      background:var(--fas-blue);
      box-shadow:0 0 20px rgba(0, 129, 221,.8);
  }

  @keyframes fasOrbit{
      to{ transform:rotate(360deg); }
  }

  .fas-expert-center{
      position:relative;
      z-index:5;
      width:125px;
      height:125px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      background:var(--fas-white);
      border:2px solid var(--fas-blue);
      box-shadow:0 0 35px rgba(0, 129, 221,.15);
  }

  .fas-expert-center-small{ color:var(--fas-blue); font-size:10px; font-weight:800; letter-spacing:3px; }
  .fas-expert-center-main{ font-size:23px; font-weight:900; color:var(--fas-heading); }
  .fas-expert-center-line{ width:32px; height:2px; margin:6px 0; background:var(--fas-blue); }
  .fas-expert-center-sub{ color:var(--fas-muted); font-size:7px; font-weight:700; letter-spacing:1.5px; }

  .fas-expert-node{
      position:absolute;
      z-index:6;
      padding:8px 14px;
      background:rgba(255,255,255,.95);
      border:1px solid var(--fas-border);
      border-radius:9999px;
      color:var(--fas-heading);
      font-size:10px;
      font-weight:800;
      letter-spacing:1px;
      box-shadow:0 4px 12px rgba(0,0,0,0.06);
      animation:fasFloat 4s ease-in-out infinite;
  }

  .fas-expert-node span{ margin-right:5px; color:var(--fas-blue); }
  .fas-node-one{ top:55px; left:35px; }
  .fas-node-two{ top:55px; right:30px; animation-delay:1s; }
  .fas-node-three{ bottom:70px; left:30px; animation-delay:2s; }
  .fas-node-four{ bottom:70px; right:30px; animation-delay:3s; }

  @keyframes fasFloat{
      50%{ transform:translateY(-7px); }
  }

  .fas-expert-status{
      position:absolute;
      left:25px;
      bottom:22px;
      display:flex;
      gap:8px;
      align-items:center;
      color:var(--fas-muted);
      font-size:9px;
      font-weight:800;
      letter-spacing:1.5px;
  }

  .fas-expert-status i{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--fas-green);
      box-shadow:0 0 10px var(--fas-green);
  }

  /* CONTACT OPTIONS */
  .fas-contact-options{
      padding:110px 0;
      background:var(--fas-white);
      border-bottom:1px solid var(--fas-border);
  }

  .fas-contact-heading{
      max-width:820px;
      margin:0 auto 60px;
      text-align:center;
  }

  .fas-contact-heading .fas-contact-label{ justify-content:center; }
  .fas-contact-heading .fas-contact-label::before{ display:none; }
  .fas-contact-heading p{ max-width:700px; margin:20px auto 0; color:var(--fas-muted); font-size:15px; line-height:1.8; }

  .fas-contact-option-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
  }

  .fas-contact-option{
      min-height:250px;
      padding:32px 27px;
      background:var(--fas-bg-light);
      border:1px solid var(--fas-border);
      border-radius:1rem;
      transition:.35s;
  }

  .fas-contact-option:hover{
      transform:translateY(-7px);
      border-color:var(--fas-blue);
      box-shadow:0 15px 30px rgba(0, 129, 221,0.1);
  }

  .fas-contact-option-number{ color:var(--fas-blue); font-size:11px; font-weight:800; letter-spacing:2px; }
  .fas-contact-option h3{ margin:32px 0 12px !important; color:var(--fas-heading) !important; font-size:19px !important; font-weight:750 !important; }
  .fas-contact-option p{ margin:0; color:var(--fas-muted); font-size:13px; line-height:1.75; }
  .fas-contact-option-line{ width:40px; height:2px; margin-top:25px; background:var(--fas-blue); }

  /* FORM */
  .fas-contact-main{
      padding:110px 0;
      background:var(--fas-bg-light);
      border-bottom:1px solid var(--fas-border);
  }

  .fas-contact-form-box{
      padding:50px;
      background:var(--fas-white);
      border:1px solid var(--fas-border);
      border-radius:1.5rem;
      box-shadow:0 10px 30px rgba(0,0,0,0.05);
  }

  .fas-contact-form-box h2{ margin:0 0 12px !important; color:var(--fas-heading) !important; font-size:34px !important; font-weight:800 !important; }
  .fas-contact-form-box h2 span{ color:var(--fas-blue) !important; }
  .fas-contact-form-box > p{ margin:0 0 35px; color:var(--fas-muted); font-size:14px; }

  .fas-contact-form{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px;
  }

  .fas-contact-field{ display:flex; flex-direction:column; gap:8px; }
  .fas-contact-field-full{ grid-column:1/-1; }
  .fas-contact-field label{ color:var(--fas-heading); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }

  .fas-contact-field input,
  .fas-contact-field select,
  .fas-contact-field textarea{
      width:100%;
      border:1px solid var(--fas-border) !important;
      border-radius:0.75rem !important;
      background:var(--fas-bg-light) !important;
      color:var(--fas-heading) !important;
      padding:15px 16px;
      font-size:14px;
      outline:none;
      transition:border-color 0.3s ease;
  }

  .fas-contact-field input,
  .fas-contact-field select{ height:52px; }
  .fas-contact-field textarea{ min-height:145px; resize:vertical; }

  .fas-contact-field input:focus,
  .fas-contact-field select:focus,
  .fas-contact-field textarea:focus{
      border-color:var(--fas-blue) !important;
      background:#ffffff !important;
  }

  .fas-contact-submit{
      grid-column:1/-1;
      min-height:54px;
      border:1px solid var(--fas-blue);
      background:var(--fas-blue);
      color:#ffffff;
      font-weight:800;
      border-radius:0.75rem;
      cursor:pointer;
      transition:.3s;
      box-shadow:0 4px 12px rgba(0, 129, 221, 0.25);
  }

  .fas-contact-submit:hover{
      background:var(--fas-blue-hover);
      color:#ffffff;
      transform:translateY(-2px);
  }

  /* GLOBAL OFFICES */
  .fas-global-offices{
      padding:110px 0;
      background:var(--fas-white);
      color:var(--fas-heading);
      border-bottom:1px solid var(--fas-border);
  }

  .fas-office-region{ margin-bottom:70px; }
  .fas-office-region:last-child{ margin-bottom:0; }

  .fas-region-title{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:28px;
      color:var(--fas-heading);
      font-size:13px;
      font-weight:800;
      letter-spacing:2px;
      text-transform:uppercase;
  }

  .fas-region-title span{ width:35px; height:2px; background:var(--fas-blue); }

  .fas-office-grid{ display:grid; gap:20px; }
  .pakistan-offices{ grid-template-columns:1.3fr 1fr 1fr; }
  .international-offices{ grid-template-columns:repeat(3,1fr); }

  .fas-office-card{
      position:relative;
      min-height:310px;
      padding:30px;
      background:var(--fas-bg-light);
      border:1px solid var(--fas-border);
      border-radius:1.25rem;
      overflow:hidden;
      transition:.35s;
  }

  .fas-office-card:hover{
      transform:translateY(-7px);
      border-color:var(--fas-blue);
      box-shadow:0 15px 30px rgba(0,0,0,0.06);
  }

  .fas-office-primary{
      border-color:rgba(0, 129, 221,.45);
      background:linear-gradient(145deg, #eff6ff, #f8fafc);
  }

  .fas-office-top{ display:flex; justify-space-between; margin-bottom:35px; }
  .fas-office-number{ color:var(--fas-blue); font-size:12px; font-weight:900; letter-spacing:2px; }
  .fas-office-status{ padding:6px 10px; border:1px solid rgba(0, 129, 221,.35); color:var(--fas-blue); font-size:9px; font-weight:800; letter-spacing:1.5px; border-radius:9999px; }

  .fas-office-card h3{ margin:0 0 14px !important; color:var(--fas-heading) !important; font-size:25px !important; font-weight:800 !important; }
  .fas-office-label{ margin-bottom:12px; color:var(--fas-blue); font-size:9px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
  .fas-office-address{ color:var(--fas-text); font-size:13px; line-height:1.8; }
  .fas-office-address a{ color:var(--fas-text) !important; text-decoration:none !important; }
  .fas-office-address a:hover{ color:var(--fas-blue) !important; }
  .fas-map-link{ display:block; margin-top:15px; color:var(--fas-blue) !important; font-size:11px; font-weight:800; }

  .fas-office-contact{
      display:flex;
      flex-direction:column;
      gap:7px;
      margin-top:22px;
      padding-top:18px;
      border-top:1px solid var(--fas-border);
  }

  .fas-office-contact a,
  .fas-office-contact span{ color:var(--fas-heading) !important; font-size:12px; font-weight:600; text-decoration:none !important; }
  .fas-office-contact a:hover{ color:var(--fas-blue) !important; }

  /* WHY CONTACT FAS */
  .fas-contact-why{ padding:110px 0; background:var(--fas-bg-light); border-bottom:1px solid var(--fas-border); }
  .fas-contact-why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

  .fas-contact-why-card{
      min-height:280px;
      padding:35px 30px;
      background:var(--fas-white);
      border:1px solid var(--fas-border);
      border-radius:1rem;
  }

  .fas-contact-why-number{ color:var(--fas-blue); font-size:45px; font-weight:900; opacity:0.8; }
  .fas-contact-why-card h3{ margin:30px 0 12px !important; color:var(--fas-heading) !important; font-size:21px !important; font-weight:750 !important; }
  .fas-contact-why-card p{ color:var(--fas-muted); font-size:13px; line-height:1.75; }

  /* FINAL CTA */
  .fas-contact-cta{ padding:110px 0; background:var(--fas-white); }
  .fas-contact-cta-box{
      padding:75px;
      background:var(--fas-bg-light);
      border:2px solid var(--fas-blue);
      border-radius:1.5rem;
      box-shadow:0 20px 40px rgba(0, 129, 221,0.08);
  }

  .fas-contact-cta-box h2{ margin:0 0 18px !important; color:var(--fas-heading) !important; font-size:clamp(38px,5vw,65px) !important; line-height:1.03 !important; font-weight:800 !important; }
  .fas-contact-cta-box h2 span{ color:var(--fas-blue) !important; }
  .fas-contact-cta-box p{ color:var(--fas-text); font-size:15px; line-height:1.8; margin-bottom:25px; }

  @media(max-width:1050px){
      .fas-contact-intro-grid{ grid-template-columns:1fr; }
      .fas-contact-option-grid{ grid-template-columns:repeat(2,1fr); }
      .pakistan-offices{ grid-template-columns:1fr 1fr; }
      .fas-office-primary{ grid-column:1/-1; }
      .international-offices{ grid-template-columns:repeat(2,1fr); }
      .fas-contact-why-grid{ grid-template-columns:repeat(2,1fr); }
  }

  @media(max-width:650px){
      .fas-contact-container{ width:90%; }
      .fas-contact-hero{ min-height:550px; }
      .fas-contact-hero-content{ padding:60px 0; }
      .fas-contact-hero h1{ font-size:45px !important; }
      .fas-contact-hero-text{ font-size:15px; }
      .fas-contact-buttons{ flex-direction:column; }
      .fas-contact-btn{ width:100%; }
      .fas-contact-intro, .fas-contact-options, .fas-contact-main, .fas-contact-why, .fas-contact-cta, .fas-global-offices{ padding:60px 0; }
      .fas-expert-visual{ min-height:350px; }
      .fas-ring-one{ width:260px; height:260px; }
      .fas-ring-two{ width:200px; height:200px; }
      .fas-ring-three{ width:140px; height:140px; }
      .fas-expert-center{ width:110px; height:110px; }
      .fas-contact-option-grid, .fas-contact-why-grid, .pakistan-offices, .international-offices{ grid-template-columns:1fr; }
      .fas-office-primary{ grid-column:auto; }
      .fas-office-card{ min-height:auto; padding:27px; }
      .fas-contact-form-box{ padding:30px 22px; }
      .fas-contact-form{ grid-template-columns:1fr; }
      .fas-contact-field-full, .fas-contact-submit{ grid-column:auto; }
      .fas-contact-cta-box{ padding:45px 28px; }
  }

/* ==========================================================
   PAGE: corporate-policies.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL — CORPORATE POLICIES
     REDESIGNED WHITE THEME (BLUE, GREEN, RED BRAND PALETTE)
  ========================================================= */

  .fas-policy-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-green: #00a844;
      --fas-red: #dc2626;

      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      width: 100%;
      margin: 0;
      padding: 0;
      background: var(--fas-white);
      color: var(--fas-heading);
      overflow: hidden;
  }

  .fas-policy-page *,
  .fas-policy-page *::before,
  .fas-policy-page *::after {
      box-sizing: border-box;
  }

  .fas-policy-page h1,
  .fas-policy-page h2,
  .fas-policy-page h3,
  .fas-policy-page p {
      margin-top: 0;
  }

  .fas-policy-page img {
      max-width: 100%;
      display: block;
  }

  .fas-policy-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* LABEL */
  .fas-policy-label {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
      color: var(--fas-blue) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2.2px;
      text-transform: uppercase;
  }

  .fas-policy-label::before {
      content: "";
      width: 34px;
      height: 2px;
      background: var(--fas-blue);
  }

  /* MAIN TITLES */
  .fas-policy-title {
      margin: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(38px, 4.5vw, 62px) !important;
      font-weight: 800 !important;
      line-height: 1.05 !important;
      letter-spacing: -1.8px;
  }

  .fas-policy-title span {
      color: var(--fas-blue) !important;
  }

  /* HERO */
  .fas-policy-hero {
      position: relative;
      min-height: 650px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(
              90deg,
              rgba(255,255,255,.98) 0%,
              rgba(255,255,255,.93) 40%,
              rgba(255,255,255,.68) 72%,
              rgba(255,255,255,.42) 100%
          ),
          url("../images/project%20images/1.jpeg")
          center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-policy-hero::before {
      content: "";
      position: absolute;
      width: 600px;
      height: 600px;
      right: -260px;
      top: -220px;
      border: 1px solid rgba(0, 129, 221,.15);
      border-radius: 50%;
  }

  .fas-policy-hero::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      right: 120px;
      bottom: -200px;
      border: 1px solid rgba(0,168,68,.15);
      border-radius: 50%;
  }

  .fas-policy-hero .fas-policy-container {
      position: relative;
      z-index: 2;
  }

  .fas-policy-hero-content {
      max-width: 850px;
      padding: 110px 0;
  }

  .fas-policy-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(50px, 7vw, 88px) !important;
      font-weight: 850 !important;
      line-height: .98 !important;
      letter-spacing: -3.5px;
  }

  .fas-policy-hero h1 span {
      display: block;
      color: var(--fas-blue) !important;
  }

  .fas-policy-hero-text {
      max-width: 760px;
      margin: 0 0 32px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-policy-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
  }

  .fas-policy-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: 0.75rem;
      border: 1px solid var(--fas-blue);
      color: #ffffff !important;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none !important;
      transition: all .3s ease;
  }

  .fas-policy-btn-primary {
      background: var(--fas-blue);
      box-shadow: 0 4px 12px rgba(0, 129, 221, 0.25);
  }

  .fas-policy-btn-primary:hover {
      background: var(--fas-blue-hover);
      color: #ffffff !important;
      border-color: var(--fas-blue-hover);
      transform: translateY(-2px);
  }

  .fas-policy-btn-outline {
      background: transparent;
      color: var(--fas-blue) !important;
  }

  .fas-policy-btn-outline:hover {
      background: #eff6ff;
      transform: translateY(-2px);
  }

  /* CERTIFICATION SECTION */
  .fas-policy-certifications {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-policy-heading {
      max-width: 820px;
      margin: 0 auto 60px;
      text-align: center;
  }

  .fas-policy-heading .fas-policy-label {
      justify-content: center;
  }

  .fas-policy-heading .fas-policy-label::before {
      display: none;
  }

  .fas-policy-heading p {
      max-width: 700px;
      margin: 20px auto 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-policy-cert-grid {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 20px;
  }

  .fas-policy-cert-card {
      position: relative;
      min-height: 360px;
      padding: 38px 30px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
      transition: all .35s ease;
      overflow: hidden;
  }

  .fas-policy-cert-card:hover {
      transform: translateY(-7px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0, 129, 221,0.1);
  }

  .fas-policy-cert-number {
      color: rgba(0, 129, 221,.15);
      font-size: 65px;
      font-weight: 900;
      line-height: 1;
  }

  .fas-policy-cert-card h3 {
      margin: 40px 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 24px !important;
      font-weight: 800 !important;
  }

  .fas-policy-cert-card p {
      margin: 0 0 25px;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }

  .fas-policy-cert-line {
      width: 45px;
      height: 2px;
      background: var(--fas-blue);
      transition: width .3s ease;
  }

  .fas-policy-cert-card:hover .fas-policy-cert-line {
      width: 90px;
      background: var(--fas-green);
  }

  .fas-policy-download {
      display: inline-flex;
      margin-top: 25px;
      color: var(--fas-blue) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1px;
      text-decoration: none !important;
      text-transform: uppercase;
  }

  .fas-policy-download:hover {
      color: var(--fas-blue-hover) !important;
  }

  /* COMMITMENT SECTION */
  .fas-policy-commitment {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-policy-commitment-grid {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 80px;
      align-items: center;
  }

  .fas-policy-commitment-text p {
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.9;
  }

  .fas-policy-commitment-visual {
      position: relative;
      min-height: 430px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.5rem;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  }

  .fas-policy-commitment-visual::before {
      content: "";
      position: absolute;
      width: 340px;
      height: 340px;
      border: 1px solid rgba(0, 129, 221,.2);
      border-radius: 50%;
  }

  .fas-policy-commitment-visual::after {
      content: "";
      position: absolute;
      width: 200px;
      height: 200px;
      border: 2px solid rgba(0,168,68,.25);
      border-radius: 50%;
  }

  .fas-policy-commitment-word {
      position: relative;
      z-index: 2;
      color: var(--fas-heading);
      font-size: clamp(38px,5vw,68px);
      font-weight: 850;
      letter-spacing: -3px;
      text-align: center;
  }

  .fas-policy-commitment-word span {
      display: block;
      color: var(--fas-blue);
  }

  /* POLICY CARDS */
  .fas-policy-details {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-policy-detail-grid {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 20px;
  }

  .fas-policy-detail-card {
      padding: 45px 40px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
      transition: all .3s ease;
  }

  .fas-policy-detail-card:hover {
      transform: translateY(-5px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0, 129, 221,0.08);
  }

  .fas-policy-detail-top {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 28px;
  }

  .fas-policy-detail-icon {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--fas-blue);
      color: #ffffff;
      font-size: 18px;
      font-weight: 900;
      border-radius: 0.75rem;
  }

  .fas-policy-detail-card h3 {
      margin: 0 !important;
      color: var(--fas-heading) !important;
      font-size: 24px !important;
      font-weight: 750 !important;
  }

  .fas-policy-detail-card p {
      color: var(--fas-text);
      font-size: 14px;
      line-height: 1.85;
  }

  .fas-policy-list {
      margin: 25px 0 0;
      padding: 0;
      list-style: none;
  }

  .fas-policy-list li {
      position: relative;
      padding: 12px 0 12px 28px;
      border-bottom: 1px solid var(--fas-border);
      color: var(--fas-text);
      font-size: 13px;
      line-height: 1.6;
  }

  .fas-policy-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: var(--fas-green);
      font-weight: 800;
  }

  /* VISION / MISSION */
  .fas-policy-direction {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-policy-direction-grid {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 20px;
  }

  .fas-policy-direction-card {
      position: relative;
      min-height: 400px;
      padding: 45px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      overflow: hidden;
  }

  .fas-policy-direction-card::after {
      content: "";
      position: absolute;
      right: -70px;
      bottom: -80px;
      width: 240px;
      height: 240px;
      border: 1px solid rgba(0, 129, 221,.15);
      border-radius: 50%;
  }

  .fas-policy-direction-card h3 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: 30px !important;
      font-weight: 800 !important;
  }

  .fas-policy-direction-card h3 span {
      color: var(--fas-blue);
  }

  .fas-policy-direction-card p {
      position: relative;
      z-index: 2;
      margin: 0;
      color: var(--fas-text);
      font-size: 14px;
      line-height: 1.9;
  }

  /* VALUES */
  .fas-policy-values {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-policy-values-grid {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 20px;
  }

  .fas-policy-value {
      min-height: 220px;
      padding: 32px 28px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      transition: all .3s ease;
  }

  .fas-policy-value:hover {
      transform: translateY(-6px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0,0,0,0.06);
  }

  .fas-policy-value-number {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 2px;
  }

  .fas-policy-value h3 {
      margin: 30px 0 10px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 750 !important;
  }

  .fas-policy-value p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }

  /* CTA */
  .fas-policy-cta {
      padding: 110px 0;
      background: var(--fas-white);
  }

  .fas-policy-cta-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 50px;
      padding: 65px;
      background: var(--fas-bg-light);
      border: 2px solid var(--fas-blue);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0, 129, 221,0.08);
  }

  .fas-policy-cta-box h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px,4vw,55px) !important;
      font-weight: 800 !important;
      line-height: 1.08 !important;
  }

  .fas-policy-cta-box h2 span {
      color: var(--fas-blue);
  }

  .fas-policy-cta-box p {
      max-width: 720px;
      margin: 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-policy-cta-box .fas-policy-btn {
      flex-shrink: 0;
      background: var(--fas-blue);
  }

  .fas-policy-cta-box .fas-policy-btn:hover {
      background: var(--fas-blue-hover);
      color: #ffffff !important;
      border-color: var(--fas-blue-hover);
  }

  @media (max-width:1050px) {
      .fas-policy-commitment-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-policy-cert-grid { grid-template-columns: repeat(2,1fr); }
      .fas-policy-values-grid { grid-template-columns: repeat(2,1fr); }
      .fas-policy-cta-box { align-items: flex-start; flex-direction: column; }
  }

  @media (max-width:650px) {
      .fas-policy-container { width: 90%; }
      .fas-policy-hero { min-height: 550px; }
      .fas-policy-hero-content { padding: 60px 0; }
      .fas-policy-hero h1 { font-size: 45px !important; letter-spacing: -2px; }
      .fas-policy-hero-text { font-size: 15px; line-height: 1.75; }
      .fas-policy-buttons { flex-direction: column; align-items: stretch; }
      .fas-policy-btn { width: 100%; }
      .fas-policy-certifications, .fas-policy-commitment, .fas-policy-details, .fas-policy-direction, .fas-policy-values, .fas-policy-cta { padding: 60px 0; }
      .fas-policy-cert-grid, .fas-policy-detail-grid, .fas-policy-direction-grid, .fas-policy-values-grid { grid-template-columns: 1fr; }
      .fas-policy-commitment-visual { min-height: 300px; }
      .fas-policy-commitment-word { font-size: 42px; }
      .fas-policy-detail-card, .fas-policy-direction-card, .fas-policy-cta-box { padding: 35px 25px; }
      .fas-policy-cta-box .fas-policy-btn { width: 100%; }
  }

/* ==========================================================
   PAGE: our-history.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL — OUR HISTORY PAGE
     White / Light Theme  —  Scoped to .fas-history-page
     Brand colours: Blue #0081dd · Green #00a844 · Red #dc2626
  ========================================================= */

  .fas-history-page {
      --blue:    #0081dd;
      --blue-h:  #006ab5;
      --blue-s:  rgba(0,129,221,.20);
      --green:   #00a844;
      --red:     #dc2626;
      --heading: #0f172a;
      --text:    #475569;
      --muted:   #64748b;
      --border:  #e2e8f0;
      --bg:      #f8fafc;
      --white:   #ffffff;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--heading);
      background: var(--white);
      overflow-x: hidden;
  }

  .fas-history-page *, .fas-history-page *::before, .fas-history-page *::after { box-sizing: border-box; }
  .fas-history-page a  { text-decoration: none; }
  .fas-history-page img { display: block; max-width: 100%; }

  /* CONTAINER */
  .fah-container { width: min(1200px, 92%); margin: 0 auto; }

  /* LABEL */
  .fah-label {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--blue);
  }
  .fah-label::before {
      content: "";
      width: 30px; height: 2px;
      flex: 0 0 30px;
      background: currentColor;
  }

  /* TITLE */
  .fah-title {
      margin: 0 !important; padding: 0 !important;
      color: var(--heading) !important;
      font-size: clamp(34px, 4vw, 56px) !important;
      font-weight: 800 !important;
      line-height: 1.08 !important;
      letter-spacing: -1.5px;
  }
  .fah-title span { color: var(--blue); }


  /* =========================================================
     HERO
  ========================================================= */

  .fah-hero {
      position: relative;
      min-height: 600px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(100deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 50%, rgba(255,255,255,.78) 100%),
          url("../images/project%20images/9.jpeg")
          center / cover no-repeat;
      border-bottom: 1px solid var(--border);
  }

  .fah-hero::before {
      content: "";
      position: absolute;
      width: 660px; height: 660px;
      right: -280px; top: -240px;
      border: 1px solid rgba(0,129,221,.12);
      border-radius: 50%;
      pointer-events: none;
  }

  .fah-hero::after {
      content: "";
      position: absolute;
      width: 380px; height: 380px;
      right: -140px; bottom: -200px;
      border: 1px solid rgba(0,168,68,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fah-hero-inner {
      position: relative;
      z-index: 2;
      padding: 110px 0;
      max-width: 780px;
  }

  .fah-breadcrumb {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 22px;
      font-size: 13px;
      color: var(--muted);
      font-weight: 600;
  }
  .fah-breadcrumb a { color: var(--blue); }
  .fah-breadcrumb a:hover { text-decoration: underline; }

  .fah-hero h1 {
      margin: 0 0 24px !important;
      color: var(--heading) !important;
      font-size: clamp(46px, 7vw, 86px) !important;
      line-height: .97 !important;
      font-weight: 900 !important;
      letter-spacing: -3px;
  }
  .fah-hero h1 span { color: var(--blue); }

  .fah-hero-desc {
      max-width: 680px;
      color: var(--text);
      font-size: 18px;
      line-height: 1.85;
      margin: 0;
  }


  /* =========================================================
     STATS STRIP
  ========================================================= */

  .fah-stats {
      padding: 52px 0;
      background: var(--heading);
      border-bottom: 3px solid var(--blue);
  }

  .fah-stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      text-align: center;
  }

  .fah-stat strong {
      display: block;
      font-size: clamp(34px, 3.5vw, 50px);
      font-weight: 900;
      color: #fff;
      letter-spacing: -1px;
      line-height: 1;
  }
  .fah-stat strong em { font-style: normal; color: var(--blue); }

  .fah-stat span {
      display: block;
      margin-top: 8px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .5px;
      text-transform: uppercase;
      color: rgba(255,255,255,.55);
  }


  /* =========================================================
     INTRO
  ========================================================= */

  .fah-intro {
      padding: 100px 0;
      background: var(--bg);
      border-bottom: 1px solid var(--border);
  }

  .fah-intro-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fah-intro-text p {
      margin: 0 0 20px;
      color: var(--text);
      font-size: 16px;
      line-height: 1.85;
  }
  .fah-intro-text p:last-child { margin-bottom: 0; }

  .fah-intro-highlight {
      position: relative;
      padding: 32px 35px;
      background: var(--white);
      border: 1px solid var(--border);
      border-left: 4px solid var(--blue);
      border-radius: .75rem;
      box-shadow: 0 4px 16px rgba(0,0,0,.04);
  }

  .fah-intro-highlight h3 {
      margin: 0 0 12px !important;
      color: var(--heading) !important;
      font-size: 20px !important;
      font-weight: 800 !important;
  }

  .fah-intro-highlight p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.8;
  }

  /* Founded year badge */
  .fah-founded {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 28px;
      padding: 14px 22px;
      background: var(--blue);
      border-radius: .875rem;
      box-shadow: 0 6px 20px var(--blue-s);
  }

  .fah-founded-year {
      font-size: 30px;
      font-weight: 900;
      color: #fff;
      letter-spacing: -1px;
  }

  .fah-founded-text {
      font-size: 12px;
      font-weight: 700;
      color: rgba(255,255,255,.80);
      letter-spacing: 1px;
      text-transform: uppercase;
      line-height: 1.4;
  }


  /* =========================================================
     TIMELINE
  ========================================================= */

  .fah-timeline-section {
      padding: 110px 0;
      background: var(--white);
      border-bottom: 1px solid var(--border);
  }

  .fah-timeline-heading {
      text-align: center;
      max-width: 750px;
      margin: 0 auto 80px;
  }

  .fah-timeline-heading .fah-label { justify-content: center; }
  .fah-timeline-heading .fah-label::before { display: none; }

  .fah-timeline-heading p {
      margin: 20px 0 0;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.8;
  }

  /* Timeline wrapper */
  .fah-timeline {
      position: relative;
      max-width: 900px;
      margin: 0 auto;
  }

  /* Vertical centre line */
  .fah-timeline::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0; bottom: 0;
      width: 2px;
      background: linear-gradient(to bottom, var(--blue), var(--green), var(--red), var(--blue));
      transform: translateX(-50%);
  }

  /* Each milestone row */
  .fah-milestone {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 60px 1fr;
      gap: 0;
      margin-bottom: 48px;
      align-items: start;
  }

  .fah-milestone:last-child { margin-bottom: 0; }

  /* Year bubble (always on the line) */
  .fah-milestone-year {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 60px; height: 60px;
      border-radius: 50%;
      font-size: 13px;
      font-weight: 900;
      color: #fff;
      box-shadow: 0 4px 14px rgba(0,0,0,.18);
      flex-shrink: 0;
      align-self: flex-start;
      margin-top: 8px;
  }

  /* Alternate: left card / right empty, right card / left empty */
  .fah-milestone:nth-child(odd) .fah-card-left    { grid-column: 1; }
  .fah-milestone:nth-child(odd) .fah-card-right   { grid-column: 3; visibility: hidden; }
  .fah-milestone:nth-child(even) .fah-card-left   { grid-column: 1; visibility: hidden; }
  .fah-milestone:nth-child(even) .fah-card-right  { grid-column: 3; }

  /* The card */
  .fah-milestone-card {
      padding: 26px 28px;
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 14px rgba(0,0,0,.04);
      transition: transform .3s ease, box-shadow .3s ease;
      position: relative;
  }

  .fah-milestone-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 32px rgba(0,0,0,.09);
  }

  /* Year label inside card */
  .fah-milestone-card-year {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 10px;
  }

  .fah-milestone-card h3 {
      margin: 0 0 10px !important;
      color: var(--heading) !important;
      font-size: 18px !important;
      font-weight: 800 !important;
      line-height: 1.25 !important;
  }

  .fah-milestone-card p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.75;
  }

  /* colour coded top border per milestone */
  .fah-m-blue  { border-top: 3px solid var(--blue);  }
  .fah-m-green { border-top: 3px solid var(--green); }
  .fah-m-red   { border-top: 3px solid var(--red);   }

  .fah-year-blue  { background: var(--blue);  }
  .fah-year-green { background: var(--green); }
  .fah-year-red   { background: var(--red);   }

  .fah-year-blue  .fah-milestone-card-year { color: var(--blue); }
  .fah-year-green .fah-milestone-card-year { color: var(--green); }
  .fah-year-red   .fah-milestone-card-year { color: var(--red); }


  /* =========================================================
     AFFILIATIONS
  ========================================================= */

  .fah-affiliations {
      padding: 100px 0;
      background: var(--bg);
      border-bottom: 1px solid var(--border);
  }

  .fah-aff-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fah-aff-text p {
      margin: 22px 0 0;
      color: var(--text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fah-aff-badges {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      margin-top: 35px;
  }

  .fah-aff-badge {
      padding: 24px 22px;
      background: var(--white);
      border: 1px solid var(--border);
      border-top: 3px solid var(--blue);
      border-radius: 0 0 1rem 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      text-align: center;
      transition: all .3s ease;
  }

  .fah-aff-badge:hover {
      transform: translateY(-5px);
      box-shadow: 0 14px 28px rgba(0,0,0,.08);
      border-color: var(--blue);
  }

  .fah-aff-badge strong {
      display: block;
      font-size: 22px;
      font-weight: 900;
      color: var(--blue);
      letter-spacing: -0.5px;
      margin-bottom: 6px;
  }

  .fah-aff-badge span {
      font-size: 12px;
      color: var(--muted);
      font-weight: 600;
      line-height: 1.4;
      display: block;
  }

  .fah-standards {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 35px;
  }

  .fah-standard-tag {
      padding: 10px 18px;
      background: var(--white);
      border: 1.5px solid var(--blue);
      border-radius: 20px;
      font-size: 13px;
      font-weight: 700;
      color: var(--blue);
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fah-cta {
      padding: 100px 0;
      background: var(--white);
  }

  .fah-cta-inner {
      position: relative;
      overflow: hidden;
      padding: 70px 60px;
      background: var(--heading);
      border-radius: 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
  }

  .fah-cta-inner::before {
      content: "";
      position: absolute;
      width: 500px; height: 500px;
      right: -200px; top: -200px;
      border: 1px solid rgba(0,129,221,.22);
      border-radius: 50%;
      pointer-events: none;
  }

  .fah-cta-inner::after {
      content: "";
      position: absolute;
      width: 300px; height: 300px;
      left: -100px; bottom: -100px;
      border: 1px solid rgba(0,168,68,.18);
      border-radius: 50%;
      pointer-events: none;
  }

  .fah-cta-text { position: relative; z-index: 2; }

  .fah-cta-text h2 {
      margin: 0 0 16px !important;
      color: #fff !important;
      font-size: clamp(30px, 4vw, 50px) !important;
      font-weight: 800 !important;
      line-height: 1.1 !important;
  }
  .fah-cta-text h2 span { color: var(--blue); }

  .fah-cta-text p {
      margin: 0;
      color: rgba(255,255,255,.72);
      font-size: 16px;
      line-height: 1.75;
      max-width: 580px;
  }

  .fah-cta-actions {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 12px;
      flex-shrink: 0;
  }

  .fah-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: .875rem;
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
      white-space: nowrap;
  }

  .fah-btn-primary {
      background: var(--blue);
      color: #fff !important;
      box-shadow: 0 4px 16px var(--blue-s);
  }

  .fah-btn-primary:hover {
      background: var(--blue-h);
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(0,129,221,.45);
  }

  .fah-btn-outline {
      background: transparent;
      color: rgba(255,255,255,.88) !important;
      border: 1px solid rgba(255,255,255,.28);
  }

  .fah-btn-outline:hover {
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.55);
      transform: translateY(-3px);
  }


  /* =========================================================
     RESPONSIVE
  ========================================================= */

  @media (max-width: 900px) {
      /* collapse timeline to single column */
      .fah-timeline::before { left: 28px; }

      .fah-milestone {
          grid-template-columns: 60px 1fr;
          gap: 16px;
      }

      .fah-milestone-year { grid-column: 1 !important; }

      .fah-milestone:nth-child(odd)  .fah-card-left,
      .fah-milestone:nth-child(even) .fah-card-left  { display: none; }
      .fah-milestone:nth-child(odd)  .fah-card-right,
      .fah-milestone:nth-child(even) .fah-card-right {
          grid-column: 2 !important;
          visibility: visible !important;
      }

      .fah-intro-grid, .fah-aff-grid { grid-template-columns: 1fr; gap: 50px; }
      .fah-cta-inner  { flex-direction: column; align-items: flex-start; }
  }

  @media (max-width: 600px) {
      .fah-container { width: 90%; }
      .fah-hero-inner { padding: 80px 0; }
      .fah-hero h1   { font-size: 44px !important; letter-spacing: -1.5px; }
      .fah-stats-grid { grid-template-columns: repeat(2, 1fr); }
      .fah-aff-badges { grid-template-columns: 1fr; }
      .fah-cta-inner  { padding: 40px 26px; border-radius: 1.25rem; }
      .fah-cta-actions { width: 100%; }
      .fah-btn { width: 100%; }
  }

/* ==========================================================
   PAGE: project-development.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     PROJECT — DEVELOPMENT & TECHNOLOGY
     White/Light Theme — Primary accent: #0081dd (brand blue)
  ========================================================= */

  .fas-development-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-blue-light: #eff6ff;
      --fas-blue-mid: #dbeafe;
      --fas-blue-shadow: rgba(0,129,221,.22);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-bg-mid: #f1f5f9;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-development-page *,
  .fas-development-page *::before,
  .fas-development-page *::after { box-sizing: border-box; }

  .fas-development-page img { display: block; width: 100%; max-width: 100%; }
  .fas-development-page a { text-decoration: none; }

  /* CONTAINER */
  .fas-development-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* LABEL */
  .fas-development-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--fas-blue) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-development-label::before {
      content: "";
      width: 32px; height: 2px;
      flex: 0 0 32px;
      background: var(--fas-blue);
  }

  /* TITLE */
  .fas-development-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(36px, 4vw, 58px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-development-title span { color: var(--fas-blue) !important; }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-development-hero {
      position: relative;
      min-height: 730px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 45%, rgba(255,255,255,.80) 100%),
          url("../images/project%20images/3.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-development-hero::before {
      content: "";
      position: absolute;
      width: 700px; height: 700px;
      right: -330px; top: -250px;
      border: 1px solid rgba(0,129,221,.15);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-development-hero::after {
      content: "";
      position: absolute;
      width: 400px; height: 400px;
      right: -150px; bottom: -220px;
      border: 1px solid rgba(0,129,221,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-development-hero .fas-development-container { position: relative; z-index: 2; }

  .fas-development-hero-content {
      max-width: 850px;
      padding: 110px 0;
  }

  .fas-development-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(48px, 7vw, 82px) !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      letter-spacing: -3px;
  }

  .fas-development-hero h1 span {
      display: block;
      color: var(--fas-blue) !important;
  }

  .fas-development-hero-description {
      max-width: 760px;
      margin: 0 0 35px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-development-buttons { display: flex; flex-wrap: wrap; gap: 14px; }

  .fas-development-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: .75rem;
      border: 1px solid var(--fas-blue);
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
  }

  .fas-development-btn-primary {
      color: #ffffff !important;
      background: var(--fas-blue);
      box-shadow: 0 4px 14px var(--fas-blue-shadow);
  }

  .fas-development-btn-primary:hover {
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0,129,221,.35);
  }

  .fas-development-btn-outline {
      color: var(--fas-blue) !important;
      background: transparent;
  }

  .fas-development-btn-outline:hover {
      background: var(--fas-blue-light);
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRO
  ========================================================= */

  .fas-development-intro {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-development-intro-grid {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 80px;
      align-items: center;
  }

  .fas-development-intro-text p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-development-highlight {
      position: relative;
      margin-top: 30px;
      padding: 32px 35px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-blue);
      border-radius: .75rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-development-highlight h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 800 !important;
  }

  .fas-development-highlight p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }


  /* =========================================================
     TECHNOLOGY FOCUS
  ========================================================= */

  .fas-development-focus {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-development-heading-center {
      max-width: 850px;
      margin: 0 auto 65px;
      text-align: center;
  }

  .fas-development-heading-center .fas-development-label { justify-content: center; }
  .fas-development-heading-center .fas-development-label::before { display: none; }

  .fas-development-heading-center p {
      max-width: 720px;
      margin: 22px auto 0;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fas-development-focus-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
  }

  .fas-development-focus-card {
      position: relative;
      min-height: 280px;
      padding: 32px 26px;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      transition: all .35s ease;
  }

  .fas-development-focus-card::after {
      content: "";
      position: absolute;
      width: 100px; height: 100px;
      right: -45px; bottom: -45px;
      border: 1px solid rgba(0,129,221,.18);
      border-radius: 50%;
  }

  .fas-development-focus-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-blue);
      box-shadow: 0 20px 40px rgba(0,129,221,.12);
  }

  .fas-development-focus-number {
      width: 48px; height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 28px;
      color: #ffffff;
      background: var(--fas-blue);
      border-radius: .75rem;
      box-shadow: 0 6px 16px var(--fas-blue-shadow);
      font-size: 12px;
      font-weight: 800;
  }

  .fas-development-focus-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 800 !important;
  }

  .fas-development-focus-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }


  /* =========================================================
     PROJECT SERVICES
  ========================================================= */

  .fas-development-services {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-development-service-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
  }

  .fas-development-service-card {
      min-height: 300px;
      display: flex;
      flex-direction: column;
      padding: 30px 24px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .35s ease;
  }

  .fas-development-service-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-blue);
      box-shadow: 0 20px 40px rgba(0,129,221,.12);
  }

  .fas-development-service-number {
      margin-bottom: auto;
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-development-service-icon {
      width: 52px; height: 52px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 25px 0;
      color: #ffffff;
      background: var(--fas-blue);
      border-radius: .75rem;
      box-shadow: 0 6px 16px var(--fas-blue-shadow);
      font-size: 13px;
      font-weight: 800;
  }

  .fas-development-service-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 19px !important;
      line-height: 1.3 !important;
      font-weight: 800 !important;
  }

  .fas-development-service-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.7;
  }


  /* =========================================================
     TECHNOLOGY ADVISORY
  ========================================================= */

  .fas-development-advisory {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-development-advisory-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fas-development-image {
      position: relative;
      min-height: 530px;
      overflow: hidden;
      border-radius: 1.25rem;
  }

  .fas-development-image img {
      width: 100%; height: 100%;
      min-height: 530px;
      object-fit: cover;
      border-radius: 1.25rem;
  }

  .fas-development-image::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 2px solid rgba(0,129,221,.40);
      border-radius: .75rem;
      pointer-events: none;
  }

  .fas-development-advisory-text p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }

  .fas-development-advisory-points {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
      margin-top: 35px;
  }

  .fas-development-advisory-point {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-blue);
      border-radius: .6rem;
  }

  .fas-development-advisory-point strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
  }

  .fas-development-advisory-point span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     COMPLIANCE BOX
  ========================================================= */

  .fas-development-compliance {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-development-compliance-box {
      position: relative;
      padding: 65px 60px;
      overflow: hidden;
      background: var(--fas-white);
      border: 2px solid var(--fas-border);
      border-left: 5px solid var(--fas-blue);
      border-radius: 1.25rem;
      box-shadow: 0 8px 30px rgba(0,0,0,.04);
  }

  .fas-development-compliance-box::before {
      content: "";
      position: absolute;
      width: 500px; height: 500px;
      right: -250px; top: -250px;
      border: 1px solid rgba(0,129,221,.12);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-development-compliance-content {
      position: relative;
      z-index: 2;
      max-width: 900px;
  }

  .fas-development-compliance-content p {
      margin: 25px 0 0;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.9;
  }

  .fas-development-compliance-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
      margin-top: 40px;
  }

  .fas-development-compliance-item {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-top: 2px solid var(--fas-blue);
      border-radius: 0 0 .75rem .75rem;
  }

  .fas-development-compliance-item strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-development-compliance-item span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     WHY FAS
  ========================================================= */

  .fas-development-why {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-development-why-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin-top: 55px;
  }

  .fas-development-why-card {
      padding: 35px 30px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .3s ease;
  }

  .fas-development-why-card:hover {
      transform: translateY(-6px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0,129,221,.10);
  }

  .fas-development-why-number {
      margin-bottom: 18px;
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-development-why-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      font-weight: 800 !important;
  }

  .fas-development-why-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.75;
  }


  /* =========================================================
     VALUE STRIP
  ========================================================= */

  .fas-development-value {
      padding: 70px 0;
      background: var(--fas-blue);
  }

  .fas-development-value-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
  }

  .fas-development-value-item { text-align: center; }

  .fas-development-value-item strong {
      display: block;
      margin-bottom: 7px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
  }

  .fas-development-value-item span {
      color: rgba(255,255,255,.82);
      font-size: 12px;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-development-cta {
      padding: 100px 0;
      background: var(--fas-bg-light);
      border-top: 1px solid var(--fas-border);
  }

  .fas-development-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
      padding: 55px;
      background: var(--fas-white);
      border: 2px solid var(--fas-blue);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0,129,221,.08);
  }

  .fas-development-cta h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-development-cta h2 span { color: var(--fas-blue) !important; }

  .fas-development-cta p {
      max-width: 700px;
      margin: 0;
      color: var(--fas-muted);
      line-height: 1.7;
  }

  .fas-development-cta .fas-development-btn { flex-shrink: 0; }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1050px) {
      .fas-development-focus-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-development-service-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-development-intro-grid, .fas-development-advisory-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-development-compliance-list { grid-template-columns: 1fr; }
      .fas-development-value-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-development-cta-inner { flex-direction: column; align-items: flex-start; }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {
      .fas-development-container { width: 90%; }
      .fas-development-hero { min-height: 650px; }
      .fas-development-hero-content { padding: 80px 0; }
      .fas-development-hero h1 { font-size: 46px !important; letter-spacing: -1.5px; }
      .fas-development-hero-description { font-size: 15px; }
      .fas-development-intro, .fas-development-focus, .fas-development-services,
      .fas-development-advisory, .fas-development-compliance, .fas-development-why { padding: 75px 0; }
      .fas-development-focus-grid, .fas-development-service-grid,
      .fas-development-advisory-points, .fas-development-why-grid { grid-template-columns: 1fr; }
      .fas-development-image, .fas-development-image img { min-height: 320px; }
      .fas-development-compliance-box { padding: 40px 25px; }
      .fas-development-value { padding: 60px 0; }
      .fas-development-value-grid { grid-template-columns: 1fr; gap: 30px; }
      .fas-development-buttons { flex-direction: column; align-items: stretch; }
      .fas-development-btn { width: 100%; }
      .fas-development-cta { padding: 70px 0; }
      .fas-development-cta-inner { flex-direction: column; align-items: flex-start; padding: 35px 25px; }
  }

/* ==========================================================
   PAGE: project-government.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     PROJECT — GOVERNMENT SECTOR
     White/Light Theme — Primary accent: #00a844 (brand green)
  ========================================================= */

  .fas-government-page {
      --fas-green: #00a844;
      --fas-green-hover: #008a37;
      --fas-green-light: #f0fdf4;
      --fas-green-mid: #dcfce7;
      --fas-green-shadow: rgba(0,168,68,.22);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-bg-mid: #f1f5f9;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-government-page *,
  .fas-government-page *::before,
  .fas-government-page *::after { box-sizing: border-box; }

  .fas-government-page img { display: block; width: 100%; max-width: 100%; }
  .fas-government-page a { text-decoration: none; }

  /* CONTAINER */
  .fas-government-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* TITLE */
  .fas-government-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(36px, 4vw, 58px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-government-title span { color: var(--fas-green) !important; }

  /* LABEL */
  .fas-government-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--fas-green) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-government-label::before {
      content: "";
      width: 32px; height: 2px;
      flex: 0 0 32px;
      background: var(--fas-green);
  }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-government-hero {
      position: relative;
      min-height: 730px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 45%, rgba(255,255,255,.80) 100%),
          url("../images/project%20images/14.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-government-hero::before {
      content: "";
      position: absolute;
      width: 650px; height: 650px;
      right: -300px; top: -230px;
      border: 1px solid rgba(0,168,68,.15);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-government-hero::after {
      content: "";
      position: absolute;
      width: 350px; height: 350px;
      right: -130px; bottom: -180px;
      border: 1px solid rgba(0,168,68,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-government-hero .fas-government-container { position: relative; z-index: 2; }

  .fas-government-hero-content {
      max-width: 850px;
      padding: 110px 0;
  }

  .fas-government-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(48px, 7vw, 82px) !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      letter-spacing: -3px;
  }

  .fas-government-hero h1 span {
      display: block;
      color: var(--fas-green) !important;
  }

  .fas-government-hero-description {
      max-width: 760px;
      margin: 0 0 35px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-government-buttons { display: flex; flex-wrap: wrap; gap: 14px; }

  .fas-government-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: .75rem;
      border: 1px solid var(--fas-green);
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
  }

  .fas-government-btn-primary {
      color: #ffffff !important;
      background: var(--fas-green);
      box-shadow: 0 4px 14px var(--fas-green-shadow);
  }

  .fas-government-btn-primary:hover {
      background: var(--fas-green-hover);
      border-color: var(--fas-green-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0,168,68,.35);
  }

  .fas-government-btn-outline {
      color: var(--fas-green) !important;
      background: transparent;
  }

  .fas-government-btn-outline:hover {
      background: var(--fas-green-light);
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRO
  ========================================================= */

  .fas-government-intro {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-government-intro-grid {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 80px;
      align-items: center;
  }

  .fas-government-intro-text p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-government-sector-box {
      position: relative;
      padding: 35px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-green);
      border-radius: .75rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-government-sector-box h3 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      font-weight: 800 !important;
  }

  .fas-government-sector-box p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }


  /* =========================================================
     SECTORS
  ========================================================= */

  .fas-government-sectors {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-government-heading-center {
      max-width: 850px;
      margin: 0 auto 65px;
      text-align: center;
  }

  .fas-government-heading-center .fas-government-label { justify-content: center; }
  .fas-government-heading-center .fas-government-label::before { display: none; }

  .fas-government-heading-center p {
      max-width: 720px;
      margin: 22px auto 0;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fas-government-sector-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 15px;
  }

  .fas-government-sector-card {
      min-height: 210px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 25px 20px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      transition: all .35s ease;
  }

  .fas-government-sector-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-green);
      box-shadow: 0 20px 40px rgba(0,168,68,.12);
  }

  .fas-government-sector-number {
      margin-bottom: auto;
      color: var(--fas-green);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-government-sector-card h3 {
      margin: 0 0 8px !important;
      color: var(--fas-heading) !important;
      font-size: 19px !important;
      font-weight: 800 !important;
  }

  .fas-government-sector-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     CAPABILITIES
  ========================================================= */

  .fas-government-capabilities {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-government-capability-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 15px;
  }

  .fas-government-capability {
      position: relative;
      min-height: 270px;
      padding: 30px 22px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .35s ease;
  }

  .fas-government-capability:hover {
      transform: translateY(-8px);
      border-color: var(--fas-green);
      box-shadow: 0 20px 40px rgba(0,168,68,.12);
  }

  .fas-government-capability-number {
      width: 48px; height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px;
      color: #ffffff;
      background: var(--fas-green);
      border-radius: .75rem;
      box-shadow: 0 6px 16px var(--fas-green-shadow);
      font-size: 12px;
      font-weight: 800;
  }

  .fas-government-capability h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 18px !important;
      line-height: 1.3 !important;
      font-weight: 800 !important;
  }

  .fas-government-capability p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.7;
  }


  /* =========================================================
     EXPERTISE IMAGE SECTION
  ========================================================= */

  .fas-government-expertise {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-government-expertise-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fas-government-expertise-image {
      position: relative;
      min-height: 530px;
      overflow: hidden;
      border-radius: 1.25rem;
  }

  .fas-government-expertise-image img {
      width: 100%; height: 100%;
      min-height: 530px;
      object-fit: cover;
      border-radius: 1.25rem;
  }

  .fas-government-expertise-image::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 2px solid rgba(0,168,68,.40);
      border-radius: .75rem;
      pointer-events: none;
  }

  .fas-government-expertise-text p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }

  .fas-government-expertise-points {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
      margin-top: 35px;
  }

  .fas-government-expertise-point {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-green);
      border-radius: .6rem;
  }

  .fas-government-expertise-point strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-government-expertise-point span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     CUSTOMIZED APPROACH BOX
  ========================================================= */

  .fas-government-custom {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-government-custom-box {
      position: relative;
      padding: 65px 60px;
      overflow: hidden;
      background: var(--fas-white);
      border: 2px solid var(--fas-border);
      border-left: 5px solid var(--fas-green);
      border-radius: 1.25rem;
      box-shadow: 0 8px 30px rgba(0,0,0,.04);
  }

  .fas-government-custom-box::before {
      content: "";
      position: absolute;
      width: 400px; height: 400px;
      right: -180px; top: -180px;
      border: 1px solid rgba(0,168,68,.12);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-government-custom-content {
      position: relative;
      z-index: 2;
      max-width: 850px;
  }

  .fas-government-custom-content p {
      margin: 25px 0 0;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.9;
  }

  .fas-government-custom-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
      margin-top: 40px;
  }

  .fas-government-custom-item {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-top: 2px solid var(--fas-green);
      border-radius: 0 0 .75rem .75rem;
  }

  .fas-government-custom-item strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-government-custom-item span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     WHY FAS
  ========================================================= */

  .fas-government-why {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-government-why-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin-top: 55px;
  }

  .fas-government-why-card {
      padding: 35px 30px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .3s ease;
  }

  .fas-government-why-card:hover {
      transform: translateY(-6px);
      border-color: var(--fas-green);
      box-shadow: 0 15px 30px rgba(0,168,68,.10);
  }

  .fas-government-why-number {
      margin-bottom: 18px;
      color: var(--fas-green);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-government-why-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      font-weight: 800 !important;
  }

  .fas-government-why-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.75;
  }


  /* =========================================================
     COMPLIANCE STRIP
  ========================================================= */

  .fas-government-compliance {
      padding: 75px 0;
      background: var(--fas-green);
  }

  .fas-government-compliance-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 25px;
      align-items: center;
  }

  .fas-government-compliance-item { text-align: center; }

  .fas-government-compliance-item strong {
      display: block;
      margin-bottom: 6px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
  }

  .fas-government-compliance-item span {
      color: rgba(255,255,255,.85);
      font-size: 12px;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-government-cta {
      padding: 100px 0;
      background: var(--fas-bg-light);
      border-top: 1px solid var(--fas-border);
  }

  .fas-government-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
      padding: 55px;
      background: var(--fas-white);
      border: 2px solid var(--fas-green);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0,168,68,.08);
  }

  .fas-government-cta h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-government-cta p {
      max-width: 700px;
      margin: 0;
      color: var(--fas-muted);
      line-height: 1.7;
  }

  .fas-government-cta .fas-government-btn { flex-shrink: 0; }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1050px) {
      .fas-government-sector-grid,
      .fas-government-capability-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-government-intro-grid,
      .fas-government-expertise-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-government-custom-list { grid-template-columns: 1fr; }
      .fas-government-why-grid { grid-template-columns: 1fr; }
      .fas-government-cta-inner { flex-direction: column; align-items: flex-start; }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {
      .fas-government-container { width: 90%; }
      .fas-government-hero { min-height: 650px; }
      .fas-government-hero-content { padding: 80px 0; }
      .fas-government-hero h1 { font-size: 46px !important; letter-spacing: -1.5px; }
      .fas-government-hero-description { font-size: 15px; }
      .fas-government-intro, .fas-government-sectors, .fas-government-capabilities,
      .fas-government-expertise, .fas-government-custom, .fas-government-why { padding: 75px 0; }
      .fas-government-sector-grid, .fas-government-capability-grid,
      .fas-government-expertise-points, .fas-government-why-grid { grid-template-columns: 1fr; }
      .fas-government-expertise-image, .fas-government-expertise-image img { min-height: 320px; }
      .fas-government-custom-box { padding: 40px 25px; }
      .fas-government-compliance { padding: 60px 0; }
      .fas-government-compliance-grid { grid-template-columns: 1fr; gap: 30px; }
      .fas-government-buttons { flex-direction: column; align-items: stretch; }
      .fas-government-btn { width: 100%; }
      .fas-government-cta { padding: 70px 0; }
      .fas-government-cta-inner { flex-direction: column; align-items: flex-start; padding: 35px 25px; }
  }

/* ==========================================================
   PAGE: project-healthcare.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     PROJECT — HEALTHCARE & EDUCATION SAFETY
     White/Light Theme — Primary accent: #dc2626 (brand red)
  ========================================================= */

  .fas-healthcare-page {
      --fas-red: #dc2626;
      --fas-red-hover: #b91c1c;
      --fas-red-light: #fef2f2;
      --fas-red-mid: #fee2e2;
      --fas-red-shadow: rgba(220,38,38,.22);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-bg-mid: #f1f5f9;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-healthcare-page *,
  .fas-healthcare-page *::before,
  .fas-healthcare-page *::after { box-sizing: border-box; }

  .fas-healthcare-page img { display: block; width: 100%; max-width: 100%; }
  .fas-healthcare-page a { text-decoration: none; }

  /* CONTAINER */
  .fas-healthcare-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* LABEL */
  .fas-healthcare-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--fas-red) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-healthcare-label::before {
      content: "";
      width: 32px; height: 2px;
      flex: 0 0 32px;
      background: var(--fas-red);
  }

  /* TITLE */
  .fas-healthcare-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(36px, 4vw, 58px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-healthcare-title span { color: var(--fas-red) !important; }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-healthcare-hero {
      position: relative;
      min-height: 730px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 45%, rgba(255,255,255,.80) 100%),
          url("../images/project%20images/7.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-healthcare-hero::before {
      content: "";
      position: absolute;
      width: 700px; height: 700px;
      right: -330px; top: -250px;
      border: 1px solid rgba(220,38,38,.15);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-healthcare-hero::after {
      content: "";
      position: absolute;
      width: 400px; height: 400px;
      right: -150px; bottom: -220px;
      border: 1px solid rgba(220,38,38,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-healthcare-hero .fas-healthcare-container { position: relative; z-index: 2; }

  .fas-healthcare-hero-content {
      max-width: 850px;
      padding: 110px 0;
  }

  .fas-healthcare-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(48px, 7vw, 82px) !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      letter-spacing: -3px;
  }

  .fas-healthcare-hero h1 span {
      display: block;
      color: var(--fas-red) !important;
  }

  .fas-healthcare-hero-description {
      max-width: 760px;
      margin: 0 0 35px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-healthcare-buttons { display: flex; flex-wrap: wrap; gap: 14px; }

  .fas-healthcare-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: .75rem;
      border: 1px solid var(--fas-red);
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
  }

  .fas-healthcare-btn-primary {
      color: #ffffff !important;
      background: var(--fas-red);
      box-shadow: 0 4px 14px var(--fas-red-shadow);
  }

  .fas-healthcare-btn-primary:hover {
      background: var(--fas-red-hover);
      border-color: var(--fas-red-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(220,38,38,.35);
  }

  .fas-healthcare-btn-outline {
      color: var(--fas-red) !important;
      background: transparent;
  }

  .fas-healthcare-btn-outline:hover {
      background: var(--fas-red-light);
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRO
  ========================================================= */

  .fas-healthcare-intro {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-healthcare-intro-grid {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 80px;
      align-items: center;
  }

  .fas-healthcare-intro-text p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-healthcare-highlight {
      position: relative;
      margin-top: 30px;
      padding: 32px 35px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-red);
      border-radius: .75rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-healthcare-highlight h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 800 !important;
  }

  .fas-healthcare-highlight p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }


  /* =========================================================
     SECTOR EXPERTISE
  ========================================================= */

  .fas-healthcare-expertise {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-healthcare-heading-center {
      max-width: 850px;
      margin: 0 auto 65px;
      text-align: center;
  }

  .fas-healthcare-heading-center .fas-healthcare-label { justify-content: center; }
  .fas-healthcare-heading-center .fas-healthcare-label::before { display: none; }

  .fas-healthcare-heading-center p {
      max-width: 720px;
      margin: 22px auto 0;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fas-healthcare-sector-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
  }

  .fas-healthcare-sector-card {
      position: relative;
      min-height: 290px;
      padding: 38px 32px;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.03);
      transition: all .35s ease;
  }

  .fas-healthcare-sector-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-red);
      box-shadow: 0 20px 40px rgba(220,38,38,.12);
  }

  .fas-healthcare-sector-card::after {
      content: "";
      position: absolute;
      width: 130px; height: 130px;
      right: -55px; bottom: -55px;
      border: 1px solid rgba(220,38,38,.15);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-healthcare-sector-icon {
      width: 58px; height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px;
      color: #ffffff;
      background: var(--fas-red);
      border-radius: .875rem;
      box-shadow: 0 6px 18px var(--fas-red-shadow);
      font-size: 13px;
      font-weight: 800;
  }

  .fas-healthcare-sector-card h3 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: 24px !important;
      font-weight: 800 !important;
  }

  .fas-healthcare-sector-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }


  /* =========================================================
     COMPREHENSIVE SERVICES
  ========================================================= */

  .fas-healthcare-services {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-healthcare-service-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
  }

  .fas-healthcare-service-card {
      min-height: 285px;
      display: flex;
      flex-direction: column;
      padding: 32px 27px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .35s ease;
  }

  .fas-healthcare-service-card:hover {
      transform: translateY(-7px);
      border-color: var(--fas-red);
      box-shadow: 0 20px 40px rgba(220,38,38,.12);
  }

  .fas-healthcare-service-number {
      margin-bottom: auto;
      color: var(--fas-red);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-healthcare-service-icon {
      width: 52px; height: 52px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 25px 0;
      color: #ffffff;
      background: var(--fas-red);
      border-radius: .75rem;
      box-shadow: 0 6px 16px var(--fas-red-shadow);
      font-size: 13px;
      font-weight: 800;
  }

  .fas-healthcare-service-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 19px !important;
      line-height: 1.35 !important;
      font-weight: 800 !important;
  }

  .fas-healthcare-service-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }


  /* =========================================================
     FIRE PROTECTION
  ========================================================= */

  .fas-healthcare-fire {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-healthcare-fire-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fas-healthcare-fire-image {
      position: relative;
      min-height: 550px;
      overflow: hidden;
      border-radius: 1.25rem;
  }

  .fas-healthcare-fire-image img {
      width: 100%; height: 100%;
      min-height: 550px;
      object-fit: cover;
      border-radius: 1.25rem;
  }

  .fas-healthcare-fire-image::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 2px solid rgba(220,38,38,.40);
      border-radius: .75rem;
      pointer-events: none;
  }

  .fas-healthcare-fire-text p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }

  .fas-healthcare-fire-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
      margin-top: 35px;
  }

  .fas-healthcare-fire-item {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-red);
      border-radius: .6rem;
  }

  .fas-healthcare-fire-item strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-healthcare-fire-item span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     SAFETY AWARENESS
  ========================================================= */

  .fas-healthcare-awareness {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-healthcare-awareness-box {
      position: relative;
      padding: 65px 60px;
      overflow: hidden;
      background: var(--fas-white);
      border: 2px solid var(--fas-border);
      border-left: 5px solid var(--fas-red);
      border-radius: 1.25rem;
      box-shadow: 0 8px 30px rgba(0,0,0,.04);
  }

  .fas-healthcare-awareness-box::before {
      content: "";
      position: absolute;
      width: 500px; height: 500px;
      right: -250px; top: -250px;
      border: 1px solid rgba(220,38,38,.12);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-healthcare-awareness-content {
      position: relative;
      z-index: 2;
      max-width: 900px;
  }

  .fas-healthcare-awareness-content p {
      margin: 25px 0 0;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.9;
  }

  .fas-healthcare-awareness-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
      margin-top: 40px;
  }

  .fas-healthcare-awareness-item {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-top: 2px solid var(--fas-red);
      border-radius: 0 0 .75rem .75rem;
  }

  .fas-healthcare-awareness-item strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-healthcare-awareness-item span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     FAS APPROACH
  ========================================================= */

  .fas-healthcare-approach {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-healthcare-approach-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 55px;
  }

  .fas-healthcare-approach-card {
      position: relative;
      padding: 32px 25px;
      min-height: 260px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-top: 3px solid var(--fas-red);
      border-radius: 0 0 1rem 1rem;
      transition: all .3s ease;
  }

  .fas-healthcare-approach-card:hover {
      transform: translateY(-6px);
      border-color: var(--fas-red);
      box-shadow: 0 15px 30px rgba(220,38,38,.10);
  }

  .fas-healthcare-approach-number {
      margin-bottom: 25px;
      color: var(--fas-red);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-healthcare-approach-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 19px !important;
      font-weight: 800 !important;
  }

  .fas-healthcare-approach-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }


  /* =========================================================
     VALUE STRIP
  ========================================================= */

  .fas-healthcare-value {
      padding: 70px 0;
      background: var(--fas-red);
  }

  .fas-healthcare-value-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
  }

  .fas-healthcare-value-item { text-align: center; }

  .fas-healthcare-value-item strong {
      display: block;
      margin-bottom: 7px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
  }

  .fas-healthcare-value-item span {
      color: rgba(255,255,255,.85);
      font-size: 12px;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-healthcare-cta {
      padding: 100px 0;
      background: var(--fas-bg-light);
      border-top: 1px solid var(--fas-border);
  }

  .fas-healthcare-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
      padding: 55px;
      background: var(--fas-white);
      border: 2px solid var(--fas-red);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(220,38,38,.08);
  }

  .fas-healthcare-cta h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-healthcare-cta h2 span { color: var(--fas-red) !important; }

  .fas-healthcare-cta p {
      max-width: 700px;
      margin: 0;
      color: var(--fas-muted);
      line-height: 1.7;
  }

  .fas-healthcare-cta .fas-healthcare-btn { flex-shrink: 0; }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1050px) {
      .fas-healthcare-service-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-healthcare-approach-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-healthcare-intro-grid, .fas-healthcare-fire-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-healthcare-awareness-list { grid-template-columns: 1fr; }
      .fas-healthcare-value-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-healthcare-cta-inner { flex-direction: column; align-items: flex-start; }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {
      .fas-healthcare-container { width: 90%; }
      .fas-healthcare-hero { min-height: 650px; }
      .fas-healthcare-hero-content { padding: 80px 0; }
      .fas-healthcare-hero h1 { font-size: 46px !important; letter-spacing: -1.5px; }
      .fas-healthcare-hero-description { font-size: 15px; }
      .fas-healthcare-intro, .fas-healthcare-expertise, .fas-healthcare-services,
      .fas-healthcare-fire, .fas-healthcare-awareness, .fas-healthcare-approach { padding: 75px 0; }
      .fas-healthcare-sector-grid, .fas-healthcare-service-grid,
      .fas-healthcare-fire-list, .fas-healthcare-approach-grid { grid-template-columns: 1fr; }
      .fas-healthcare-fire-image, .fas-healthcare-fire-image img { min-height: 320px; }
      .fas-healthcare-awareness-box { padding: 40px 25px; }
      .fas-healthcare-value { padding: 60px 0; }
      .fas-healthcare-value-grid { grid-template-columns: 1fr; gap: 30px; }
      .fas-healthcare-buttons { flex-direction: column; align-items: stretch; }
      .fas-healthcare-btn { width: 100%; }
      .fas-healthcare-cta { padding: 70px 0; }
      .fas-healthcare-cta-inner { flex-direction: column; align-items: flex-start; padding: 35px 25px; }
  }

/* ==========================================================
   PAGE: project-industry.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     PROJECT — INDUSTRIAL SOLUTIONS
     White/Light Theme — Primary accent: #0081dd (brand blue)
  ========================================================= */

  .fas-industry-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-blue-light: #eff6ff;
      --fas-blue-shadow: rgba(0,129,221,.22);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-bg-mid: #f1f5f9;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-industry-page *,
  .fas-industry-page *::before,
  .fas-industry-page *::after { box-sizing: border-box; }

  .fas-industry-page img { display: block; width: 100%; max-width: 100%; }
  .fas-industry-page a { text-decoration: none; }

  /* CONTAINER */
  .fas-industry-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* TITLE */
  .fas-industry-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(36px, 4vw, 58px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-industry-title span { color: var(--fas-blue) !important; }

  /* LABEL */
  .fas-industry-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--fas-blue) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-industry-label::before {
      content: "";
      width: 32px; height: 2px;
      flex: 0 0 32px;
      background: var(--fas-blue);
  }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-industry-hero {
      position: relative;
      min-height: 730px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 45%, rgba(255,255,255,.80) 100%),
          url("../images/project%20images/14.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-industry-hero::before {
      content: "";
      position: absolute;
      width: 650px; height: 650px;
      right: -300px; top: -230px;
      border: 1px solid rgba(0,129,221,.15);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-industry-hero::after {
      content: "";
      position: absolute;
      width: 350px; height: 350px;
      right: -130px; bottom: -180px;
      border: 1px solid rgba(0,129,221,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-industry-hero .fas-industry-container { position: relative; z-index: 2; }

  .fas-industry-hero-content {
      max-width: 850px;
      padding: 110px 0;
  }

  .fas-industry-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(48px, 7vw, 82px) !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      letter-spacing: -3px;
  }

  .fas-industry-hero h1 span {
      display: block;
      color: var(--fas-blue) !important;
  }

  .fas-industry-hero-description {
      max-width: 760px;
      margin: 0 0 35px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-industry-buttons { display: flex; flex-wrap: wrap; gap: 14px; }

  .fas-industry-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: .75rem;
      border: 1px solid var(--fas-blue);
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
  }

  .fas-industry-btn-primary {
      color: #ffffff !important;
      background: var(--fas-blue);
      box-shadow: 0 4px 14px var(--fas-blue-shadow);
  }

  .fas-industry-btn-primary:hover {
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0,129,221,.35);
  }

  .fas-industry-btn-outline {
      color: var(--fas-blue) !important;
      background: transparent;
  }

  .fas-industry-btn-outline:hover {
      background: var(--fas-blue-light);
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRO
  ========================================================= */

  .fas-industry-intro {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-industry-intro-grid {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 80px;
      align-items: center;
  }

  .fas-industry-intro-text p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-industry-sector-box {
      position: relative;
      padding: 35px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-blue);
      border-radius: .75rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-industry-sector-box h3 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      font-weight: 800 !important;
  }

  .fas-industry-sector-box p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }


  /* =========================================================
     INDUSTRIES WE SERVE
  ========================================================= */

  .fas-industry-sectors {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-industry-heading-center {
      max-width: 850px;
      margin: 0 auto 65px;
      text-align: center;
  }

  .fas-industry-heading-center .fas-industry-label { justify-content: center; }
  .fas-industry-heading-center .fas-industry-label::before { display: none; }

  .fas-industry-heading-center p {
      max-width: 720px;
      margin: 22px auto 0;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fas-industry-sector-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 15px;
  }

  .fas-industry-sector-card {
      min-height: 210px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 25px 20px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      transition: all .35s ease;
  }

  .fas-industry-sector-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-blue);
      box-shadow: 0 20px 40px rgba(0,129,221,.12);
  }

  .fas-industry-sector-number {
      margin-bottom: auto;
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-industry-sector-card h3 {
      margin: 0 0 8px !important;
      color: var(--fas-heading) !important;
      font-size: 19px !important;
      font-weight: 800 !important;
  }

  .fas-industry-sector-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     CAPABILITIES
  ========================================================= */

  .fas-industry-capabilities {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-industry-capability-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 15px;
  }

  .fas-industry-capability {
      position: relative;
      min-height: 270px;
      padding: 30px 22px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .35s ease;
  }

  .fas-industry-capability:hover {
      transform: translateY(-8px);
      border-color: var(--fas-blue);
      box-shadow: 0 20px 40px rgba(0,129,221,.12);
  }

  .fas-industry-capability-number {
      width: 48px; height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px;
      color: #ffffff;
      background: var(--fas-blue);
      border-radius: .75rem;
      box-shadow: 0 6px 16px var(--fas-blue-shadow);
      font-size: 12px;
      font-weight: 800;
  }

  .fas-industry-capability h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 18px !important;
      line-height: 1.3 !important;
      font-weight: 800 !important;
  }

  .fas-industry-capability p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.7;
  }


  /* =========================================================
     TECHNOLOGY
  ========================================================= */

  .fas-industry-technology {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-industry-tech-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fas-industry-tech-image {
      position: relative;
      min-height: 530px;
      overflow: hidden;
      border-radius: 1.25rem;
  }

  .fas-industry-tech-image img {
      width: 100%; height: 100%;
      min-height: 530px;
      object-fit: cover;
      border-radius: 1.25rem;
  }

  .fas-industry-tech-image::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 2px solid rgba(0,129,221,.40);
      border-radius: .75rem;
      pointer-events: none;
  }

  .fas-industry-tech-text p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }

  .fas-industry-tech-points {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
      margin-top: 35px;
  }

  .fas-industry-tech-point {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-blue);
      border-radius: .6rem;
  }

  .fas-industry-tech-point strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-industry-tech-point span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     CUSTOMIZED APPROACH
  ========================================================= */

  .fas-industry-custom {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-industry-custom-box {
      position: relative;
      padding: 65px 60px;
      overflow: hidden;
      background: var(--fas-white);
      border: 2px solid var(--fas-border);
      border-left: 5px solid var(--fas-blue);
      border-radius: 1.25rem;
      box-shadow: 0 8px 30px rgba(0,0,0,.04);
  }

  .fas-industry-custom-box::before {
      content: "";
      position: absolute;
      width: 400px; height: 400px;
      right: -180px; top: -180px;
      border: 1px solid rgba(0,129,221,.12);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-industry-custom-content {
      position: relative;
      z-index: 2;
      max-width: 850px;
  }

  .fas-industry-custom-content p {
      margin: 25px 0 0;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.9;
  }

  .fas-industry-custom-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
      margin-top: 40px;
  }

  .fas-industry-custom-item {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-top: 2px solid var(--fas-blue);
      border-radius: 0 0 .75rem .75rem;
  }

  .fas-industry-custom-item strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-industry-custom-item span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     WHY CHOOSE FAS
  ========================================================= */

  .fas-industry-why {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-industry-why-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin-top: 55px;
  }

  .fas-industry-why-card {
      padding: 35px 30px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .3s ease;
  }

  .fas-industry-why-card:hover {
      transform: translateY(-6px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0,129,221,.10);
  }

  .fas-industry-why-number {
      margin-bottom: 18px;
      color: var(--fas-blue);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-industry-why-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      font-weight: 800 !important;
  }

  .fas-industry-why-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.75;
  }


  /* =========================================================
     COMPLIANCE STRIP
  ========================================================= */

  .fas-industry-compliance {
      padding: 75px 0;
      background: var(--fas-blue);
  }

  .fas-industry-compliance-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 25px;
      align-items: center;
  }

  .fas-industry-compliance-item { text-align: center; }

  .fas-industry-compliance-item strong {
      display: block;
      margin-bottom: 6px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
  }

  .fas-industry-compliance-item span {
      color: rgba(255,255,255,.85);
      font-size: 12px;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-industry-cta {
      padding: 100px 0;
      background: var(--fas-bg-light);
      border-top: 1px solid var(--fas-border);
  }

  .fas-industry-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
      padding: 55px;
      background: var(--fas-white);
      border: 2px solid var(--fas-blue);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0,129,221,.08);
  }

  .fas-industry-cta h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-industry-cta p {
      max-width: 700px;
      margin: 0;
      color: var(--fas-muted);
      line-height: 1.7;
  }

  .fas-industry-cta .fas-industry-btn { flex-shrink: 0; }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1050px) {
      .fas-industry-sector-grid,
      .fas-industry-capability-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-industry-intro-grid,
      .fas-industry-tech-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-industry-custom-list { grid-template-columns: 1fr; }
      .fas-industry-why-grid { grid-template-columns: 1fr; }
      .fas-industry-cta-inner { flex-direction: column; align-items: flex-start; }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {
      .fas-industry-container { width: 90%; }
      .fas-industry-hero { min-height: 650px; }
      .fas-industry-hero-content { padding: 80px 0; }
      .fas-industry-hero h1 { font-size: 46px !important; letter-spacing: -1.5px; }
      .fas-industry-hero-description { font-size: 15px; }
      .fas-industry-intro, .fas-industry-sectors, .fas-industry-capabilities,
      .fas-industry-technology, .fas-industry-custom, .fas-industry-why { padding: 75px 0; }
      .fas-industry-sector-grid, .fas-industry-capability-grid,
      .fas-industry-tech-points, .fas-industry-why-grid { grid-template-columns: 1fr; }
      .fas-industry-tech-image, .fas-industry-tech-image img { min-height: 320px; }
      .fas-industry-custom-box { padding: 40px 25px; }
      .fas-industry-compliance { padding: 60px 0; }
      .fas-industry-compliance-grid { grid-template-columns: 1fr; gap: 30px; }
      .fas-industry-buttons { flex-direction: column; align-items: stretch; }
      .fas-industry-btn { width: 100%; }
      .fas-industry-cta { padding: 70px 0; }
      .fas-industry-cta-inner { flex-direction: column; align-items: flex-start; padding: 35px 25px; }
  }

/* ==========================================================
   PAGE: project-oil-gas.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     PROJECT — OIL & GAS INDUSTRY
     White/Light Theme — Primary accent: #00a844 (brand green)
  ========================================================= */

  .fas-oilgas-page {
      --fas-green: #00a844;
      --fas-green-hover: #008a37;
      --fas-green-light: #f0fdf4;
      --fas-green-shadow: rgba(0,168,68,.22);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-bg-mid: #f1f5f9;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-oilgas-page *,
  .fas-oilgas-page *::before,
  .fas-oilgas-page *::after { box-sizing: border-box; }

  .fas-oilgas-page img { display: block; width: 100%; max-width: 100%; }
  .fas-oilgas-page a { text-decoration: none; }

  /* CONTAINER */
  .fas-oilgas-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* TITLE */
  .fas-oilgas-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(36px, 4vw, 58px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-oilgas-title span { color: var(--fas-green) !important; }

  /* LABEL */
  .fas-oilgas-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--fas-green) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-oilgas-label::before {
      content: "";
      width: 32px; height: 2px;
      flex: 0 0 32px;
      background: var(--fas-green);
  }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-oilgas-hero {
      position: relative;
      min-height: 730px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 45%, rgba(255,255,255,.80) 100%),
          url("../images/project%20images/10.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-oilgas-hero::before {
      content: "";
      position: absolute;
      width: 650px; height: 650px;
      right: -300px; top: -230px;
      border: 1px solid rgba(0,168,68,.15);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-oilgas-hero::after {
      content: "";
      position: absolute;
      width: 350px; height: 350px;
      right: -130px; bottom: -180px;
      border: 1px solid rgba(0,168,68,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-oilgas-hero .fas-oilgas-container { position: relative; z-index: 2; }

  .fas-oilgas-hero-content {
      max-width: 850px;
      padding: 110px 0;
  }

  .fas-oilgas-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(48px, 7vw, 82px) !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      letter-spacing: -3px;
  }

  .fas-oilgas-hero h1 span {
      display: block;
      color: var(--fas-green) !important;
  }

  .fas-oilgas-hero-description {
      max-width: 760px;
      margin: 0 0 35px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-oilgas-buttons { display: flex; flex-wrap: wrap; gap: 14px; }

  .fas-oilgas-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: .75rem;
      border: 1px solid var(--fas-green);
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
  }

  .fas-oilgas-btn-primary {
      color: #ffffff !important;
      background: var(--fas-green);
      box-shadow: 0 4px 14px var(--fas-green-shadow);
  }

  .fas-oilgas-btn-primary:hover {
      background: var(--fas-green-hover);
      border-color: var(--fas-green-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0,168,68,.35);
  }

  .fas-oilgas-btn-outline {
      color: var(--fas-green) !important;
      background: transparent;
  }

  .fas-oilgas-btn-outline:hover {
      background: var(--fas-green-light);
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRO
  ========================================================= */

  .fas-oilgas-intro {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-oilgas-intro-grid {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 80px;
      align-items: center;
  }

  .fas-oilgas-intro-text p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-oilgas-intro-accent {
      position: relative;
      padding: 35px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-green);
      border-radius: .75rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-oilgas-intro-accent h3 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      font-weight: 800 !important;
  }

  .fas-oilgas-intro-accent p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }


  /* =========================================================
     CAPABILITIES
  ========================================================= */

  .fas-oilgas-expertise {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-oilgas-heading-center {
      max-width: 850px;
      margin: 0 auto 65px;
      text-align: center;
  }

  .fas-oilgas-heading-center .fas-oilgas-label { justify-content: center; }
  .fas-oilgas-heading-center .fas-oilgas-label::before { display: none; }

  .fas-oilgas-heading-center p {
      max-width: 720px;
      margin: 22px auto 0;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fas-oilgas-capabilities {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 15px;
  }

  .fas-oilgas-capability {
      position: relative;
      min-height: 245px;
      padding: 30px 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .fas-oilgas-capability:hover {
      transform: translateY(-8px);
      border-color: var(--fas-green);
      box-shadow: 0 20px 40px rgba(0,168,68,.12);
  }

  .fas-oilgas-capability-number {
      margin-bottom: 25px;
      color: var(--fas-green);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-oilgas-capability-icon {
      width: 54px; height: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 22px;
      color: #ffffff;
      background: var(--fas-green);
      border-radius: .875rem;
      box-shadow: 0 6px 16px var(--fas-green-shadow);
      font-size: 14px;
      font-weight: 800;
  }

  .fas-oilgas-capability h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 18px !important;
      line-height: 1.3 !important;
      font-weight: 800 !important;
  }

  .fas-oilgas-capability p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.7;
  }


  /* =========================================================
     FIRE PROTECTION
  ========================================================= */

  .fas-oilgas-fire {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-oilgas-fire-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fas-oilgas-fire-image {
      position: relative;
      min-height: 560px;
      overflow: hidden;
      border-radius: 1.25rem;
  }

  .fas-oilgas-fire-image img {
      width: 100%; height: 100%;
      min-height: 560px;
      object-fit: cover;
      border-radius: 1.25rem;
  }

  .fas-oilgas-fire-image::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 2px solid rgba(0,168,68,.40);
      border-radius: .75rem;
      pointer-events: none;
  }

  .fas-oilgas-fire-text p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }


  /* =========================================================
     EQUIPMENT SHOWCASE
  ========================================================= */

  .fas-oilgas-equipment {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-oilgas-equipment-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 55px;
  }

  .fas-oilgas-equipment-card {
      position: relative;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: box-shadow .35s ease, transform .35s ease;
  }

  .fas-oilgas-equipment-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 40px rgba(0,168,68,.12);
      border-color: var(--fas-green);
  }

  .fas-oilgas-equipment-card img {
      width: 100%;
      height: 230px;
      object-fit: cover;
      transition: transform .5s ease;
  }

  .fas-oilgas-equipment-card:hover img { transform: scale(1.06); }

  .fas-oilgas-equipment-content { padding: 25px; }

  .fas-oilgas-equipment-content h3 {
      margin: 0 0 10px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 800 !important;
  }

  .fas-oilgas-equipment-content p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.7;
  }


  /* =========================================================
     TECHNOLOGY
  ========================================================= */

  .fas-oilgas-technology {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-oilgas-tech-box {
      position: relative;
      padding: 70px 60px;
      overflow: hidden;
      background: var(--fas-white);
      border: 2px solid var(--fas-border);
      border-left: 5px solid var(--fas-green);
      border-radius: 1.25rem;
      box-shadow: 0 8px 30px rgba(0,0,0,.04);
  }

  .fas-oilgas-tech-box::before {
      content: "";
      position: absolute;
      width: 350px; height: 350px;
      right: -170px; top: -170px;
      border: 1px solid rgba(0,168,68,.12);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-oilgas-tech-content {
      position: relative;
      z-index: 2;
      max-width: 820px;
  }

  .fas-oilgas-tech-content p {
      margin: 25px 0 0;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.9;
  }

  .fas-oilgas-tech-points {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
      margin-top: 40px;
  }

  .fas-oilgas-tech-point {
      padding: 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-green);
      border-radius: .6rem;
  }

  .fas-oilgas-tech-point strong {
      display: block;
      margin-bottom: 6px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-oilgas-tech-point span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.5;
  }


  /* =========================================================
     SAFETY
  ========================================================= */

  .fas-oilgas-safety {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-oilgas-safety-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .fas-oilgas-safety-card {
      padding: 35px 28px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-top: 3px solid var(--fas-green);
      border-radius: 0 0 1rem 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .3s ease;
  }

  .fas-oilgas-safety-card:hover {
      transform: translateY(-7px);
      border-color: var(--fas-green);
      box-shadow: 0 15px 30px rgba(0,168,68,.10);
  }

  .fas-oilgas-safety-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 800 !important;
  }

  .fas-oilgas-safety-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-oilgas-cta {
      padding: 100px 0;
      background: var(--fas-green);
  }

  .fas-oilgas-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
  }

  .fas-oilgas-cta h2 {
      margin: 0 0 15px !important;
      color: #ffffff !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-oilgas-cta p {
      max-width: 700px;
      margin: 0;
      color: rgba(255,255,255,.90);
      line-height: 1.7;
  }

  .fas-oilgas-cta .fas-oilgas-btn {
      flex-shrink: 0;
      color: var(--fas-green) !important;
      background: #ffffff;
      border-color: #ffffff;
      box-shadow: 0 4px 14px rgba(0,0,0,.15);
  }

  .fas-oilgas-cta .fas-oilgas-btn:hover {
      color: #ffffff !important;
      background: var(--fas-green-hover);
      border-color: var(--fas-green-hover);
      transform: translateY(-3px);
  }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1050px) {
      .fas-oilgas-capabilities { grid-template-columns: repeat(2, 1fr); }
      .fas-oilgas-intro-grid, .fas-oilgas-fire-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-oilgas-equipment-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-oilgas-tech-points { grid-template-columns: 1fr; }
      .fas-oilgas-safety-grid { grid-template-columns: 1fr; }
      .fas-oilgas-cta-inner { flex-direction: column; align-items: flex-start; }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {
      .fas-oilgas-container { width: 90%; }
      .fas-oilgas-hero { min-height: 650px; }
      .fas-oilgas-hero-content { padding: 80px 0; }
      .fas-oilgas-hero h1 { font-size: 46px !important; letter-spacing: -1.5px; }
      .fas-oilgas-hero-description { font-size: 15px; }
      .fas-oilgas-intro, .fas-oilgas-expertise, .fas-oilgas-fire,
      .fas-oilgas-equipment, .fas-oilgas-technology, .fas-oilgas-safety { padding: 75px 0; }
      .fas-oilgas-capabilities, .fas-oilgas-equipment-grid, .fas-oilgas-safety-grid { grid-template-columns: 1fr; }
      .fas-oilgas-fire-image, .fas-oilgas-fire-image img { min-height: 320px; }
      .fas-oilgas-tech-box { padding: 40px 25px; }
      .fas-oilgas-buttons { flex-direction: column; align-items: stretch; }
      .fas-oilgas-btn { width: 100%; }
      .fas-oilgas-cta { padding: 75px 0; }
      .fas-oilgas-cta-inner { flex-direction: column; align-items: flex-start; }
  }

/* ==========================================================
   PAGE: project-power-plant.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     PROJECT — POWER PLANT
     White/Light Theme — Primary accent: #dc2626 (brand red)
  ========================================================= */

  .fas-power-page {
      --fas-red: #dc2626;
      --fas-red-hover: #b91c1c;
      --fas-red-light: #fef2f2;
      --fas-red-shadow: rgba(220,38,38,.22);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-bg-mid: #f1f5f9;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-power-page *,
  .fas-power-page *::before,
  .fas-power-page *::after { box-sizing: border-box; }

  .fas-power-page img { display: block; width: 100%; max-width: 100%; }
  .fas-power-page a { text-decoration: none; }

  /* CONTAINER */
  .fas-power-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* LABEL */
  .fas-power-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--fas-red) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-power-label::before {
      content: "";
      width: 32px; height: 2px;
      flex: 0 0 32px;
      background: var(--fas-red);
  }

  /* TITLE */
  .fas-power-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(36px, 4vw, 58px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-power-title span { color: var(--fas-red) !important; }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-power-hero {
      position: relative;
      min-height: 750px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.96) 45%, rgba(255,255,255,.80) 100%),
          url("../images/project%20images/9.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-power-hero::before {
      content: "";
      position: absolute;
      width: 700px; height: 700px;
      right: -350px; top: -250px;
      border: 1px solid rgba(220,38,38,.14);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-power-hero::after {
      content: "";
      position: absolute;
      width: 430px; height: 430px;
      right: -170px; bottom: -250px;
      border: 1px solid rgba(220,38,38,.09);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-power-hero .fas-power-container { position: relative; z-index: 2; }

  .fas-power-hero-content {
      max-width: 880px;
      padding: 110px 0;
  }

  .fas-power-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(50px, 7vw, 86px) !important;
      line-height: .98 !important;
      font-weight: 800 !important;
      letter-spacing: -3px;
  }

  .fas-power-hero h1 span {
      display: block;
      color: var(--fas-red) !important;
  }

  .fas-power-hero-description {
      max-width: 790px;
      margin: 0 0 35px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-power-buttons { display: flex; flex-wrap: wrap; gap: 14px; }

  .fas-power-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: .75rem;
      border: 1px solid var(--fas-red);
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
  }

  .fas-power-btn-primary {
      color: #ffffff !important;
      background: var(--fas-red);
      box-shadow: 0 4px 14px var(--fas-red-shadow);
  }

  .fas-power-btn-primary:hover {
      background: var(--fas-red-hover);
      border-color: var(--fas-red-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(220,38,38,.35);
  }

  .fas-power-btn-outline {
      color: var(--fas-red) !important;
      background: transparent;
  }

  .fas-power-btn-outline:hover {
      background: var(--fas-red-light);
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRO
  ========================================================= */

  .fas-power-intro {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-power-intro-grid {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 80px;
      align-items: center;
  }

  .fas-power-intro-text p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-power-highlight {
      position: relative;
      margin-top: 30px;
      padding: 32px 35px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-red);
      border-radius: .75rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-power-highlight h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      font-weight: 800 !important;
  }

  .fas-power-highlight p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }


  /* =========================================================
     CORE CAPABILITIES
  ========================================================= */

  .fas-power-capabilities {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-power-heading-center {
      max-width: 850px;
      margin: 0 auto 65px;
      text-align: center;
  }

  .fas-power-heading-center .fas-power-label { justify-content: center; }
  .fas-power-heading-center .fas-power-label::before { display: none; }

  .fas-power-heading-center p {
      max-width: 720px;
      margin: 22px auto 0;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fas-power-capability-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
  }

  .fas-power-capability-card {
      position: relative;
      min-height: 330px;
      padding: 35px 30px;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .35s ease;
  }

  .fas-power-capability-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-red);
      box-shadow: 0 20px 40px rgba(220,38,38,.12);
  }

  .fas-power-capability-card::after {
      content: "";
      position: absolute;
      width: 160px; height: 160px;
      right: -80px; bottom: -80px;
      border: 1px solid rgba(220,38,38,.12);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-power-number {
      color: var(--fas-red);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-power-icon {
      width: 62px; height: 62px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 28px 0;
      color: #ffffff;
      background: var(--fas-red);
      border-radius: 1rem;
      box-shadow: 0 6px 18px var(--fas-red-shadow);
      font-size: 14px;
      font-weight: 800;
  }

  .fas-power-capability-card h3 {
      margin: 0 0 14px !important;
      color: var(--fas-heading) !important;
      font-size: 22px !important;
      font-weight: 800 !important;
  }

  .fas-power-capability-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.8;
  }


  /* =========================================================
     ENGINEERING / INSTALLATION
  ========================================================= */

  .fas-power-engineering {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-power-engineering-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fas-power-engineering-image {
      position: relative;
      min-height: 560px;
      overflow: hidden;
      border-radius: 1.25rem;
  }

  .fas-power-engineering-image img {
      width: 100%; height: 100%;
      min-height: 560px;
      object-fit: cover;
      border-radius: 1.25rem;
  }

  .fas-power-engineering-image::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 2px solid rgba(220,38,38,.40);
      border-radius: .75rem;
      pointer-events: none;
  }

  .fas-power-engineering-text p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }

  .fas-power-stage-list {
      margin-top: 35px;
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .fas-power-stage {
      display: flex;
      align-items: center;
      gap: 18px;
      padding: 20px 22px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-red);
      border-radius: .6rem;
      transition: box-shadow .25s ease;
  }

  .fas-power-stage:hover {
      box-shadow: 0 6px 18px rgba(220,38,38,.08);
  }

  .fas-power-stage-number {
      min-width: 35px;
      color: var(--fas-red);
      font-size: 13px;
      font-weight: 800;
  }

  .fas-power-stage strong {
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-power-stage span {
      display: block;
      margin-top: 3px;
      color: var(--fas-muted);
      font-size: 12px;
  }


  /* =========================================================
     SUBSTATION
  ========================================================= */

  .fas-power-substation {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-power-substation-box {
      position: relative;
      padding: 65px;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 2px solid var(--fas-border);
      border-left: 5px solid var(--fas-red);
      border-radius: 1.25rem;
      box-shadow: 0 8px 30px rgba(0,0,0,.04);
  }

  .fas-power-substation-box::before {
      content: "";
      position: absolute;
      width: 550px; height: 550px;
      right: -275px; top: -275px;
      border: 1px solid rgba(220,38,38,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-power-substation-content {
      position: relative;
      z-index: 2;
      max-width: 900px;
  }

  .fas-power-substation-content p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-power-substation-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 40px;
  }

  .fas-power-substation-item {
      padding: 24px 20px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-top: 2px solid var(--fas-red);
      border-radius: 0 0 .75rem .75rem;
  }

  .fas-power-substation-item strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fas-heading);
      font-size: 14px;
      font-weight: 700;
  }

  .fas-power-substation-item span {
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }


  /* =========================================================
     SAFETY FOCUS
  ========================================================= */

  .fas-power-standards {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-power-standards-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 55px;
  }

  .fas-power-standard-card {
      padding: 32px 25px;
      min-height: 250px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-top: 3px solid var(--fas-red);
      border-radius: 0 0 1rem 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .3s ease;
  }

  .fas-power-standard-card:hover {
      transform: translateY(-6px);
      border-color: var(--fas-red);
      box-shadow: 0 15px 30px rgba(220,38,38,.10);
  }

  .fas-power-standard-card h3 {
      margin: 0 0 14px !important;
      color: var(--fas-heading) !important;
      font-size: 19px !important;
      font-weight: 800 !important;
  }

  .fas-power-standard-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }


  /* =========================================================
     GLOBAL STRIP
  ========================================================= */

  .fas-power-global {
      padding: 90px 0;
      background: var(--fas-red);
  }

  .fas-power-global-grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 50px;
      align-items: center;
  }

  .fas-power-global h2 {
      margin: 0 !important;
      color: #ffffff !important;
      font-size: clamp(32px, 4vw, 52px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-power-global h2 span {
      color: rgba(255,255,255,.70) !important;
  }

  .fas-power-global p {
      margin: 0;
      color: rgba(255,255,255,.90);
      font-size: 16px;
      line-height: 1.85;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-power-cta {
      padding: 105px 0;
      background: var(--fas-bg-light);
      border-top: 1px solid var(--fas-border);
  }

  .fas-power-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
      padding: 60px;
      background: var(--fas-white);
      border: 2px solid var(--fas-red);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(220,38,38,.08);
  }

  .fas-power-cta h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-power-cta h2 span { color: var(--fas-red) !important; }

  .fas-power-cta p {
      max-width: 720px;
      margin: 0;
      color: var(--fas-muted);
      line-height: 1.75;
  }

  .fas-power-cta .fas-power-btn { flex-shrink: 0; }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1050px) {
      .fas-power-intro-grid,
      .fas-power-engineering-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-power-capability-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-power-substation-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-power-standards-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-power-cta-inner { flex-direction: column; align-items: flex-start; }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {
      .fas-power-container { width: 90%; }
      .fas-power-hero { min-height: 680px; }
      .fas-power-hero-content { padding: 80px 0; }
      .fas-power-hero h1 { font-size: 48px !important; letter-spacing: -1.5px; }
      .fas-power-hero-description { font-size: 15px; }
      .fas-power-intro, .fas-power-capabilities, .fas-power-engineering,
      .fas-power-substation, .fas-power-standards { padding: 75px 0; }
      .fas-power-capability-grid,
      .fas-power-substation-grid,
      .fas-power-standards-grid { grid-template-columns: 1fr; }
      .fas-power-engineering-image,
      .fas-power-engineering-image img { min-height: 320px; }
      .fas-power-substation-box { padding: 40px 25px; }
      .fas-power-global { padding: 65px 0; }
      .fas-power-global-grid { grid-template-columns: 1fr; gap: 25px; }
      .fas-power-buttons { flex-direction: column; align-items: stretch; }
      .fas-power-btn { width: 100%; }
      .fas-power-cta { padding: 70px 0; }
      .fas-power-cta-inner { flex-direction: column; align-items: flex-start; padding: 35px 25px; }
  }

/* ==========================================================
   PAGE: projects.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL — ALL PROJECTS PAGE
     White/Light Theme — Scoped to .fas-projects-page
  ========================================================= */

  .fas-projects-page {
      --blue:   #0081dd;
      --green:  #00a844;
      --red:    #dc2626;
      --heading: #0f172a;
      --text:    #475569;
      --muted:   #64748b;
      --border:  #e2e8f0;
      --bg:      #f8fafc;
      --white:   #ffffff;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--heading);
      background: var(--white);
      overflow-x: hidden;
  }

  .fas-projects-page *,
  .fas-projects-page *::before,
  .fas-projects-page *::after { box-sizing: border-box; }

  .fas-projects-page a { text-decoration: none; }
  .fas-projects-page img { display: block; max-width: 100%; }

  /* CONTAINER */
  .fap-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* LABEL */
  .fap-label {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--blue);
  }

  .fap-label::before {
      content: "";
      width: 30px; height: 2px;
      flex: 0 0 30px;
      background: currentColor;
  }

  /* SECTION TITLE */
  .fap-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--heading) !important;
      font-size: clamp(34px, 4vw, 56px) !important;
      font-weight: 800 !important;
      line-height: 1.08 !important;
      letter-spacing: -1.5px;
  }

  .fap-title span { color: var(--blue); }


  /* =========================================================
     HERO
  ========================================================= */

  .fap-hero {
      position: relative;
      min-height: 620px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(100deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.96) 50%, rgba(255,255,255,.78) 100%),
          url("../images/project%20images/9.jpeg")
          center / cover no-repeat;
      border-bottom: 1px solid var(--border);
  }

  /* decorative rings */
  .fap-hero::before {
      content: "";
      position: absolute;
      width: 680px; height: 680px;
      right: -300px; top: -260px;
      border: 1px solid rgba(0,129,221,.12);
      border-radius: 50%;
      pointer-events: none;
  }

  .fap-hero::after {
      content: "";
      position: absolute;
      width: 400px; height: 400px;
      right: -160px; bottom: -220px;
      border: 1px solid rgba(0,168,68,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fap-hero-inner {
      position: relative;
      z-index: 2;
      padding: 110px 0;
      max-width: 820px;
  }

  .fap-hero h1 {
      margin: 0 0 24px !important;
      color: var(--heading) !important;
      font-size: clamp(46px, 7vw, 86px) !important;
      line-height: .97 !important;
      font-weight: 900 !important;
      letter-spacing: -3px;
  }

  .fap-hero h1 span { color: var(--blue); }

  .fap-hero-desc {
      max-width: 700px;
      margin: 0 0 36px;
      color: var(--text);
      font-size: 18px;
      line-height: 1.85;
  }

  /* breadcrumb */
  .fap-breadcrumb {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 22px;
      font-size: 13px;
      color: var(--muted);
      font-weight: 600;
  }

  .fap-breadcrumb a { color: var(--blue); }
  .fap-breadcrumb a:hover { text-decoration: underline; }
  .fap-breadcrumb span { color: var(--border); }


  /* =========================================================
     STATS STRIP
  ========================================================= */

  .fap-stats {
      padding: 55px 0;
      background: var(--heading);
      border-bottom: 3px solid var(--blue);
  }

  .fap-stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      text-align: center;
  }

  .fap-stat strong {
      display: block;
      font-size: clamp(36px, 4vw, 52px);
      font-weight: 900;
      color: #ffffff;
      letter-spacing: -1px;
      line-height: 1;
  }

  .fap-stat strong em {
      font-style: normal;
      color: var(--blue);
  }

  .fap-stat span {
      display: block;
      margin-top: 8px;
      font-size: 13px;
      color: rgba(255,255,255,.60);
      font-weight: 600;
      letter-spacing: .5px;
      text-transform: uppercase;
  }


  /* =========================================================
     INTRO
  ========================================================= */

  .fap-intro {
      padding: 100px 0;
      background: var(--bg);
      border-bottom: 1px solid var(--border);
  }

  .fap-intro-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fap-intro-text p {
      margin: 0 0 20px;
      color: var(--text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fap-intro-text p:last-child { margin-bottom: 0; }

  .fap-intro-highlights {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
  }

  .fap-highlight-item {
      padding: 24px 22px;
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: transform .3s ease, box-shadow .3s ease;
  }

  .fap-highlight-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 28px rgba(0,0,0,.08);
  }

  .fap-highlight-dot {
      width: 36px; height: 36px;
      border-radius: .6rem;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 14px;
      font-size: 11px;
      font-weight: 800;
      color: #fff;
  }

  .fap-highlight-item strong {
      display: block;
      font-size: 15px;
      color: var(--heading);
      margin-bottom: 5px;
      font-weight: 700;
  }

  .fap-highlight-item span {
      font-size: 12px;
      color: var(--muted);
      line-height: 1.6;
  }


  /* =========================================================
     PROJECT GRID
  ========================================================= */

  .fap-projects {
      padding: 110px 0;
      background: var(--white);
  }

  .fap-projects-heading {
      text-align: center;
      max-width: 750px;
      margin: 0 auto 70px;
  }

  .fap-projects-heading .fap-label { justify-content: center; }
  .fap-projects-heading .fap-label::before { display: none; }

  .fap-projects-heading p {
      margin: 20px 0 0;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fap-project-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
  }

  /* Project Card */
  .fap-project-card {
      position: relative;
      overflow: hidden;
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 1.5rem;
      box-shadow: 0 4px 16px rgba(0,0,0,.04);
      transition: transform .35s ease, box-shadow .35s ease;
      display: flex;
      flex-direction: column;
  }

  .fap-project-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 24px 50px rgba(0,0,0,.12);
  }

  .fap-card-image {
      position: relative;
      height: 220px;
      overflow: hidden;
  }

  .fap-card-image img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform .55s ease;
  }

  .fap-project-card:hover .fap-card-image img { transform: scale(1.08); }

  /* colored overlay bar at bottom of image */
  .fap-card-image::after {
      content: "";
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 4px;
  }

  .fap-card--blue  .fap-card-image::after { background: var(--blue); }
  .fap-card--green .fap-card-image::after { background: var(--green); }
  .fap-card--red   .fap-card-image::after { background: var(--red); }

  /* sector badge on image */
  .fap-card-badge {
      position: absolute;
      top: 16px; left: 16px;
      padding: 5px 12px;
      border-radius: 20px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #fff;
      backdrop-filter: blur(6px);
  }

  .fap-card--blue  .fap-card-badge { background: rgba(0,129,221,.88); }
  .fap-card--green .fap-card-badge { background: rgba(0,168,68,.88); }
  .fap-card--red   .fap-card-badge { background: rgba(220,38,38,.88); }

  .fap-card-body {
      padding: 30px 28px 36px;
      flex: 1;
      display: flex;
      flex-direction: column;
  }

  .fap-card-number {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-bottom: 12px;
  }

  .fap-card--blue  .fap-card-number { color: var(--blue); }
  .fap-card--green .fap-card-number { color: var(--green); }
  .fap-card--red   .fap-card-number { color: var(--red); }

  .fap-card-body h3 {
      margin: 0 0 14px !important;
      color: var(--heading) !important;
      font-size: 22px !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
  }

  .fap-card-body p {
      margin: 0 0 24px !important;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.8;
      flex: 1;
  }

  /* tag chips */
  .fap-card-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 24px;
  }

  .fap-tag {
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .5px;
      background: var(--bg);
      border: 1px solid var(--border);
      color: var(--muted);
  }

  .fap-card-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 48px;
      padding: 0 22px;
      border-radius: .75rem;
      font-size: 14px;
      font-weight: 700;
      color: #fff !important;
      align-self: flex-start;
      transition: all .3s ease;
  }

  .fap-card--blue  .fap-card-link { background: var(--blue); box-shadow: 0 4px 14px rgba(0,129,221,.30); }
  .fap-card--green .fap-card-link { background: var(--green); box-shadow: 0 4px 14px rgba(0,168,68,.30); }
  .fap-card--red   .fap-card-link { background: var(--red); box-shadow: 0 4px 14px rgba(220,38,38,.30); }

  .fap-card-link:hover { transform: translateX(4px); }

  .fap-card-link svg { width: 16px; height: 16px; transition: transform .3s ease; }
  .fap-card-link:hover svg { transform: translateX(4px); }


  /* =========================================================
     SECTORS STRIP
  ========================================================= */

  .fap-sectors {
      padding: 90px 0;
      background: var(--bg);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
  }

  .fap-sectors-heading {
      text-align: center;
      margin-bottom: 55px;
  }

  .fap-sectors-heading .fap-label { justify-content: center; }
  .fap-sectors-heading .fap-label::before { display: none; }

  .fap-sectors-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 16px;
  }

  .fap-sector-item {
      text-align: center;
      padding: 28px 16px;
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .3s ease;
  }

  .fap-sector-item:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 32px rgba(0,0,0,.08);
  }

  .fap-sector-icon {
      width: 52px; height: 52px;
      border-radius: .875rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 14px;
      font-size: 12px;
      font-weight: 900;
      color: #fff;
  }

  .fap-sector-item h4 {
      margin: 0 !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      color: var(--heading) !important;
      line-height: 1.3;
  }


  /* =========================================================
     WHY FAS
  ========================================================= */

  .fap-why {
      padding: 110px 0;
      background: var(--white);
      border-bottom: 1px solid var(--border);
  }

  .fap-why-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fap-why-image {
      position: relative;
      border-radius: 1.5rem;
      overflow: hidden;
      min-height: 480px;
  }

  .fap-why-image img {
      width: 100%; height: 100%;
      min-height: 480px;
      object-fit: cover;
      border-radius: 1.5rem;
  }

  .fap-why-image::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 2px solid rgba(0,129,221,.35);
      border-radius: .75rem;
      pointer-events: none;
  }

  .fap-why-points {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-top: 35px;
  }

  .fap-why-point {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      padding: 20px 22px;
      background: var(--bg);
      border: 1px solid var(--border);
      border-left: 3px solid var(--blue);
      border-radius: .6rem;
  }

  .fap-why-point-icon {
      min-width: 40px; height: 40px;
      border-radius: .6rem;
      background: var(--blue);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 12px;
      font-weight: 800;
  }

  .fap-why-point strong {
      display: block;
      color: var(--heading);
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 4px;
  }

  .fap-why-point span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.6;
  }

  .fap-why-text p {
      margin: 0 0 20px;
      color: var(--text);
      font-size: 16px;
      line-height: 1.85;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fap-cta {
      padding: 100px 0;
      background: var(--bg);
      border-top: 1px solid var(--border);
  }

  .fap-cta-inner {
      position: relative;
      overflow: hidden;
      padding: 65px 60px;
      background: var(--heading);
      border-radius: 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
  }

  /* accent rings */
  .fap-cta-inner::before {
      content: "";
      position: absolute;
      width: 500px; height: 500px;
      right: -200px; top: -200px;
      border: 1px solid rgba(0,129,221,.25);
      border-radius: 50%;
      pointer-events: none;
  }

  .fap-cta-inner::after {
      content: "";
      position: absolute;
      width: 300px; height: 300px;
      left: -100px; bottom: -100px;
      border: 1px solid rgba(0,168,68,.20);
      border-radius: 50%;
      pointer-events: none;
  }

  .fap-cta-text { position: relative; z-index: 2; }

  .fap-cta-text h2 {
      margin: 0 0 15px !important;
      color: #ffffff !important;
      font-size: clamp(32px, 4vw, 52px) !important;
      font-weight: 800 !important;
      line-height: 1.1 !important;
  }

  .fap-cta-text h2 span { color: var(--blue); }

  .fap-cta-text p {
      margin: 0;
      color: rgba(255,255,255,.75);
      font-size: 16px;
      line-height: 1.75;
      max-width: 600px;
  }

  .fap-cta-actions {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 12px;
      flex-shrink: 0;
  }

  .fap-cta-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 30px;
      border-radius: .875rem;
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
      white-space: nowrap;
  }

  .fap-cta-btn-primary {
      background: var(--blue);
      color: #fff !important;
      box-shadow: 0 4px 16px rgba(0,129,221,.40);
  }

  .fap-cta-btn-primary:hover {
      background: #006ab5;
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(0,129,221,.50);
  }

  .fap-cta-btn-outline {
      background: transparent;
      color: rgba(255,255,255,.90) !important;
      border: 1px solid rgba(255,255,255,.30);
  }

  .fap-cta-btn-outline:hover {
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.60);
      transform: translateY(-3px);
  }


  /* =========================================================
     RESPONSIVE
  ========================================================= */

  @media (max-width: 1050px) {
      .fap-project-grid   { grid-template-columns: repeat(2, 1fr); }
      .fap-sectors-grid   { grid-template-columns: repeat(3, 1fr); }
      .fap-stats-grid     { grid-template-columns: repeat(2, 1fr); }
      .fap-intro-grid,
      .fap-why-grid       { grid-template-columns: 1fr; gap: 50px; }
      .fap-cta-inner      { flex-direction: column; align-items: flex-start; }
  }

  @media (max-width: 600px) {
      .fap-container      { width: 90%; }
      .fap-hero-inner     { padding: 80px 0; }
      .fap-hero h1        { font-size: 46px !important; letter-spacing: -1.5px; }
      .fap-project-grid   { grid-template-columns: 1fr; }
      .fap-sectors-grid   { grid-template-columns: repeat(2, 1fr); }
      .fap-stats-grid     { grid-template-columns: 1fr; gap: 30px; }
      .fap-intro-highlights { grid-template-columns: 1fr; }
      .fap-cta-inner      { padding: 40px 28px; border-radius: 1.25rem; }
      .fap-cta-actions    { width: 100%; }
      .fap-cta-btn        { width: 100%; }
  }

/* ==========================================================
   PAGE: service-fire-protection.html
   ========================================================== */
  /* =========================================================
     FAS FIRE PROTECTION PAGE — WHITE THEME (BLUE, GREEN, RED)
  ========================================================= */

  .fas-fire-page {
      --fas-red: #dc2626;
      --fas-red-hover: #b91c1c;
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-fire-page *,
  .fas-fire-page *::before,
  .fas-fire-page *::after {
      box-sizing: border-box;
  }

  .fas-fire-page img {
      display: block;
      width: 100%;
      max-width: 100%;
  }

  .fas-fire-page a {
      text-decoration: none;
  }

  .fas-fire-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* HEADING SYSTEM */
  .fas-fire-page .fas-fire-section-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(32px, 4vw, 52px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-fire-page .fas-fire-section-title .fas-red-text {
      color: var(--fas-red) !important;
  }

  .fas-fire-page .fas-fire-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--fas-red) !important;
      font-size: 12px;
      line-height: 1.4;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-fire-page .fas-fire-label::before {
      content: "";
      width: 32px;
      height: 2px;
      flex: 0 0 32px;
      background: var(--fas-red);
  }

  /* HERO */
  .fas-fire-hero {
      position: relative;
      min-height: 650px;
      display: flex;
      align-items: center;
      padding: 70px 0;
      background:
          linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.93) 55%, rgba(255,255,255,.78) 100%),
          url("../images/project%20images/13.jpeg")
          center/cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-fire-hero::after {
      content: "";
      position: absolute;
      width: 500px;
      height: 500px;
      right: -180px;
      top: -180px;
      border: 1px solid rgba(220,38,38,.18);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-fire-hero .fas-fire-container {
      position: relative;
      z-index: 2;
  }

  .fas-fire-hero-content {
      max-width: 720px;
  }

  .fas-fire-hero h1 {
      margin: 0 0 24px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(42px, 4.8vw, 64px) !important;
      line-height: 1.05 !important;
      font-weight: 900 !important;
      letter-spacing: -2px;
  }

  .fas-fire-hero h1 .fas-red-text {
      color: var(--fas-red) !important;
  }

  .fas-fire-hero-description {
      max-width: 640px;
      margin: 0 0 34px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.75;
  }

  .fas-fire-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
  }

  .fas-fire-btn {
      min-height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 26px;
      border-radius: .75rem;
      border: 1px solid var(--fas-red);
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .3px;
      transition: all .3s ease;
  }

  .fas-fire-btn-primary {
      color: #fff !important;
      background: var(--fas-red);
      box-shadow: 0 4px 12px rgba(220,38,38,.25);
  }

  .fas-fire-btn-primary:hover {
      background: var(--fas-red-hover);
      border-color: var(--fas-red-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 18px rgba(220,38,38,.3);
  }

  .fas-fire-btn-outline {
      color: var(--fas-red) !important;
      background: transparent;
  }

  .fas-fire-btn-outline:hover {
      background: #fef2f2;
      transform: translateY(-3px);
  }

  /* INTRO */
  .fas-fire-intro {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-fire-intro-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 70px;
      align-items: start;
  }

  .fas-fire-intro-text p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-fire-highlight {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      margin-top: 30px;
  }

  .fas-fire-highlight-item {
      padding: 18px 20px;
      color: var(--fas-heading);
      font-size: 13px;
      font-weight: 700;
      background: #fff;
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-red);
      border-radius: .6rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
  }

  /* SOLUTIONS */
  .fas-fire-solutions {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-fire-heading-center {
      max-width: 780px;
      margin: 0 auto 60px;
      text-align: center;
  }

  .fas-fire-heading-center .fas-fire-label {
      justify-content: center;
  }

  .fas-fire-heading-center .fas-fire-label::before {
      display: none;
  }

  .fas-fire-heading-center p {
      margin: 20px auto 0;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fas-fire-solutions-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 26px;
  }

  /* CARDS */
  .fas-fire-card {
      position: relative;
      overflow: hidden;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
      transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .fas-fire-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-red);
      box-shadow: 0 20px 40px rgba(220,38,38,.1);
  }

  .fas-fire-card-image {
      position: relative;
      height: 240px;
      overflow: hidden;
  }

  .fas-fire-card-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .6s ease;
  }

  .fas-fire-card:hover .fas-fire-card-image img {
      transform: scale(1.08);
  }

  .fas-fire-card-number {
      position: absolute;
      z-index: 5;
      top: 16px;
      left: 16px;
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background: var(--fas-red);
      font-size: 13px;
      font-weight: 800;
      border-radius: .6rem;
      box-shadow: 0 6px 16px rgba(220,38,38,.3);
  }

  .fas-fire-card-content {
      padding: 28px 26px 30px;
  }

  .fas-fire-card-content h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      line-height: 1.25 !important;
      font-weight: 800 !important;
  }

  .fas-fire-card-content p {
      margin: 0;
      color: var(--fas-text);
      font-size: 14px;
      line-height: 1.7;
  }

  .fas-fire-card-list {
      margin: 16px 0 0 !important;
      padding: 0 !important;
      list-style: none !important;
  }

  .fas-fire-card-list li {
      position: relative;
      margin: 0 0 8px;
      padding-left: 18px;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.5;
  }

  .fas-fire-card-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 7px;
      width: 6px;
      height: 6px;
      background: var(--fas-red);
      border-radius: 50%;
  }

  /* WIDE CARD */
  .fas-fire-card-wide {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: 1fr 1fr;
  }

  .fas-fire-card-wide .fas-fire-card-image {
      height: 100%;
      min-height: 340px;
  }

  .fas-fire-card-wide .fas-fire-card-content {
      align-self: center;
      padding: 40px;
  }

  /* STANDARDS */
  .fas-fire-standards {
      padding: 105px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-fire-standards-grid {
      display: grid;
      grid-template-columns: 1fr 1.1fr;
      gap: 70px;
      align-items: center;
  }

  .fas-fire-standards-text p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-fire-standard-boxes {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
  }

  .fas-fire-standard {
      min-height: 170px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 25px;
      background: var(--fas-white);
      border: 2px solid var(--fas-border);
      border-radius: 1rem;
      text-align: center;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
      transition: all .3s ease;
  }

  .fas-fire-standard:hover {
      background: var(--fas-red);
      border-color: var(--fas-red);
      transform: translateY(-5px);
      box-shadow: 0 15px 30px rgba(220,38,38,.2);
  }

  .fas-fire-standard strong {
      color: var(--fas-heading);
      font-size: 28px;
      font-weight: 800;
  }

  .fas-fire-standard:hover strong {
      color: #fff;
  }

  .fas-fire-standard span {
      margin-top: 9px;
      color: var(--fas-muted);
      font-size: 11px;
      letter-spacing: 1px;
      text-transform: uppercase;
  }

  .fas-fire-standard:hover span {
      color: rgba(255,255,255,.9);
  }

  /* WHY FAS */
  .fas-fire-why {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-fire-why-header {
      max-width: 720px;
      margin-bottom: 55px;
  }

  .fas-fire-why-header p {
      margin: 20px 0 0;
      color: var(--fas-muted);
      line-height: 1.8;
  }

  .fas-fire-why-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .fas-fire-why-card {
      padding: 34px 28px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      transition: all .3s ease;
  }

  .fas-fire-why-card:hover {
      transform: translateY(-6px);
      border-color: var(--fas-red);
      box-shadow: 0 15px 30px rgba(220,38,38,.08);
  }

  .fas-fire-icon {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 22px;
      color: #fff;
      background: var(--fas-red);
      border-radius: .8rem;
      font-weight: 800;
  }

  .fas-fire-why-card h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 18px !important;
  }

  .fas-fire-why-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.7;
  }

  /* CTA */
  .fas-fire-cta {
      padding: 100px 0;
      background: var(--fas-white);
  }

  .fas-fire-cta-inner {
      position: relative;
      padding: 56px;
      background: var(--fas-bg-light);
      border: 2px solid var(--fas-red);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(220,38,38,.08);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
  }

  .fas-fire-cta h2 {
      margin: 0 0 14px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(28px, 3.4vw, 42px) !important;
      line-height: 1.15 !important;
      font-weight: 800 !important;
  }

  .fas-fire-cta p {
      max-width: 560px;
      margin: 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.75;
  }

  .fas-fire-cta .fas-fire-btn {
      flex-shrink: 0;
  }

  /* TABLET */
  @media (max-width: 900px) {
      .fas-fire-intro-grid,
      .fas-fire-standards-grid {
          grid-template-columns: 1fr;
          gap: 45px;
      }
      .fas-fire-solutions-grid {
          grid-template-columns: 1fr;
      }
      .fas-fire-card-wide {
          grid-column: auto;
          grid-template-columns: 1fr;
      }
      .fas-fire-card-wide .fas-fire-card-image {
          height: 260px;
          min-height: 0;
      }
      .fas-fire-card-wide .fas-fire-card-content {
          padding: 32px 28px;
      }
      .fas-fire-why-grid {
          grid-template-columns: repeat(2, 1fr);
      }
      .fas-fire-cta-inner {
          flex-direction: column;
          align-items: flex-start;
      }
  }

  /* MOBILE */
  @media (max-width: 600px) {
      .fas-fire-container { width: 90%; }
      .fas-fire-hero { min-height: 560px; padding: 60px 0; }
      .fas-fire-hero h1 { font-size: 40px !important; letter-spacing: -1px; }
      .fas-fire-hero-description { font-size: 15px; }
      .fas-fire-intro, .fas-fire-solutions, .fas-fire-why { padding: 70px 0; }
      .fas-fire-standards { padding: 70px 0; }
      .fas-fire-highlight { grid-template-columns: 1fr; }
      .fas-fire-card-content { padding: 24px 22px 26px; }
      .fas-fire-card-wide .fas-fire-card-image { height: 220px; }
      .fas-fire-card-wide .fas-fire-card-content { padding: 28px 22px; }
      .fas-fire-standard-boxes, .fas-fire-why-grid { grid-template-columns: 1fr; }
      .fas-fire-buttons { flex-direction: column; align-items: stretch; }
      .fas-fire-btn { width: 100%; }
      .fas-fire-cta { padding: 70px 0; }
  }

/* ==========================================================
   PAGE: service-gap-analysis.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     SERVICE — GAP ANALYSIS & RISK ASSESSMENT
     White/Light Theme — Primary accent: #0081dd (brand blue)
  ========================================================= */

  .fas-gap-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-blue-light: #eff6ff;
      --fas-blue-shadow: rgba(0,129,221,.25);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-gap-page *,
  .fas-gap-page *::before,
  .fas-gap-page *::after {
      box-sizing: border-box;
  }

  .fas-gap-page img {
      display: block;
      width: 100%;
      max-width: 100%;
  }

  .fas-gap-page a {
      text-decoration: none;
  }

  .fas-gap-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  .fas-gap-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(35px, 4vw, 56px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-gap-blue {
      color: var(--fas-blue) !important;
  }

  .fas-gap-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--fas-blue) !important;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-gap-label::before {
      content: "";
      width: 32px;
      height: 2px;
      flex: 0 0 32px;
      background: var(--fas-blue);
  }

  /* HERO */
  .fas-gap-hero {
      position: relative;
      min-height: 700px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 55%, rgba(255,255,255,.78) 100%),
          url("../images/project%20images/16.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-gap-hero::before {
      content: "";
      position: absolute;
      width: 500px; height: 500px;
      right: -220px; top: -200px;
      border: 1px solid rgba(0,129,221,.18);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-gap-hero::after {
      content: "";
      position: absolute;
      width: 300px; height: 300px;
      right: -100px; bottom: -150px;
      border: 1px solid rgba(0,129,221,.10);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-gap-hero .fas-gap-container { position: relative; z-index: 2; }

  .fas-gap-hero-content {
      max-width: 850px;
      padding: 110px 0;
  }

  .fas-gap-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(44px, 6vw, 74px) !important;
      line-height: 1.04 !important;
      font-weight: 800 !important;
      letter-spacing: -2px;
  }

  .fas-gap-hero h1 span { color: var(--fas-blue) !important; }

  .fas-gap-hero-description {
      max-width: 730px;
      margin: 0 0 35px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.8;
  }

  .fas-gap-buttons { display: flex; flex-wrap: wrap; gap: 14px; }

  .fas-gap-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: .75rem;
      border: 1px solid var(--fas-blue);
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
  }

  .fas-gap-btn-primary {
      color: #ffffff !important;
      background: var(--fas-blue);
      box-shadow: 0 4px 12px var(--fas-blue-shadow);
  }

  .fas-gap-btn-primary:hover {
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 18px rgba(0,129,221,.35);
  }

  .fas-gap-btn-outline {
      color: var(--fas-blue) !important;
      background: transparent;
  }

  .fas-gap-btn-outline:hover {
      background: var(--fas-blue-light);
      transform: translateY(-3px);
  }

  /* INTRO */
  .fas-gap-intro {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-gap-intro-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 80px;
      align-items: center;
  }

  .fas-gap-intro-text p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 16px;
      line-height: 1.85;
  }

  .fas-gap-highlights {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      margin-top: 30px;
  }

  .fas-gap-highlight {
      padding: 18px 20px;
      color: var(--fas-heading);
      font-size: 13px;
      font-weight: 700;
      background: #fff;
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-blue);
      border-radius: .6rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
  }

  /* GAP ANALYSIS SECTION */
  .fas-gap-analysis {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-gap-heading-center {
      max-width: 820px;
      margin: 0 auto 65px;
      text-align: center;
  }

  .fas-gap-heading-center .fas-gap-label { justify-content: center; }
  .fas-gap-heading-center .fas-gap-label::before { display: none; }

  .fas-gap-heading-center p {
      max-width: 720px;
      margin: 22px auto 0;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  /* GAP CARDS */
  .fas-gap-card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .fas-gap-card {
      position: relative;
      min-height: 290px;
      padding: 35px 28px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.03);
      transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .fas-gap-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-blue);
      box-shadow: 0 20px 40px rgba(0,129,221,.12);
  }

  .fas-gap-number {
      width: 50px; height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px;
      color: #ffffff;
      background: var(--fas-blue);
      border-radius: .75rem;
      box-shadow: 0 6px 16px var(--fas-blue-shadow);
      font-size: 12px;
      font-weight: 800;
  }

  .fas-gap-card h3 {
      margin: 0 0 14px !important;
      color: var(--fas-heading) !important;
      font-size: 22px !important;
      line-height: 1.25 !important;
      font-weight: 800 !important;
  }

  .fas-gap-card p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 14px;
      line-height: 1.75;
  }

  /* COMPARISON */
  .fas-gap-comparison {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-gap-comparison-grid {
      display: grid;
      grid-template-columns: 1fr 90px 1fr;
      gap: 25px;
      align-items: stretch;
  }

  .fas-gap-state {
      padding: 45px 35px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-gap-state.future {
      border-color: var(--fas-blue);
      box-shadow: 0 8px 25px rgba(0,129,221,.12);
  }

  .fas-gap-state h3 {
      margin: 0 0 20px !important;
      color: var(--fas-heading) !important;
      font-size: 25px !important;
      font-weight: 800 !important;
  }

  .fas-gap-state p {
      margin: 0 0 20px;
      color: var(--fas-text);
      line-height: 1.8;
  }

  .fas-gap-state ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }

  .fas-gap-state li {
      position: relative;
      margin-bottom: 12px;
      padding-left: 20px;
      color: var(--fas-muted);
      font-size: 14px;
  }

  .fas-gap-state li::before {
      content: "";
      position: absolute;
      left: 0; top: 7px;
      width: 6px; height: 6px;
      background: var(--fas-blue);
      border-radius: 50%;
  }

  .fas-gap-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 28px;
      font-weight: 800;
      background: var(--fas-blue);
      border-radius: 1rem;
      box-shadow: 0 8px 24px var(--fas-blue-shadow);
  }

  /* RISK ASSESSMENT */
  .fas-gap-risk {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-gap-risk-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
  }

  .fas-gap-risk-image {
      position: relative;
      min-height: 530px;
      overflow: hidden;
      border-radius: 1.25rem;
  }

  .fas-gap-risk-image img {
      width: 100%; height: 100%;
      min-height: 530px;
      object-fit: cover;
      border-radius: 1.25rem;
  }

  .fas-gap-risk-image::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 2px solid rgba(0,129,221,.40);
      border-radius: .75rem;
      pointer-events: none;
  }

  .fas-gap-risk-text p {
      margin: 22px 0 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }

  /* AREAS */
  .fas-gap-areas {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-gap-area-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 55px;
  }

  .fas-gap-area {
      padding: 30px 22px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-top: 3px solid var(--fas-blue);
      border-radius: 0 0 1rem 1rem;
      transition: all .3s ease;
  }

  .fas-gap-area:hover {
      transform: translateY(-6px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0,129,221,.10);
  }

  .fas-gap-area-number {
      margin-bottom: 20px;
      color: var(--fas-blue);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-gap-area h3 {
      margin: 0 0 10px !important;
      color: var(--fas-heading) !important;
      font-size: 18px !important;
      font-weight: 700 !important;
  }

  .fas-gap-area p { margin: 0; color: var(--fas-muted); font-size: 13px; line-height: 1.7; }

  /* PROCESS */
  .fas-gap-process {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-gap-process-box {
      padding: 50px;
      background: var(--fas-bg-light);
      border: 2px solid var(--fas-border);
      border-left: 4px solid var(--fas-blue);
      border-radius: 1.25rem;
      box-shadow: 0 4px 20px rgba(0,0,0,.04);
  }

  .fas-gap-process-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 15px;
      margin-top: 55px;
  }

  .fas-gap-step {
      padding: 25px 20px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-top: 3px solid var(--fas-blue);
      border-radius: 0 0 .75rem .75rem;
      transition: all .3s ease;
  }

  .fas-gap-step:hover {
      border-color: var(--fas-blue);
      box-shadow: 0 10px 25px rgba(0,129,221,.10);
      transform: translateY(-4px);
  }

  .fas-gap-step-number {
      margin-bottom: 16px;
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-gap-step h3 {
      margin: 0 0 10px !important;
      color: var(--fas-heading) !important;
      font-size: 16px !important;
      font-weight: 700 !important;
  }

  .fas-gap-step p { margin: 0; color: var(--fas-muted); font-size: 12px; line-height: 1.7; }

  /* RESULTS */
  .fas-gap-results {
      padding: 100px 0;
      background: var(--fas-bg-light);
  }

  .fas-gap-results-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 50px;
  }

  .fas-gap-result {
      padding: 35px 28px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-blue);
      border-radius: .6rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
      transition: all .3s ease;
  }

  .fas-gap-result:hover {
      border-color: var(--fas-blue);
      box-shadow: 0 12px 28px rgba(0,129,221,.10);
      transform: translateY(-4px);
  }

  .fas-gap-result h3 {
      margin: 0 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 19px !important;
      font-weight: 700 !important;
  }

  .fas-gap-result p { margin: 0; color: var(--fas-muted); font-size: 13px; line-height: 1.7; }

  /* CTA */
  .fas-gap-cta {
      padding: 100px 0;
      background: var(--fas-white);
      border-top: 1px solid var(--fas-border);
  }

  .fas-gap-cta-inner {
      position: relative;
      padding: 56px;
      background: var(--fas-bg-light);
      border: 2px solid var(--fas-blue);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0,129,221,.08);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 45px;
  }

  .fas-gap-cta h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(32px, 4vw, 52px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-gap-cta p {
      max-width: 560px;
      margin: 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.75;
  }

  .fas-gap-cta .fas-gap-btn { flex-shrink: 0; }

  /* TABLET */
  @media (max-width: 1000px) {
      .fas-gap-intro-grid, .fas-gap-risk-grid { grid-template-columns: 1fr; gap: 45px; }
      .fas-gap-card-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-gap-area-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-gap-process-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-gap-results-grid { grid-template-columns: 1fr; }
      .fas-gap-comparison-grid { grid-template-columns: 1fr; }
      .fas-gap-arrow { min-height: 55px; }
      .fas-gap-cta-inner { flex-direction: column; align-items: flex-start; }
  }

  /* MOBILE */
  @media (max-width: 600px) {
      .fas-gap-container { width: 90%; }
      .fas-gap-hero { min-height: 620px; }
      .fas-gap-hero-content { padding: 85px 0; }
      .fas-gap-hero h1 { font-size: 43px !important; letter-spacing: -1px; }
      .fas-gap-hero-description { font-size: 15px; }
      .fas-gap-intro, .fas-gap-analysis, .fas-gap-comparison,
      .fas-gap-risk, .fas-gap-areas, .fas-gap-process, .fas-gap-results { padding: 75px 0; }
      .fas-gap-highlights { grid-template-columns: 1fr; }
      .fas-gap-card-grid, .fas-gap-area-grid, .fas-gap-process-grid { grid-template-columns: 1fr; }
      .fas-gap-risk-image, .fas-gap-risk-image img { min-height: 320px; }
      .fas-gap-process-box { padding: 30px 22px; }
      .fas-gap-buttons { flex-direction: column; align-items: stretch; }
      .fas-gap-btn { width: 100%; }
      .fas-gap-cta { padding: 75px 0; }
      .fas-gap-cta-inner { padding: 36px 28px; flex-direction: column; align-items: flex-start; }
  }

/* ==========================================================
   PAGE: service-inspection-maintenance.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     SERVICE — INSPECTION & MAINTENANCE  (WHITE/LIGHT THEME)
     Primary accent: #0081dd (brand blue)
  ========================================================= */

  .fas-inspection-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-blue-light: #eff6ff;
      --fas-blue-shadow: rgba(0,129,221,.25);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-inspection-page *,
  .fas-inspection-page *::before,
  .fas-inspection-page *::after {
      box-sizing: border-box;
  }

  .fas-inspection-page img {
      display: block;
      width: 100%;
      max-width: 100%;
  }

  .fas-inspection-page a {
      text-decoration: none;
  }


  /* =========================================================
     CONTAINER
  ========================================================= */

  .fas-inspection-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }


  /* =========================================================
     GLOBAL HEADINGS
  ========================================================= */

  .fas-inspection-page .fas-inspection-title {
      margin: 0 !important;
      padding: 0 !important;

      color: var(--fas-heading) !important;

      font-size: clamp(34px, 4vw, 56px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;

      letter-spacing: -1.5px;
  }

  .fas-inspection-page .fas-blue-text {
      color: var(--fas-blue) !important;
  }

  .fas-inspection-label {
      display: flex;
      align-items: center;
      gap: 10px;

      margin-bottom: 18px;

      color: var(--fas-blue) !important;

      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-inspection-label::before {
      content: "";

      width: 32px;
      height: 2px;

      flex: 0 0 32px;

      background: var(--fas-blue);
  }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-inspection-hero {
      position: relative;

      min-height: 700px;

      display: flex;
      align-items: center;

      background:
          linear-gradient(
              90deg,
              rgba(255,255,255,.98) 0%,
              rgba(255,255,255,.93) 55%,
              rgba(255,255,255,.78) 100%
          ),
          url("../images/project%20images/13.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-inspection-hero::after {
      content: "";

      position: absolute;

      right: -220px;
      top: -220px;

      width: 520px;
      height: 520px;

      border: 1px solid rgba(0,129,221,.20);

      border-radius: 50%;
      pointer-events: none;
  }

  .fas-inspection-hero .fas-inspection-container {
      position: relative;
      z-index: 2;
  }

  .fas-inspection-hero-content {
      max-width: 820px;

      padding: 110px 0;
  }

  .fas-inspection-hero h1 {
      margin: 0 0 25px !important;

      color: var(--fas-heading) !important;

      font-size: clamp(46px, 6vw, 76px) !important;
      line-height: 1.04 !important;

      font-weight: 800 !important;

      letter-spacing: -2px;
  }

  .fas-inspection-hero-description {
      max-width: 720px;

      margin: 0 0 35px;

      color: var(--fas-text);

      font-size: 18px;
      line-height: 1.8;
  }

  .fas-inspection-buttons {
      display: flex;
      flex-wrap: wrap;

      gap: 14px;
  }

  .fas-inspection-btn {
      min-height: 54px;

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

      padding: 0 28px;

      border-radius: .75rem;
      border: 1px solid var(--fas-blue);

      font-size: 14px;
      font-weight: 700;

      transition: all .3s ease;
  }

  .fas-inspection-btn-primary {
      color: #ffffff !important;
      background: var(--fas-blue);
      box-shadow: 0 4px 12px var(--fas-blue-shadow);
  }

  .fas-inspection-btn-primary:hover {
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 18px rgba(0,129,221,.35);
  }

  .fas-inspection-btn-outline {
      color: var(--fas-blue) !important;
      background: transparent;
  }

  .fas-inspection-btn-outline:hover {
      background: var(--fas-blue-light);
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRODUCTION
  ========================================================= */

  .fas-inspection-intro {
      padding: 110px 0;

      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-inspection-intro-grid {
      display: grid;

      grid-template-columns: .9fr 1.1fr;

      gap: 80px;

      align-items: center;
  }

  .fas-inspection-intro-text p {
      margin: 0 0 20px;

      color: var(--fas-text);

      font-size: 16px;
      line-height: 1.85;
  }

  .fas-inspection-highlight {
      display: grid;

      grid-template-columns: repeat(2, 1fr);

      gap: 12px;

      margin-top: 30px;
  }

  .fas-inspection-highlight-item {
      padding: 18px 20px;

      color: var(--fas-heading);

      font-size: 13px;
      font-weight: 700;

      background: #fff;
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-blue);
      border-radius: .6rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
  }


  /* =========================================================
     INSPECTION SERVICES
  ========================================================= */

  .fas-inspection-services {
      padding: 110px 0;

      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-inspection-heading-center {
      max-width: 820px;

      margin: 0 auto 65px;

      text-align: center;
  }

  .fas-inspection-heading-center .fas-inspection-label {
      justify-content: center;
  }

  .fas-inspection-heading-center .fas-inspection-label::before {
      display: none;
  }

  .fas-inspection-heading-center p {
      max-width: 720px;

      margin: 22px auto 0;

      color: var(--fas-muted);

      font-size: 16px;
      line-height: 1.8;
  }


  /* =========================================================
     SERVICE CARDS
  ========================================================= */

  .fas-inspection-grid {
      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 22px;
  }

  .fas-inspection-card {
      position: relative;

      overflow: hidden;

      background: var(--fas-white);

      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.03);

      transition:
          transform .35s ease,
          border-color .35s ease,
          box-shadow .35s ease;
  }

  .fas-inspection-card:hover {
      transform: translateY(-8px);

      border-color: var(--fas-blue);

      box-shadow: 0 20px 40px rgba(0,129,221,.12);
  }

  .fas-inspection-card-image {
      position: relative;

      height: 245px;

      overflow: hidden;
  }

  .fas-inspection-card-image::after {
      content: "";

      position: absolute;
      inset: 0;

      background:
          linear-gradient(
              to bottom,
              transparent 50%,
              rgba(255,255,255,.85) 100%
          );
  }

  .fas-inspection-card-image img {
      width: 100%;
      height: 100%;

      object-fit: cover;

      transition: transform .6s ease;
  }

  .fas-inspection-card:hover .fas-inspection-card-image img {
      transform: scale(1.08);
  }

  .fas-inspection-number {
      position: absolute;

      z-index: 5;

      top: 18px;
      left: 18px;

      width: 45px;
      height: 45px;

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

      color: #ffffff;

      background: var(--fas-blue);
      border-radius: .6rem;
      box-shadow: 0 6px 16px var(--fas-blue-shadow);

      font-size: 12px;
      font-weight: 800;
  }

  .fas-inspection-card-content {
      position: relative;

      z-index: 5;

      padding: 24px 25px 32px;
  }

  .fas-inspection-card h3 {
      margin: 0 0 13px !important;

      color: var(--fas-heading) !important;

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

      font-weight: 800 !important;
  }

  .fas-inspection-card p {
      margin: 0;

      color: var(--fas-text);

      font-size: 14px;

      line-height: 1.75;
  }

  .fas-inspection-card-list {
      margin: 18px 0 0 !important;
      padding: 0 !important;

      list-style: none !important;
  }

  .fas-inspection-card-list li {
      position: relative;

      margin-bottom: 8px;

      padding-left: 17px;

      color: var(--fas-muted);

      font-size: 13px;
  }

  .fas-inspection-card-list li::before {
      content: "";

      position: absolute;

      left: 0;
      top: 7px;

      width: 6px;
      height: 6px;

      background: var(--fas-blue);

      border-radius: 50%;
  }


  /* =========================================================
     END-TO-END APPROACH
  ========================================================= */

  .fas-inspection-process {
      padding: 110px 0;

      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-inspection-process-grid {
      display: grid;

      grid-template-columns: .9fr 1.1fr;

      gap: 80px;

      align-items: center;
  }

  .fas-inspection-process-text p {
      margin: 22px 0 0;

      color: var(--fas-text);

      font-size: 15px;

      line-height: 1.85;
  }

  .fas-inspection-process-box {
      padding: 42px;

      background: var(--fas-white);

      border: 2px solid var(--fas-border);
      border-left: 4px solid var(--fas-blue);
      border-radius: 1rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-inspection-process-box h3 {
      margin: 0 0 30px !important;

      color: var(--fas-heading) !important;

      font-size: 25px !important;
      font-weight: 800 !important;
  }


  /* PROCESS STEPS */

  .fas-inspection-steps {
      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 15px;
  }

  .fas-inspection-step {
      position: relative;

      min-height: 120px;

      padding: 20px;

      background: var(--fas-bg-light);

      border: 1px solid var(--fas-border);
      border-radius: .75rem;

      transition: all .3s ease;
  }

  .fas-inspection-step:hover {
      border-color: var(--fas-blue);
      background: var(--fas-blue-light);
  }

  .fas-inspection-step-number {
      margin-bottom: 12px;

      color: var(--fas-blue);

      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-inspection-step h4 {
      margin: 0 !important;

      color: var(--fas-heading) !important;

      font-size: 15px !important;
      line-height: 1.3 !important;
      font-weight: 700 !important;
  }


  /* =========================================================
     INSPECTION COVERAGE
  ========================================================= */

  .fas-inspection-coverage {
      padding: 110px 0;

      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-inspection-coverage-grid {
      display: grid;

      grid-template-columns: repeat(4, 1fr);

      gap: 18px;

      margin-top: 55px;
  }

  .fas-inspection-coverage-card {
      padding: 32px 24px;

      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;

      transition: all .3s ease;
  }

  .fas-inspection-coverage-card:hover {
      transform: translateY(-6px);

      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0,129,221,.10);
  }

  .fas-inspection-icon {
      width: 50px;
      height: 50px;

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

      margin-bottom: 22px;

      color: #ffffff;

      background: var(--fas-blue);
      border-radius: .8rem;

      font-size: 18px;
      font-weight: 800;
  }

  .fas-inspection-coverage-card h3 {
      margin: 0 0 12px !important;

      color: var(--fas-heading) !important;

      font-size: 18px !important;
      font-weight: 700 !important;
  }

  .fas-inspection-coverage-card p {
      margin: 0;

      color: var(--fas-muted);

      font-size: 13px;

      line-height: 1.7;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-inspection-cta {
      padding: 100px 0;

      background: var(--fas-white);
  }

  .fas-inspection-cta-inner {
      position: relative;

      padding: 56px;

      background: var(--fas-bg-light);

      border: 2px solid var(--fas-blue);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0,129,221,.08);

      display: flex;

      align-items: center;
      justify-content: space-between;

      gap: 40px;
  }

  .fas-inspection-cta h2 {
      margin: 0 0 15px !important;

      color: var(--fas-heading) !important;

      font-size: clamp(32px, 4vw, 52px) !important;
      line-height: 1.1 !important;

      font-weight: 800 !important;
  }

  .fas-inspection-cta p {
      max-width: 560px;

      margin: 0;

      color: var(--fas-muted);

      font-size: 15px;
      line-height: 1.75;
  }

  .fas-inspection-cta .fas-inspection-btn {
      flex-shrink: 0;
  }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1000px) {

      .fas-inspection-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .fas-inspection-coverage-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .fas-inspection-intro-grid,
      .fas-inspection-process-grid {
          grid-template-columns: 1fr;

          gap: 45px;
      }

      .fas-inspection-cta-inner {
          flex-direction: column;

          align-items: flex-start;
      }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {

      .fas-inspection-container {
          width: 90%;
      }

      .fas-inspection-hero {
          min-height: 620px;
      }

      .fas-inspection-hero-content {
          padding: 85px 0;
      }

      .fas-inspection-hero h1 {
          font-size: 44px !important;

          letter-spacing: -1px;
      }

      .fas-inspection-hero-description {
          font-size: 15px;
      }

      .fas-inspection-intro,
      .fas-inspection-services,
      .fas-inspection-process,
      .fas-inspection-coverage {
          padding: 75px 0;
      }

      .fas-inspection-grid,
      .fas-inspection-coverage-grid {
          grid-template-columns: 1fr;
      }

      .fas-inspection-highlight {
          grid-template-columns: 1fr;
      }

      .fas-inspection-steps {
          grid-template-columns: 1fr;
      }

      .fas-inspection-buttons {
          flex-direction: column;

          align-items: stretch;
      }

      .fas-inspection-btn {
          width: 100%;
      }

      .fas-inspection-process-box {
          padding: 30px 24px;
      }

      .fas-inspection-cta {
          padding: 75px 0;
      }

      .fas-inspection-cta-inner {
          padding: 36px 28px;
          flex-direction: column;

          align-items: flex-start;
      }
  }

/* ==========================================================
   PAGE: service-ogra-lpg.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     SERVICE — OGRA & LPG UNIT CONSULTANCY  (WHITE THEME)
  ========================================================= */

  .fas-lpg-page {
      --fas-red: #dc2626;
      --fas-red-hover: #b91c1c;
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-lpg-page *,
  .fas-lpg-page *::before,
  .fas-lpg-page *::after {
      box-sizing: border-box;
  }

  .fas-lpg-page img {
      display: block;
      width: 100%;
      max-width: 100%;
  }

  .fas-lpg-page a {
      text-decoration: none;
  }

  .fas-lpg-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }


  /* =========================================================
     HEADINGS
  ========================================================= */

  .fas-lpg-page .fas-lpg-title {
      margin: 0 !important;
      padding: 0 !important;

      color: var(--fas-heading) !important;

      font-size: clamp(34px, 4vw, 56px) !important;
      line-height: 1.08 !important;
      font-weight: 800 !important;
      letter-spacing: -1.5px;
  }

  .fas-lpg-page .fas-orange {
      color: var(--fas-red) !important;
  }

  .fas-lpg-label {
      display: flex;
      align-items: center;
      gap: 10px;

      margin-bottom: 18px;

      color: var(--fas-red) !important;

      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-lpg-label::before {
      content: "";

      width: 32px;
      height: 2px;
      flex: 0 0 32px;

      background: var(--fas-red);
  }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-lpg-hero {
      position: relative;

      min-height: 700px;

      display: flex;
      align-items: center;

      background:
          linear-gradient(
              90deg,
              rgba(255,255,255,.98) 0%,
              rgba(255,255,255,.93) 55%,
              rgba(255,255,255,.78) 100%
          ),
          url("../images/project%20images/7.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-lpg-hero::after {
      content: "";

      position: absolute;

      width: 520px;
      height: 520px;

      right: -250px;
      top: -250px;

      border: 1px solid rgba(220,38,38,.18);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-lpg-hero .fas-lpg-container {
      position: relative;
      z-index: 2;
  }

  .fas-lpg-hero-content {
      max-width: 800px;

      padding: 110px 0;
  }

  .fas-lpg-hero h1 {
      margin: 0 0 25px !important;

      color: var(--fas-heading) !important;

      font-size: clamp(46px, 6vw, 76px) !important;
      line-height: 1.04 !important;
      font-weight: 800 !important;

      letter-spacing: -2px;
  }

  .fas-lpg-hero h1 .fas-orange {
      color: var(--fas-red) !important;
  }

  .fas-lpg-hero-description {
      max-width: 700px;

      margin: 0 0 35px;

      color: var(--fas-text);

      font-size: 18px;
      line-height: 1.8;
  }

  .fas-lpg-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
  }

  .fas-lpg-btn {
      min-height: 54px;

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

      padding: 0 28px;

      border-radius: .75rem;
      border: 1px solid var(--fas-red);

      font-size: 14px;
      font-weight: 700;

      transition: all .3s ease;
  }

  .fas-lpg-btn-primary {
      color: #ffffff !important;
      background: var(--fas-red);
      box-shadow: 0 4px 12px rgba(220,38,38,.25);
  }

  .fas-lpg-btn-primary:hover {
      background: var(--fas-red-hover);
      border-color: var(--fas-red-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 18px rgba(220,38,38,.3);
  }

  .fas-lpg-btn-outline {
      color: var(--fas-red) !important;
      background: transparent;
  }

  .fas-lpg-btn-outline:hover {
      background: #fef2f2;
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRODUCTION
  ========================================================= */

  .fas-lpg-intro {
      padding: 110px 0;

      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-lpg-intro-grid {
      display: grid;

      grid-template-columns: .9fr 1.1fr;

      gap: 80px;

      align-items: center;
  }

  .fas-lpg-intro-text p {
      margin: 0 0 20px;

      color: var(--fas-text);

      font-size: 16px;
      line-height: 1.85;
  }

  .fas-lpg-highlight {
      display: grid;

      grid-template-columns: repeat(2, 1fr);

      gap: 12px;

      margin-top: 30px;
  }

  .fas-lpg-highlight-item {
      padding: 18px 20px;

      color: var(--fas-heading);

      font-size: 13px;
      font-weight: 700;

      background: #fff;
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-red);
      border-radius: .6rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
  }


  /* =========================================================
     INSPECTION AREAS
  ========================================================= */

  .fas-lpg-services {
      padding: 110px 0;

      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-lpg-heading-center {
      max-width: 800px;

      margin: 0 auto 65px;

      text-align: center;
  }

  .fas-lpg-heading-center .fas-lpg-label {
      justify-content: center;
  }

  .fas-lpg-heading-center .fas-lpg-label::before {
      display: none;
  }

  .fas-lpg-heading-center p {
      max-width: 720px;

      margin: 22px auto 0;

      color: var(--fas-muted);

      font-size: 16px;
      line-height: 1.8;
  }


  /* =========================================================
     SERVICE GRID
  ========================================================= */

  .fas-lpg-grid {
      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 22px;
  }

  .fas-lpg-card {
      position: relative;

      overflow: hidden;

      background: var(--fas-white);

      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.03);

      transition:
          transform .35s ease,
          border-color .35s ease,
          box-shadow .35s ease;
  }

  .fas-lpg-card:hover {
      transform: translateY(-8px);

      border-color: var(--fas-red);

      box-shadow: 0 20px 40px rgba(220,38,38,.10);
  }

  .fas-lpg-card-image {
      position: relative;

      height: 230px;

      overflow: hidden;
  }

  .fas-lpg-card-image::after {
      content: "";

      position: absolute;
      inset: 0;

      background:
          linear-gradient(
              to bottom,
              transparent 50%,
              rgba(255,255,255,.85) 100%
          );
  }

  .fas-lpg-card-image img {
      width: 100%;
      height: 100%;

      object-fit: cover;

      transition: transform .6s ease;
  }

  .fas-lpg-card:hover .fas-lpg-card-image img {
      transform: scale(1.08);
  }

  .fas-lpg-number {
      position: absolute;

      z-index: 5;

      top: 18px;
      left: 18px;

      width: 45px;
      height: 45px;

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

      color: #ffffff;

      background: var(--fas-red);
      border-radius: .6rem;
      box-shadow: 0 6px 16px rgba(220,38,38,.3);

      font-size: 12px;
      font-weight: 800;
  }

  .fas-lpg-card-content {
      position: relative;

      z-index: 5;

      padding: 24px 24px 30px;
  }

  .fas-lpg-card h3 {
      margin: 0 0 12px !important;

      color: var(--fas-heading) !important;

      font-size: 22px !important;
      line-height: 1.2 !important;
      font-weight: 800 !important;
  }

  .fas-lpg-card p {
      margin: 0;

      color: var(--fas-text);

      font-size: 14px;
      line-height: 1.75;
  }

  .fas-lpg-card-list {
      margin: 18px 0 0 !important;
      padding: 0 !important;

      list-style: none !important;
  }

  .fas-lpg-card-list li {
      position: relative;

      margin-bottom: 8px;

      padding-left: 17px;

      color: var(--fas-muted);

      font-size: 13px;
  }

  .fas-lpg-card-list li::before {
      content: "";

      position: absolute;

      left: 0;
      top: 7px;

      width: 6px;
      height: 6px;

      background: var(--fas-red);

      border-radius: 50%;
  }


  /* =========================================================
     COMPLIANCE SECTION
  ========================================================= */

  .fas-lpg-compliance {
      padding: 110px 0;

      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-lpg-compliance-grid {
      display: grid;

      grid-template-columns: 1fr 1.1fr;

      gap: 70px;

      align-items: center;
  }

  .fas-lpg-compliance-text p {
      margin: 22px 0 0;

      color: var(--fas-text);

      font-size: 15px;
      line-height: 1.8;
  }

  .fas-lpg-compliance-box {
      padding: 40px;

      background: var(--fas-white);

      border: 2px solid var(--fas-border);
      border-left: 4px solid var(--fas-red);
      border-radius: 1rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-lpg-compliance-box h3 {
      margin: 0 0 15px !important;

      color: var(--fas-heading) !important;

      font-size: 25px !important;
      font-weight: 800 !important;
  }

  .fas-lpg-compliance-box p {
      margin: 0;

      color: var(--fas-muted);

      font-size: 14px;
      line-height: 1.8;
  }

  .fas-lpg-check-list {
      margin: 25px 0 0 !important;
      padding: 0 !important;

      list-style: none !important;
  }

  .fas-lpg-check-list li {
      position: relative;

      margin-bottom: 12px;

      padding-left: 27px;

      color: var(--fas-text);

      font-size: 14px;
  }

  .fas-lpg-check-list li::before {
      content: "✓";

      position: absolute;

      left: 0;

      color: var(--fas-red);

      font-weight: 800;
  }


  /* =========================================================
     WHY FAS
  ========================================================= */

  .fas-lpg-why {
      padding: 110px 0;

      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-lpg-why-grid {
      display: grid;

      grid-template-columns: repeat(4, 1fr);

      gap: 18px;

      margin-top: 55px;
  }

  .fas-lpg-why-card {
      padding: 30px 24px;

      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;

      transition: all .3s ease;
  }

  .fas-lpg-why-card:hover {
      transform: translateY(-6px);

      border-color: var(--fas-red);
      box-shadow: 0 15px 30px rgba(220,38,38,.08);
  }

  .fas-lpg-icon {
      width: 50px;
      height: 50px;

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

      margin-bottom: 22px;

      color: #ffffff;

      background: var(--fas-red);
      border-radius: .8rem;

      font-size: 20px;
      font-weight: 800;
  }

  .fas-lpg-why-card h3 {
      margin: 0 0 12px !important;

      color: var(--fas-heading) !important;

      font-size: 18px !important;
      font-weight: 700 !important;
  }

  .fas-lpg-why-card p {
      margin: 0;

      color: var(--fas-muted);

      font-size: 13px;

      line-height: 1.7;
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-lpg-cta {
      padding: 100px 0;

      background: var(--fas-white);
  }

  .fas-lpg-cta-inner {
      position: relative;

      padding: 56px;

      background: var(--fas-bg-light);

      border: 2px solid var(--fas-red);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(220,38,38,.08);

      display: flex;

      align-items: center;
      justify-content: space-between;

      gap: 40px;
  }

  .fas-lpg-cta h2 {
      margin: 0 0 15px !important;

      color: var(--fas-heading) !important;

      font-size: clamp(32px, 4vw, 52px) !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
  }

  .fas-lpg-cta p {
      max-width: 560px;

      margin: 0;

      color: var(--fas-muted);

      font-size: 15px;
      line-height: 1.75;
  }

  .fas-lpg-cta .fas-lpg-btn {
      flex-shrink: 0;
  }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1000px) {

      .fas-lpg-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .fas-lpg-why-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .fas-lpg-intro-grid,
      .fas-lpg-compliance-grid {
          grid-template-columns: 1fr;

          gap: 45px;
      }

      .fas-lpg-cta-inner {
          flex-direction: column;

          align-items: flex-start;
      }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {

      .fas-lpg-container {
          width: 90%;
      }

      .fas-lpg-hero {
          min-height: 620px;
      }

      .fas-lpg-hero-content {
          padding: 85px 0;
      }

      .fas-lpg-hero h1 {
          font-size: 44px !important;

          letter-spacing: -1px;
      }

      .fas-lpg-hero-description {
          font-size: 15px;
      }

      .fas-lpg-intro,
      .fas-lpg-services,
      .fas-lpg-compliance,
      .fas-lpg-why {
          padding: 75px 0;
      }

      .fas-lpg-grid,
      .fas-lpg-why-grid {
          grid-template-columns: 1fr;
      }

      .fas-lpg-highlight {
          grid-template-columns: 1fr;
      }

      .fas-lpg-card-image {
          height: 230px;
      }

      .fas-lpg-buttons {
          flex-direction: column;

          align-items: stretch;
      }

      .fas-lpg-btn {
          width: 100%;
      }

      .fas-lpg-compliance-box {
          padding: 30px 24px;
      }

      .fas-lpg-cta {
          padding: 75px 0;
      }

      .fas-lpg-cta-inner {
          padding: 36px 28px;
      }
  }

/* ==========================================================
   PAGE: service-professional-trainings.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL
     SERVICE — PROFESSIONAL DEVELOPMENT TRAININGS
     White/Light Theme — Primary accent: #00a844 (brand green)
  ========================================================= */

  .fas-training-page {
      --fas-green: #00a844;
      --fas-green-hover: #008736;
      --fas-green-light: #f0fdf4;
      --fas-green-shadow: rgba(0,168,68,.25);
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-training-page *,
  .fas-training-page *::before,
  .fas-training-page *::after {
      box-sizing: border-box;
  }

  .fas-training-page img {
      display: block;
      width: 100%;
      max-width: 100%;
  }

  .fas-training-page a {
      text-decoration: none;
  }


  /* =========================================================
     CONTAINER
  ========================================================= */

  .fas-training-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }


  /* =========================================================
     HEADINGS
  ========================================================= */

  .fas-training-page .fas-training-title {
      margin: 0 !important;
      padding: 0 !important;

      color: var(--fas-heading) !important;

      font-size: clamp(34px, 4vw, 56px) !important;
      line-height: 1.08 !important;

      font-weight: 800 !important;

      letter-spacing: -1.5px;
  }

  .fas-training-green {
      color: var(--fas-green) !important;
  }

  .fas-training-label {
      display: flex;
      align-items: center;
      gap: 10px;

      margin-bottom: 18px;

      color: var(--fas-green) !important;

      font-size: 12px;
      font-weight: 700;

      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .fas-training-label::before {
      content: "";

      width: 32px;
      height: 2px;

      flex: 0 0 32px;

      background: var(--fas-green);
  }


  /* =========================================================
     HERO
  ========================================================= */

  .fas-training-hero {
      position: relative;

      min-height: 700px;

      display: flex;
      align-items: center;

      background:
          linear-gradient(
              90deg,
              rgba(255,255,255,.98) 0%,
              rgba(255,255,255,.93) 55%,
              rgba(255,255,255,.78) 100%
          ),
          url("../images/project%20images/3.jpeg")
          center center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-training-hero::after {
      content: "";

      position: absolute;

      right: -200px;
      top: -220px;

      width: 520px;
      height: 520px;

      border: 1px solid rgba(0,168,68,.20);

      border-radius: 50%;
      pointer-events: none;
  }

  .fas-training-hero .fas-training-container {
      position: relative;
      z-index: 2;
  }

  .fas-training-hero-content {
      max-width: 850px;

      padding: 110px 0;
  }

  .fas-training-hero h1 {
      margin: 0 0 25px !important;

      color: var(--fas-heading) !important;

      font-size: clamp(45px, 6vw, 74px) !important;
      line-height: 1.04 !important;

      font-weight: 800 !important;

      letter-spacing: -2px;
  }

  .fas-training-hero-description {
      max-width: 730px;

      margin: 0 0 35px;

      color: var(--fas-text);

      font-size: 18px;
      line-height: 1.8;
  }

  .fas-training-buttons {
      display: flex;
      flex-wrap: wrap;

      gap: 14px;
  }

  .fas-training-btn {
      min-height: 54px;

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

      padding: 0 28px;

      border-radius: .75rem;
      border: 1px solid var(--fas-green);

      font-size: 14px;
      font-weight: 700;

      transition: all .3s ease;
  }

  .fas-training-btn-primary {
      color: #ffffff !important;
      background: var(--fas-green);
      box-shadow: 0 4px 12px var(--fas-green-shadow);
  }

  .fas-training-btn-primary:hover {
      background: var(--fas-green-hover);
      border-color: var(--fas-green-hover);
      transform: translateY(-3px);
      box-shadow: 0 8px 18px rgba(0,168,68,.35);
  }

  .fas-training-btn-outline {
      color: var(--fas-green) !important;
      background: transparent;
  }

  .fas-training-btn-outline:hover {
      background: var(--fas-green-light);
      transform: translateY(-3px);
  }


  /* =========================================================
     INTRODUCTION
  ========================================================= */

  .fas-training-intro {
      padding: 110px 0;

      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-training-intro-grid {
      display: grid;

      grid-template-columns: .9fr 1.1fr;

      gap: 80px;

      align-items: center;
  }

  .fas-training-intro-text p {
      margin: 0 0 20px;

      color: var(--fas-text);

      font-size: 16px;
      line-height: 1.85;
  }

  .fas-training-highlights {
      display: grid;

      grid-template-columns: repeat(2, 1fr);

      gap: 12px;

      margin-top: 30px;
  }

  .fas-training-highlight {
      padding: 18px 20px;

      color: var(--fas-heading);

      font-size: 13px;
      font-weight: 700;

      background: #fff;
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-green);
      border-radius: .6rem;
      box-shadow: 0 4px 12px rgba(0,0,0,.03);
  }


  /* =========================================================
     TRAINING PROGRAMS
  ========================================================= */

  .fas-training-programs {
      padding: 110px 0;

      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-training-heading-center {
      max-width: 820px;

      margin: 0 auto 65px;

      text-align: center;
  }

  .fas-training-heading-center .fas-training-label {
      justify-content: center;
  }

  .fas-training-heading-center .fas-training-label::before {
      display: none;
  }

  .fas-training-heading-center p {
      max-width: 720px;

      margin: 22px auto 0;

      color: var(--fas-muted);

      font-size: 16px;
      line-height: 1.8;
  }


  /* =========================================================
     TRAINING CARDS
  ========================================================= */

  .fas-training-grid {
      display: grid;

      grid-template-columns: repeat(2, 1fr);

      gap: 24px;
  }

  .fas-training-card {
      position: relative;

      overflow: hidden;

      display: grid;

      grid-template-columns: .9fr 1.1fr;

      min-height: 390px;

      background: var(--fas-white);

      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.03);

      transition:
          transform .35s ease,
          border-color .35s ease,
          box-shadow .35s ease;
  }

  .fas-training-card:hover {
      transform: translateY(-8px);

      border-color: var(--fas-green);

      box-shadow: 0 20px 40px rgba(0,168,68,.12);
  }

  .fas-training-card-image {
      position: relative;

      min-height: 390px;

      overflow: hidden;
  }

  .fas-training-card-image::after {
      content: "";

      position: absolute;
      inset: 0;

      background:
          linear-gradient(
              90deg,
              transparent 50%,
              rgba(255,255,255,.70) 100%
          );
  }

  .fas-training-card-image img {
      width: 100%;
      height: 100%;

      object-fit: cover;

      transition: transform .6s ease;
  }

  .fas-training-card:hover .fas-training-card-image img {
      transform: scale(1.08);
  }

  .fas-training-number {
      position: absolute;

      z-index: 5;

      top: 20px;
      left: 20px;

      width: 48px;
      height: 48px;

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

      color: #ffffff;

      background: var(--fas-green);
      border-radius: .6rem;
      box-shadow: 0 6px 16px var(--fas-green-shadow);

      font-size: 12px;
      font-weight: 800;
  }

  .fas-training-card-content {
      display: flex;
      flex-direction: column;
      justify-content: center;

      padding: 42px 35px;
  }

  .fas-training-card-content h3 {
      margin: 0 0 16px !important;

      color: var(--fas-heading) !important;

      font-size: 26px !important;
      line-height: 1.2 !important;

      font-weight: 800 !important;
  }

  .fas-training-card-content p {
      margin: 0 0 18px;

      color: var(--fas-text);

      font-size: 14px;

      line-height: 1.8;
  }

  .fas-training-card-list {
      margin: 0 !important;
      padding: 0 !important;

      list-style: none !important;
  }

  .fas-training-card-list li {
      position: relative;

      margin-bottom: 9px;

      padding-left: 18px;

      color: var(--fas-muted);

      font-size: 13px;
  }

  .fas-training-card-list li::before {
      content: "";

      position: absolute;

      left: 0;
      top: 7px;

      width: 6px;
      height: 6px;

      background: var(--fas-green);

      border-radius: 50%;
  }


  /* =========================================================
     TRAINING EXPERTISE
  ========================================================= */

  .fas-training-expertise {
      padding: 110px 0;

      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-training-expertise-grid {
      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 70px;

      align-items: center;
  }

  .fas-training-expertise-image {
      position: relative;

      min-height: 530px;

      overflow: hidden;
      border-radius: 1.25rem;
  }

  .fas-training-expertise-image img {
      width: 100%;
      height: 100%;

      min-height: 530px;

      object-fit: cover;
      border-radius: 1.25rem;
  }

  .fas-training-expertise-image::after {
      content: "";

      position: absolute;

      inset: 18px;

      border: 2px solid rgba(0,168,68,.45);
      border-radius: .75rem;

      pointer-events: none;
  }

  .fas-training-expertise-text p {
      margin: 22px 0 0;

      color: var(--fas-text);

      font-size: 15px;

      line-height: 1.85;
  }


  /* =========================================================
     BENEFITS
  ========================================================= */

  .fas-training-benefits {
      padding: 110px 0;

      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-training-benefit-grid {
      display: grid;

      grid-template-columns: repeat(4, 1fr);

      gap: 18px;

      margin-top: 55px;
  }

  .fas-training-benefit {
      padding: 32px 24px;

      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;

      transition: all .3s ease;
  }

  .fas-training-benefit:hover {
      transform: translateY(-7px);

      border-color: var(--fas-green);
      box-shadow: 0 15px 30px rgba(0,168,68,.10);
  }

  .fas-training-icon {
      width: 50px;
      height: 50px;

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

      margin-bottom: 22px;

      color: #ffffff;

      background: var(--fas-green);
      border-radius: .8rem;

      font-size: 18px;
      font-weight: 800;
  }

  .fas-training-benefit h3 {
      margin: 0 0 12px !important;

      color: var(--fas-heading) !important;

      font-size: 18px !important;
      font-weight: 700 !important;
  }

  .fas-training-benefit p {
      margin: 0;

      color: var(--fas-muted);

      font-size: 13px;

      line-height: 1.7;
  }


  /* =========================================================
     TRAINING PROCESS
  ========================================================= */

  .fas-training-process {
      padding: 110px 0;

      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-training-process-box {
      padding: 50px;

      background: var(--fas-white);

      border: 2px solid var(--fas-border);
      border-left: 4px solid var(--fas-green);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,.04);
  }

  .fas-training-process-heading {
      max-width: 750px;

      margin-bottom: 55px;
  }

  .fas-training-process-heading p {
      margin: 20px 0 0;

      color: var(--fas-muted);

      line-height: 1.8;
  }

  .fas-training-process-grid {
      display: grid;

      grid-template-columns: repeat(4, 1fr);

      gap: 20px;
  }

  .fas-training-process-step {
      position: relative;

      padding: 28px 22px;

      background: var(--fas-bg-light);

      border: 1px solid var(--fas-border);
      border-top: 3px solid var(--fas-green);
      border-radius: 0 0 .75rem .75rem;

      transition: all .3s ease;
  }

  .fas-training-process-step:hover {
      border-color: var(--fas-green);
      box-shadow: 0 10px 25px rgba(0,168,68,.10);
  }

  .fas-training-process-number {
      margin-bottom: 18px;

      color: var(--fas-green);

      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1px;
  }

  .fas-training-process-step h3 {
      margin: 0 0 10px !important;

      color: var(--fas-heading) !important;

      font-size: 17px !important;
      font-weight: 700 !important;
  }

  .fas-training-process-step p {
      margin: 0;

      color: var(--fas-muted);

      font-size: 13px;

      line-height: 1.7;
  }


  /* =========================================================
     WHO WE TRAIN
  ========================================================= */

  .fas-training-audience {
      padding: 100px 0;

      background: var(--fas-white);
  }

  .fas-training-audience-grid {
      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 18px;

      margin-top: 50px;
  }

  .fas-training-audience-item {
      padding: 25px;

      color: var(--fas-heading);

      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-left: 3px solid var(--fas-green);
      border-radius: .6rem;

      font-size: 15px;
      font-weight: 700;

      transition: all .3s ease;
  }

  .fas-training-audience-item:hover {
      border-color: var(--fas-green);
      box-shadow: 0 8px 20px rgba(0,168,68,.10);
      transform: translateY(-3px);
  }


  /* =========================================================
     CTA
  ========================================================= */

  .fas-training-cta {
      padding: 100px 0;

      background: var(--fas-bg-light);
      border-top: 1px solid var(--fas-border);
  }

  .fas-training-cta-inner {
      position: relative;

      padding: 56px;

      background: var(--fas-white);

      border: 2px solid var(--fas-green);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0,168,68,.08);

      display: flex;

      align-items: center;
      justify-content: space-between;

      gap: 40px;
  }

  .fas-training-cta h2 {
      margin: 0 0 15px !important;

      color: var(--fas-heading) !important;

      font-size: clamp(32px, 4vw, 52px) !important;
      line-height: 1.1 !important;

      font-weight: 800 !important;
  }

  .fas-training-cta p {
      max-width: 560px;

      margin: 0;

      color: var(--fas-muted);

      font-size: 15px;
      line-height: 1.75;
  }

  .fas-training-cta .fas-training-btn {
      flex-shrink: 0;
  }


  /* =========================================================
     TABLET
  ========================================================= */

  @media (max-width: 1000px) {

      .fas-training-grid {
          grid-template-columns: 1fr;
      }

      .fas-training-benefit-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .fas-training-process-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .fas-training-audience-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .fas-training-intro-grid,
      .fas-training-expertise-grid {
          grid-template-columns: 1fr;

          gap: 45px;
      }

      .fas-training-cta-inner {
          flex-direction: column;

          align-items: flex-start;
      }
  }


  /* =========================================================
     MOBILE
  ========================================================= */

  @media (max-width: 600px) {

      .fas-training-container {
          width: 90%;
      }

      .fas-training-hero {
          min-height: 620px;
      }

      .fas-training-hero-content {
          padding: 85px 0;
      }

      .fas-training-hero h1 {
          font-size: 43px !important;

          letter-spacing: -1px;
      }

      .fas-training-hero-description {
          font-size: 15px;
      }

      .fas-training-intro,
      .fas-training-programs,
      .fas-training-expertise,
      .fas-training-benefits,
      .fas-training-process,
      .fas-training-audience {
          padding: 75px 0;
      }

      .fas-training-highlights {
          grid-template-columns: 1fr;
      }

      .fas-training-card {
          grid-template-columns: 1fr;
      }

      .fas-training-card-image {
          min-height: 260px;
      }

      .fas-training-card-content {
          padding: 30px 25px 35px;
      }

      .fas-training-benefit-grid,
      .fas-training-process-grid,
      .fas-training-audience-grid {
          grid-template-columns: 1fr;
      }

      .fas-training-expertise-image,
      .fas-training-expertise-image img {
          min-height: 320px;
      }

      .fas-training-process-box {
          padding: 30px 22px;
      }

      .fas-training-buttons {
          flex-direction: column;

          align-items: stretch;
      }

      .fas-training-btn {
          width: 100%;
      }

      .fas-training-cta {
          padding: 75px 0;
      }

      .fas-training-cta-inner {
          padding: 36px 28px;
          flex-direction: column;

          align-items: flex-start;
      }
  }

/* ==========================================================
   PAGE: service-system-audit.html
   ========================================================== */
  /* =========================================================
     FAS SERVICE PAGE — REDESIGNED WHITE THEME (BLUE, GREEN, RED)
  ========================================================= */

  .fas-service-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-green: #00a844;
      --fas-red: #dc2626;

      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-heading: #0f172a;
      --fas-text: #475569;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      font-family: 'Plus Jakarta Sans', Arial, sans-serif;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-service-page *,
  .fas-service-page *::before,
  .fas-service-page *::after {
      box-sizing: border-box;
  }

  .fas-container {
      width: min(1180px, 92%);
      margin: 0 auto;
  }

  .fas-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--fas-blue);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 2.2px;
      text-transform: uppercase;
  }

  .fas-eyebrow::before {
      content: "";
      width: 38px;
      height: 2px;
      background: var(--fas-blue);
      display: inline-block;
  }

  .fas-section-title {
      margin: 15px 0 18px;
      font-size: clamp(34px, 4vw, 54px);
      line-height: 1.05;
      font-weight: 800;
      letter-spacing: -1.5px;
      color: var(--fas-heading);
  }

  .fas-section-title span {
      color: var(--fas-blue);
  }

  .fas-section-description {
      max-width: 700px;
      margin: 0;
      color: var(--fas-muted);
      font-size: 17px;
      line-height: 1.8;
  }

  .fas-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 52px;
      padding: 0 25px;
      border-radius: 0.75rem;
      border: 1px solid var(--fas-blue);
      background: var(--fas-blue);
      color: #fff !important;
      text-decoration: none !important;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .3px;
      transition: .3s ease;
      box-shadow: 0 4px 12px rgba(0, 129, 221, 0.25);
  }

  .fas-btn:hover {
      background: var(--fas-blue-hover);
      color: #fff !important;
      border-color: var(--fas-blue-hover);
      transform: translateY(-3px);
  }

  .fas-btn-outline {
      background: transparent;
      border-color: var(--fas-blue);
      color: var(--fas-blue) !important;
      box-shadow: none;
  }

  .fas-btn-outline:hover {
      background: #eff6ff;
      border-color: var(--fas-blue);
      color: var(--fas-blue) !important;
  }

  /* HERO */
  .fas-service-hero {
      position: relative;
      min-height: 650px;
      display: flex;
      align-items: center;
      padding-top: 70px;
      padding-bottom: 70px;
      background:
          linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.93) 55%, rgba(255,255,255,.80) 100%),
          url("../images/project%20images/9.jpeg")
          center/cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-service-hero::before {
      content: "";
      position: absolute;
      width: 550px;
      height: 550px;
      right: -150px;
      top: -150px;
      border: 1px solid rgba(0, 129, 221,.15);
      border-radius: 50%;
      pointer-events: none;
  }

  .fas-hero-grid {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      align-items: center;
      gap: 70px;
  }

  .fas-hero-content {
      position: relative;
      z-index: 3;
  }

  .fas-hero-title {
      margin: 18px 0 24px;
      max-width: 650px;
      font-size: clamp(42px, 4.8vw, 64px);
      line-height: 1.02;
      font-weight: 900;
      letter-spacing: -2px;
      color: var(--fas-heading);
  }

  .fas-hero-title span {
      color: var(--fas-blue);
  }

  .fas-hero-description {
      max-width: 650px;
      margin-bottom: 34px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.75;
  }

  .fas-hero-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 13px;
  }

  .fas-hero-meta {
      display: flex;
      gap: 35px;
      margin-top: 48px;
      padding-top: 24px;
      border-top: 1px solid var(--fas-border);
  }

  .fas-hero-meta-item strong {
      display: block;
      margin-bottom: 5px;
      color: var(--fas-heading);
      font-size: 16px;
      font-weight: 800;
  }

  .fas-hero-meta-item small {
      color: var(--fas-muted);
      font-size: 12px;
  }

  /* HERO VISUAL */
  .fas-hero-visual {
      position: relative;
      min-height: 500px;
  }

  .fas-hero-image {
      position: absolute;
      top: 20px;
      right: 0;
      width: 82%;
      height: 430px;
      overflow: hidden;
      border-radius: 1.25rem;
      background:
          linear-gradient(135deg, rgba(0, 129, 221,.12), rgba(15,23,42,.45)),
          url("../images/project%20images/12.jpeg")
          center/cover;
      border: 1px solid var(--fas-border);
      box-shadow: 0 20px 50px rgba(0,0,0,.08);
  }

  /* TRUSTED BY LOGOS STRIP */
  .fas-trusted {
      padding: 50px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-trusted-label {
      text-align: center;
      margin-bottom: 32px;
      color: var(--fas-muted);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2.5px;
      text-transform: uppercase;
  }

  .fas-trusted-row {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 30px;
  }

  .fas-trusted-logo {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      padding: 10px 22px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 0.75rem;
      filter: grayscale(100%);
      opacity: 0.7;
      transition: all 0.3s ease;
  }

  .fas-trusted-logo:hover {
      filter: grayscale(0%);
      opacity: 1;
      border-color: var(--fas-blue);
      box-shadow: 0 4px 12px rgba(0, 129, 221,0.1);
  }

  .fas-trusted-logo img {
      max-height: 40px;
      max-width: 130px;
      width: auto;
      object-fit: contain;
  }

  /* placeholder when no logo image */
  .fas-trusted-placeholder {
      font-size: 13px;
      font-weight: 700;
      color: var(--fas-muted);
      letter-spacing: 0.5px;
      white-space: nowrap;
  }

  .fas-hero-badge {
      position: absolute;
      left: 0;
      bottom: 35px;
      width: 235px;
      padding: 25px;
      background: var(--fas-blue);
      color: #ffffff;
      z-index: 5;
      border-radius: 1rem;
      box-shadow: 0 15px 35px rgba(0, 129, 221,.3);
  }

  .fas-hero-badge-number {
      font-size: 42px;
      line-height: 1;
      font-weight: 900;
  }

  .fas-hero-badge-text {
      margin-top: 8px;
      font-size: 12px;
      line-height: 1.5;
      text-transform: uppercase;
      letter-spacing: 1.3px;
      font-weight: 700;
  }

  .fas-hero-line {
      position: absolute;
      right: -20px;
      top: 0;
      width: 100px;
      height: 100px;
      border-top: 3px solid var(--fas-blue);
      border-right: 3px solid var(--fas-blue);
  }

  /* INTRODUCTION */
  .fas-intro {
      position: relative;
      padding: 115px 0;
      background: var(--fas-bg-light);
      color: var(--fas-heading);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-intro-grid {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 80px;
      align-items: start;
  }

  .fas-intro-title {
      margin: 15px 0 0;
      font-size: clamp(34px, 4vw, 52px);
      line-height: 1.08;
      font-weight: 900;
      letter-spacing: -1.5px;
      color: var(--fas-heading);
  }

  .fas-intro-title span {
      color: var(--fas-blue);
  }

  .fas-intro-text {
      color: var(--fas-text);
      font-size: 17px;
      line-height: 1.85;
  }

  .fas-intro-text p {
      margin: 0 0 20px;
  }

  .fas-intro-points {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 15px;
      margin-top: 35px;
  }

  .fas-intro-point {
      padding: 22px;
      border-top: 3px solid var(--fas-blue);
      background: #ffffff;
      border-radius: 0.75rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
      border: 1px solid var(--fas-border);
  }

  .fas-intro-point-number {
      margin-bottom: 15px;
      color: var(--fas-blue);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 1px;
  }

  .fas-intro-point h4 {
      margin: 0 0 8px;
      color: var(--fas-heading);
      font-size: 16px;
      font-weight: 750;
  }

  .fas-intro-point p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.6;
  }

  /* ISO STANDARDS */
  .fas-standards {
      position: relative;
      padding: 120px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-standards-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 40px;
      margin-bottom: 55px;
  }

  .fas-standard-grid {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 20px;
  }

  .fas-standard-card {
      position: relative;
      min-height: 300px;
      padding: 34px;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
      transition: .35s ease;
  }

  .fas-standard-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 3px;
      background: var(--fas-blue);
      transition: .35s ease;
  }

  .fas-standard-card:hover {
      transform: translateY(-8px);
      border-color: var(--fas-blue);
      box-shadow: 0 20px 40px rgba(0, 129, 221,.08);
  }

  .fas-standard-card:hover::before {
      width: 100%;
  }

  .fas-standard-number {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 2px;
  }

  .fas-standard-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 58px;
      height: 58px;
      margin: 25px 0;
      border: 2px solid var(--fas-blue);
      background: #ffffff;
      color: var(--fas-blue);
      font-size: 21px;
      font-weight: 900;
      border-radius: 1rem;
  }

  .fas-standard-card h3 {
      margin: 0 0 9px;
      color: var(--fas-heading);
      font-size: 23px;
      font-weight: 800;
  }

  .fas-standard-card h4 {
      margin: 0 0 15px;
      color: var(--fas-muted);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 700;
  }

  .fas-standard-card p {
      margin: 0;
      color: var(--fas-text);
      font-size: 14px;
      line-height: 1.7;
  }

  .fas-standard-card-wide {
      grid-column: span 3;
      min-height: 240px;
      display: grid;
      grid-template-columns: 180px 1fr;
      align-items: center;
      gap: 35px;
  }

  .fas-standard-card-wide .fas-standard-icon {
      margin: 0;
      width: 90px;
      height: 90px;
      font-size: 30px;
  }

  .fas-standard-card-wide h3 {
      font-size: 30px;
  }

  /* PROCESS */
  .fas-process {
      padding: 120px 0;
      background: var(--fas-bg-light);
      color: var(--fas-heading);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-process-heading {
      text-align: center;
      margin-bottom: 70px;
  }

  .fas-process-heading .fas-section-description {
      margin: 0 auto;
  }

  .fas-process-line {
      position: relative;
      display: grid;
      grid-template-columns: repeat(6,1fr);
      gap: 15px;
  }

  .fas-process-line::before {
      content: "";
      position: absolute;
      top: 31px;
      left: 7%;
      right: 7%;
      height: 2px;
      background: var(--fas-border);
  }

  .fas-process-step {
      position: relative;
      z-index: 2;
      text-align: center;
  }

  .fas-process-number {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 64px;
      height: 64px;
      margin: 0 auto 22px;
      border: 2px solid var(--fas-blue);
      background: #ffffff;
      color: var(--fas-blue);
      font-size: 17px;
      font-weight: 900;
      border-radius: 50%;
      box-shadow: 0 4px 12px rgba(0, 129, 221,0.1);
  }

  .fas-process-step h4 {
      margin: 0 0 9px;
      font-size: 16px;
      font-weight: 750;
      color: var(--fas-heading);
  }

  .fas-process-step p {
      margin: 0 auto;
      max-width: 150px;
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }

  /* WHY FAS */
  .fas-why {
      position: relative;
      padding: 120px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-why-grid {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 90px;
      align-items: center;
  }

  .fas-why-left {
      position: relative;
  }

  .fas-why-box {
      padding: 42px;
      background: var(--fas-blue);
      color: #fff;
      border-radius: 1.25rem;
      box-shadow: 0 10px 30px rgba(0, 129, 221,0.15);
  }

  .fas-why-box strong {
      display: block;
      margin-bottom: 15px;
      font-size: 48px;
      line-height: 1;
      font-weight: 900;
  }

  .fas-why-box p {
      margin: 0;
      font-size: 15px;
      line-height: 1.7;
      color: rgba(255,255,255,0.92);
  }

  .fas-why-list {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 25px;
  }

  .fas-why-item {
      padding: 25px 0;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-why-item-number {
      margin-bottom: 13px;
      color: var(--fas-blue);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 1.5px;
  }

  .fas-why-item h3 {
      margin: 0 0 9px;
      color: var(--fas-heading);
      font-size: 19px;
      font-weight: 750;
  }

  .fas-why-item p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.7;
  }

  /* INDUSTRIES */
  .fas-industries {
      padding: 120px 0;
      background: var(--fas-bg-light);
      color: var(--fas-heading);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-industries-heading {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 40px;
      margin-bottom: 50px;
  }

  .fas-industry-grid {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 20px;
  }

  .fas-industry {
      position: relative;
      min-height: 175px;
      padding: 30px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
      background: var(--fas-white);
      color: var(--fas-heading);
      text-decoration: none !important;
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
      transition: .35s ease;
  }

  .fas-industry::before {
      content: "";
      position: absolute;
      inset: 0;
      background: transparent;
      transition: .35s ease;
  }

  .fas-industry::after {
      content: "→";
      position: absolute;
      top: 25px;
      right: 25px;
      color: var(--fas-blue);
      font-size: 25px;
      transition: .35s ease;
  }

  .fas-industry:hover {
      transform: translateY(-5px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0, 129, 221,.08);
  }

  .fas-industry:hover::after {
      transform: translateX(5px);
  }

  .fas-industry span,
  .fas-industry h3 {
      position: relative;
      z-index: 2;
  }

  .fas-industry span {
      margin-bottom: 8px;
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 1.5px;
  }

  .fas-industry h3 {
      margin: 0;
      font-size: 23px;
      font-weight: 800;
  }

  /* FINAL CTA */
  .fas-final-cta {
      position: relative;
      padding: 110px 0;
      overflow: hidden;
      background: var(--fas-white);
      text-align: center;
  }

  .fas-final-cta-content {
      position: relative;
      z-index: 2;
      padding: 65px;
      background: var(--fas-bg-light);
      border: 2px solid var(--fas-blue);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0, 129, 221,0.08);
  }

  .fas-final-cta .fas-eyebrow {
      justify-content: center;
  }

  .fas-final-cta h2 {
      max-width: 800px;
      margin: 20px auto;
      font-size: clamp(38px,5vw,65px);
      line-height: 1.05;
      letter-spacing: -2px;
      font-weight: 800;
      color: var(--fas-heading);
  }

  .fas-final-cta h2 span {
      color: var(--fas-blue);
  }

  .fas-final-cta p {
      max-width: 680px;
      margin: 0 auto 32px;
      color: var(--fas-muted);
      font-size: 16px;
      line-height: 1.8;
  }

  .fas-final-cta-buttons {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 12px;
  }

  @media (max-width: 1000px) {
      .fas-hero-grid, .fas-intro-grid, .fas-why-grid { grid-template-columns: 1fr; }
      .fas-service-hero { padding: 80px 0; }
      .fas-hero-visual { min-height: 450px; }
      .fas-standards-header, .fas-industries-heading { display: block; }
      .fas-standards-header .fas-section-description, .fas-industries-heading .fas-section-description { margin-top: 20px; }
      .fas-standard-grid { grid-template-columns: repeat(2,1fr); }
      .fas-standard-card-wide { grid-column: span 2; }
      .fas-process-line { grid-template-columns: repeat(3,1fr); row-gap: 45px; }
      .fas-process-line::before { display: none; }
      .fas-industry-grid { grid-template-columns: repeat(2,1fr); }
  }

  @media (max-width: 700px) {
      .fas-container { width: 90%; }
      .fas-service-hero { min-height: auto; padding: 60px 0; }
      .fas-hero-title { font-size: 46px; letter-spacing: -2px; }
      .fas-hero-description { font-size: 16px; }
      .fas-hero-meta { gap: 18px; flex-wrap: wrap; }
      .fas-hero-visual { min-height: 360px; }
      .fas-hero-image { width: 88%; height: 320px; }
      .fas-hero-badge { width: 190px; bottom: 15px; padding: 20px; }
      .fas-hero-badge-number { font-size: 32px; }
      .fas-intro, .fas-standards, .fas-process, .fas-why, .fas-industries, .fas-final-cta { padding: 60px 0; }
      .fas-intro-points, .fas-standard-grid, .fas-why-list, .fas-industry-grid { grid-template-columns: 1fr; }
      .fas-standard-card-wide { grid-column: span 1; display: block; }
      .fas-standard-card-wide .fas-standard-icon { margin-bottom: 25px; }
      .fas-process-line { grid-template-columns: repeat(2,1fr); }
      .fas-final-cta-content { padding: 40px 25px; }
  }

/* ==========================================================
   PAGE: who-we-are.html
   ========================================================== */
  /* =========================================================
     FAS INTERNATIONAL — WHO WE ARE
     REDESIGNED WHITE THEME (BLUE, GREEN, RED BRAND COLORS)
  ========================================================= */

  .fas-who-page {
      --fas-blue: #0081dd;
      --fas-blue-hover: #006ab5;
      --fas-green: #00a844;
      --fas-red: #dc2626;
      --fas-white: #ffffff;
      --fas-bg-light: #f8fafc;
      --fas-text: #475569;
      --fas-heading: #0f172a;
      --fas-muted: #64748b;
      --fas-border: #e2e8f0;

      width: 100%;
      margin: 0;
      padding: 0;
      color: var(--fas-heading);
      background: var(--fas-white);
      overflow: hidden;
  }

  .fas-who-page *,
  .fas-who-page *::before,
  .fas-who-page *::after {
      box-sizing: border-box;
  }

  .fas-who-page img {
      display: block;
      width: 100%;
      max-width: 100%;
  }

  .fas-who-page h1,
  .fas-who-page h2,
  .fas-who-page h3,
  .fas-who-page p {
      margin-top: 0;
  }

  .fas-who-container {
      width: min(1200px, 92%);
      margin: 0 auto;
  }

  /* LABELS & TITLES */
  .fas-who-label {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
      color: var(--fas-blue) !important;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2.2px;
      line-height: 1.4;
      text-transform: uppercase;
  }

  .fas-who-label::before {
      content: "";
      width: 34px;
      height: 2px;
      flex: 0 0 34px;
      background: var(--fas-blue);
  }

  .fas-who-title {
      margin: 0 !important;
      padding: 0 !important;
      color: var(--fas-heading) !important;
      font-size: clamp(38px, 4.5vw, 62px) !important;
      font-weight: 800 !important;
      line-height: 1.05 !important;
      letter-spacing: -1.8px;
  }

  .fas-who-title span {
      color: var(--fas-blue) !important;
  }

  /* HERO SECTION */
  .fas-who-hero {
      position: relative;
      min-height: 650px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
          linear-gradient(
              90deg,
              rgba(255,255,255,.98) 0%,
              rgba(255,255,255,.93) 40%,
              rgba(255,255,255,.75) 70%,
              rgba(255,255,255,.45) 100%
          ),
          url("../images/project%20images/12.jpeg")
          center / cover no-repeat;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-who-hero::before {
      content: "";
      position: absolute;
      width: 600px;
      height: 600px;
      right: -250px;
      top: -230px;
      border: 1px solid rgba(0, 129, 221,.15);
      border-radius: 50%;
  }

  .fas-who-hero::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      right: 80px;
      bottom: -190px;
      border: 1px solid rgba(0,168,68,.15);
      border-radius: 50%;
  }

  .fas-who-hero .fas-who-container {
      position: relative;
      z-index: 2;
  }

  .fas-who-hero-content {
      max-width: 850px;
      padding: 100px 0;
  }

  .fas-who-hero h1 {
      margin: 0 0 25px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(52px, 7vw, 88px) !important;
      font-weight: 850 !important;
      line-height: .98 !important;
      letter-spacing: -3.5px;
  }

  .fas-who-hero h1 span {
      display: block;
      color: var(--fas-blue) !important;
  }

  .fas-who-hero-text {
      max-width: 760px;
      margin: 0 0 32px;
      color: var(--fas-text);
      font-size: 18px;
      line-height: 1.85;
  }

  .fas-who-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
  }

  .fas-who-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: 0.75rem;
      border: 1px solid var(--fas-blue);
      color: #ffffff !important;
      font-size: 14px;
      font-weight: 700;
      transition: all .3s ease;
      text-decoration: none;
  }

  .fas-who-btn-primary {
      background: var(--fas-blue);
      box-shadow: 0 4px 12px rgba(0, 129, 221, 0.25);
  }

  .fas-who-btn-primary:hover {
      color: #ffffff !important;
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
      transform: translateY(-2px);
  }

  .fas-who-btn-outline {
      background: transparent;
      color: var(--fas-blue) !important;
      border-color: var(--fas-blue);
  }

  .fas-who-btn-outline:hover {
      background: #eff6ff;
      transform: translateY(-2px);
  }

  /* COMPANY INTRO */
  .fas-who-intro {
      padding: 115px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-who-intro-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
  }

  .fas-who-image-wrap {
      position: relative;
      padding-right: 25px;
      padding-bottom: 25px;
  }

  .fas-who-image-wrap::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 85%;
      height: 85%;
      border: 2px solid var(--fas-blue);
      z-index: 0;
      border-radius: 1rem;
  }

  .fas-who-image {
      position: relative;
      z-index: 2;
      height: 530px;
      overflow: hidden;
      border-radius: 1rem;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  }

  .fas-who-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .6s ease;
  }

  .fas-who-image:hover img {
      transform: scale(1.04);
  }

  .fas-who-intro-content p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.9;
  }

  .fas-who-highlight {
      margin-top: 30px;
      padding: 27px 30px;
      background: #ffffff;
      border: 1px solid var(--fas-border);
      border-left: 4px solid var(--fas-blue);
      border-radius: 0.75rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
  }

  .fas-who-highlight strong {
      display: block;
      margin-bottom: 8px;
      color: var(--fas-heading);
      font-size: 19px;
  }

  .fas-who-highlight span {
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.7;
  }

  /* COMPANY IDENTITY */
  .fas-who-identity {
      padding: 105px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-who-identity-grid {
      display: grid;
      grid-template-columns: .75fr 1.25fr;
      gap: 75px;
      align-items: center;
  }

  .fas-who-identity-card {
      position: relative;
      padding: 55px 42px;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }

  .fas-who-identity-card::after {
      content: "1998";
      position: absolute;
      right: -25px;
      bottom: -30px;
      color: rgba(0, 129, 221, 0.06);
      font-size: 120px;
      font-weight: 900;
      line-height: 1;
  }

  .fas-who-identity-card > * {
      position: relative;
      z-index: 2;
  }

  .fas-who-founded {
      margin-bottom: 10px;
      color: var(--fas-blue);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
  }

  .fas-who-year {
      margin: 0 !important;
      color: var(--fas-heading) !important;
      font-size: 70px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
  }

  .fas-who-year span {
      color: var(--fas-blue) !important;
  }

  .fas-who-identity-content p {
      margin: 0 0 20px;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.9;
  }

  /* CAPABILITIES */
  .fas-who-capabilities {
      padding: 110px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-who-heading-center {
      max-width: 850px;
      margin: 0 auto 60px;
      text-align: center;
  }

  .fas-who-heading-center .fas-who-label {
      justify-content: center;
  }

  .fas-who-heading-center .fas-who-label::before {
      display: none;
  }

  .fas-who-heading-center p {
      max-width: 720px;
      margin: 20px auto 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-who-capability-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .fas-who-capability {
      position: relative;
      min-height: 260px;
      padding: 32px 28px;
      background: var(--fas-white);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      box-shadow: 0 4px 6px -1px rgba(0,0,0,0.03);
      transition: all .35s ease;
  }

  .fas-who-capability:hover {
      transform: translateY(-7px);
      border-color: var(--fas-blue);
      box-shadow: 0 15px 30px rgba(0, 129, 221,0.1);
  }

  .fas-who-cap-number {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1.5px;
  }

  .fas-who-capability h3 {
      margin: 28px 0 12px !important;
      color: var(--fas-heading) !important;
      font-size: 21px !important;
      font-weight: 750 !important;
  }

  .fas-who-capability p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 13px;
      line-height: 1.75;
  }

  .fas-who-cap-line {
      position: absolute;
      left: 28px;
      bottom: 25px;
      width: 35px;
      height: 2px;
      background: var(--fas-blue);
      transition: width .3s ease;
  }

  .fas-who-capability:hover .fas-who-cap-line {
      width: 70px;
      background: var(--fas-green);
  }

  /* LEADERSHIP TEAM */
  .fas-who-team {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-who-team-intro {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 70px;
      align-items: end;
      margin-bottom: 55px;
  }

  .fas-who-team-intro p {
      margin: 0;
      color: var(--fas-text);
      font-size: 15px;
      line-height: 1.85;
  }

  .fas-who-team-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
  }

  .fas-who-person {
      position: relative;
      min-height: 300px;
      padding: 28px 24px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 1rem;
      transition: all 0.3s ease;
  }

  .fas-who-person:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  }

  .fas-who-person::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: var(--fas-blue);
  }

  .fas-who-person-initial {
      position: absolute;
      top: 28px;
      left: 24px;
      color: rgba(0, 129, 221, 0.08);
      font-size: 80px;
      font-weight: 900;
      line-height: 1;
  }

  .fas-who-person > * {
      position: relative;
      z-index: 2;
  }

  .fas-who-person h3 {
      margin: 0 0 8px !important;
      color: var(--fas-heading) !important;
      font-size: 20px !important;
      font-weight: 750 !important;
  }

  .fas-who-person p {
      margin: 0;
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1px;
      text-transform: uppercase;
  }

  /* ORGANIZATION */
  .fas-who-organization {
      padding: 105px 0;
      background: var(--fas-bg-light);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-who-org-box {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  }

  .fas-who-org-main {
      padding: 55px 45px;
      background: var(--fas-blue);
  }

  .fas-who-org-main h2 {
      margin: 0 0 18px !important;
      color: #ffffff !important;
      font-size: clamp(35px, 4vw, 55px) !important;
      font-weight: 800 !important;
      line-height: 1.08 !important;
  }

  .fas-who-org-main h2 span {
      color: #93c5fd !important;
  }

  .fas-who-org-main p {
      margin: 0;
      color: rgba(255,255,255,.92);
      font-size: 15px;
      line-height: 1.85;
  }

  .fas-who-org-list {
      padding: 40px;
      background: var(--fas-white);
  }

  .fas-who-org-item {
      display: flex;
      gap: 18px;
      padding: 18px 0;
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-who-org-item:last-child {
      border-bottom: none;
  }

  .fas-who-org-number {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
  }

  .fas-who-org-item h3 {
      margin: 0 0 5px !important;
      color: var(--fas-heading) !important;
      font-size: 16px !important;
      font-weight: 700 !important;
  }

  .fas-who-org-item p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 12px;
      line-height: 1.6;
  }

  /* WORKING APPROACH */
  .fas-who-approach {
      padding: 110px 0;
      background: var(--fas-white);
      border-bottom: 1px solid var(--fas-border);
  }

  .fas-who-process {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
      margin-top: 60px;
  }

  .fas-who-step {
      position: relative;
      min-height: 190px;
      padding: 28px 18px;
      background: var(--fas-bg-light);
      border: 1px solid var(--fas-border);
      border-radius: 0.75rem;
  }

  .fas-who-step:not(:last-child)::after {
      content: "→";
      position: absolute;
      right: -14px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 5;
      color: var(--fas-blue);
      font-size: 20px;
      font-weight: 700;
  }

  .fas-who-step-num {
      color: var(--fas-blue);
      font-size: 11px;
      font-weight: 800;
  }

  .fas-who-step h3 {
      margin: 27px 0 10px !important;
      color: var(--fas-heading) !important;
      font-size: 16px !important;
      font-weight: 700 !important;
  }

  .fas-who-step p {
      margin: 0;
      color: var(--fas-muted);
      font-size: 11px;
      line-height: 1.65;
  }

  /* CALL TO ACTION */
  .fas-who-cta {
      padding: 110px 0;
      background: var(--fas-bg-light);
  }

  .fas-who-cta-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 50px;
      padding: 65px;
      border: 2px solid var(--fas-blue);
      background: var(--fas-white);
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px rgba(0, 129, 221,0.08);
  }

  .fas-who-cta-box h2 {
      margin: 0 0 15px !important;
      color: var(--fas-heading) !important;
      font-size: clamp(34px, 4vw, 54px) !important;
      font-weight: 800 !important;
      line-height: 1.08 !important;
  }

  .fas-who-cta-box h2 span {
      color: var(--fas-blue) !important;
  }

  .fas-who-cta-box p {
      max-width: 700px;
      margin: 0;
      color: var(--fas-muted);
      font-size: 15px;
      line-height: 1.8;
  }

  .fas-who-cta-box .fas-who-btn {
      flex-shrink: 0;
      background: var(--fas-blue);
  }

  .fas-who-cta-box .fas-who-btn:hover {
      color: #ffffff !important;
      background: var(--fas-blue-hover);
      border-color: var(--fas-blue-hover);
  }

  @media (max-width: 1050px) {
      .fas-who-intro-grid,
      .fas-who-identity-grid { grid-template-columns: 1fr; gap: 50px; }
      .fas-who-capability-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-who-team-intro { grid-template-columns: 1fr; gap: 30px; }
      .fas-who-team-grid { grid-template-columns: repeat(2, 1fr); }
      .fas-who-process { grid-template-columns: repeat(3, 1fr); gap: 15px; }
      .fas-who-step::after { display: none !important; }
      .fas-who-org-box { grid-template-columns: 1fr; }
  }

  @media (max-width: 650px) {
      .fas-who-container { width: 90%; }
      .fas-who-hero { min-height: 550px; }
      .fas-who-hero-content { padding: 60px 0; }
      .fas-who-hero h1 { font-size: 45px !important; letter-spacing: -2px; }
      .fas-who-hero-text { font-size: 15px; line-height: 1.75; }
      .fas-who-buttons { flex-direction: column; align-items: stretch; }
      .fas-who-btn { width: 100%; }
      .fas-who-intro, .fas-who-identity, .fas-who-capabilities, .fas-who-team, .fas-who-organization, .fas-who-approach, .fas-who-cta { padding: 60px 0; }
      .fas-who-image { height: 350px; }
      .fas-who-image-wrap { padding-right: 15px; padding-bottom: 15px; }
      .fas-who-identity-card { padding: 35px 25px; }
      .fas-who-year { font-size: 50px !important; }
      .fas-who-capability-grid { grid-template-columns: 1fr; }
      .fas-who-team-grid { grid-template-columns: 1fr; }
      .fas-who-person { min-height: 230px; }
      .fas-who-org-main { padding: 35px 25px; }
      .fas-who-org-list { padding: 25px; }
      .fas-who-process { grid-template-columns: 1fr; }
      .fas-who-cta-box { flex-direction: column; align-items: flex-start; padding: 35px 25px; }
      .fas-who-cta-box .fas-who-btn { width: 100%; }
  }

/* ==========================================================
   PAGE: services.html
   Reuses the .fas-projects-page / .fap-* system (see PAGE:
   projects.html above) with just a distinct hero photo.
   ========================================================== */

  .fas-services-hub .fap-hero {
      background:
          linear-gradient(100deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.96) 50%, rgba(255,255,255,.78) 100%),
          url("../images/project%20images/1.jpeg")
          center / cover no-repeat;
  }

/* ==========================================================
   PAGE: verify-certificate.html
   ========================================================== */

  .fas-verify-hero { min-height: 380px; }

  .fas-verify-section {
      padding: 0 0 100px;
  }

  .fas-verify-container {
      max-width: 620px;
  }

  .fas-verify-card {
      background: #fff;
      border: 1px solid var(--fas-border);
      border-radius: 1.25rem;
      box-shadow: var(--shadow-hover, 0 20px 40px rgba(15, 23, 42, .1));
      padding: 32px;
      margin-top: -70px;
      position: relative;
      z-index: 2;
  }

  .fas-verify-card label {
      display: block;
      font-weight: 700;
      font-size: 13.5px;
      color: var(--fas-heading);
      margin-bottom: 10px;
  }

  .fas-verify-inputrow {
      display: flex;
      gap: 10px;
  }

  .fas-verify-inputrow input {
      flex: 1;
      padding: 14px 16px;
      border: 1.5px solid var(--fas-border);
      border-radius: .8rem;
      font-size: 15px;
      font-weight: 600;
      color: var(--fas-heading);
      transition: border-color .2s ease;
  }

  .fas-verify-inputrow input:focus {
      outline: none;
      border-color: var(--fas-blue);
  }

  .fas-verify-btn-submit {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 26px;
      border: none;
      border-radius: .8rem;
      background: var(--fas-blue);
      color: #fff;
      font-weight: 800;
      font-size: 14.5px;
      cursor: pointer;
      transition: background .2s ease;
      min-width: 108px;
  }

  .fas-verify-btn-submit:hover { background: var(--fas-blue-hover); }
  .fas-verify-btn-submit:disabled { opacity: .75; cursor: default; }

  .fas-verify-spinner {
      width: 15px;
      height: 15px;
      border: 2px solid rgba(255, 255, 255, .4);
      border-top-color: #fff;
      border-radius: 50%;
      animation: fas-verify-spin .7s linear infinite;
  }

  @keyframes fas-verify-spin {
      to { transform: rotate(360deg); }
  }

  .fas-verify-hint {
      margin-top: 12px;
      font-size: 12.5px;
      color: var(--fas-text);
  }

  .fas-verify-result {
      margin-top: 24px;
      border-radius: 1.25rem;
      padding: 30px 32px;
      text-align: center;
      border: 1.5px solid;
      animation: fas-verify-fade .3s ease;
  }

  @keyframes fas-verify-fade {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
  }

  .fas-verify-result-icon {
      width: 52px;
      height: 52px;
      line-height: 52px;
      margin: 0 auto 14px;
      border-radius: 50%;
      font-size: 22px;
      font-weight: 800;
  }

  .fas-verify-result h3 {
      font-size: 19px;
      font-weight: 800;
      color: var(--fas-heading);
      margin-bottom: 6px;
  }

  .fas-verify-result-sub {
      color: var(--fas-text);
      font-size: 13.5px;
      margin-bottom: 20px;
  }

  .fas-verify-result-valid {
      background: var(--green-light, #f0fdf4);
      border-color: var(--green-border, #bbf7d0);
  }
  .fas-verify-result-valid .fas-verify-result-icon {
      background: var(--fas-green);
      color: #fff;
  }

  .fas-verify-result-revoked {
      background: #fffbeb;
      border-color: #fde68a;
  }
  .fas-verify-result-revoked .fas-verify-result-icon {
      background: #d97706;
      color: #fff;
  }

  .fas-verify-result-invalid {
      background: var(--red-light, #fef2f2);
      border-color: var(--red-border, #fecaca);
  }
  .fas-verify-result-invalid .fas-verify-result-icon {
      background: var(--fas-red);
      color: #fff;
  }
  .fas-verify-result-invalid p {
      color: var(--fas-text);
      font-size: 13.5px;
      margin-bottom: 18px;
      max-width: 420px;
      margin-left: auto;
      margin-right: auto;
  }

  .fas-verify-details {
      text-align: left;
      background: rgba(255, 255, 255, .6);
      border-radius: .9rem;
      padding: 6px 20px;
  }

  .fas-verify-detail-row {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      padding: 12px 0;
      border-bottom: 1px solid rgba(15, 23, 42, .08);
  }
  .fas-verify-detail-row:last-child { border-bottom: none; }

  .fas-verify-detail-row dt {
      font-size: 12.5px;
      font-weight: 700;
      color: var(--fas-text);
  }
  .fas-verify-detail-row dd {
      font-size: 13.5px;
      font-weight: 700;
      color: var(--fas-heading);
      text-align: right;
  }

  @media (max-width: 560px) {
      .fas-verify-inputrow { flex-direction: column; }
      .fas-verify-btn-submit { padding: 14px; }
      .fas-verify-card { padding: 26px 20px; margin-top: -50px; }
      .fas-verify-detail-row { flex-direction: column; gap: 2px; }
      .fas-verify-detail-row dd { text-align: left; }
  }