:root {
    --dark-1: #1b1f22;
    --dark-2: #23282b;
    --dark-border: #32383c;
    --slate: #37474f;
    --text: #5a6169;
    --text-dark: #23282b;
    --muted: #9aa2a8;
    --muted-2: #aeb5ba;
    --light-text: #c9cfd3;
    --bg-light: #f7f8f6;
    --line: #e4e8e1;
    --line-2: #ecefe9;
    --oswald: 'Oswald', sans-serif;
    --mont: 'Montserrat', sans-serif;
  }

 * { margin: 0; padding: 0; box-sizing: border-box; }
html {
    margin-top: 0px !important;
}
  body { font-family: var(--mont); color: var(--text); background: #fff; -webkit-font-smoothing: antialiased; }
  img { display: block; max-width: 100%; }
  a { color: inherit; text-decoration: none; }
  button { font: inherit; background: none; border: 0; cursor: pointer; color: inherit; }
.nav-item.has-dropdown .sub-menu a {
    display: block;
    padding: 10px 18px;
    font-weight: 500;
    color: #000 !important;
}
  .container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 15px; }
 .page-id-1472 .eyebrow { font-family: var(--oswald); font-weight: 400; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: var(--slate); }
  .page-id-1472 .h2 { font-family: var(--oswald); font-weight: 600; font-size: 38px; line-height: 1.15; color: var(--text-dark); padding-top: 10px; }
  .page-id-1472 .lead { font-size: 15.5px; line-height: 27.125px; color: var(--text); padding-top: 16px; }
  .page-id-1472 .section-head { text-align: center; }
  .page-id-1472 .section-head .lead { max-width: 760px; margin: 0 auto; }

  .page-id-1472 .btn { display: inline-flex; align-items: center; justify-content: center; font-family: var(--oswald); font-weight: 600; text-transform: uppercase; color: #fff; transition: background .2s, border-color .2s, color .2s; }
  .page-id-1472 .btn-primary { background: var(--slate); }
  .page-id-1472 .btn-primary:hover { background: #2c3a40; }
  .page-id-1472 .btn-outline { border: 1px solid #5b636a; font-weight: 500; }
  .page-id-1472 .btn-outline:hover { border-color: #fff; }

  /* ===== Top bar ===== */
  .topbar { background: var(--dark-1); }
  .topbar .container { display: flex; justify-content: space-between; align-items: center; padding-top: 8px; padding-bottom: 8px; font-size: 13px; color: #c7cdd2; }
  .topbar-left, .topbar-right { display: flex; gap: 22px; }
  .topbar .sep { color: #4a5157; }
  .topbar a:hover { color: #fff; }

  /* ===== Header ===== */
  .header { background: var(--dark-2) !important; border-bottom: 1px solid var(--dark-border) !important; position: sticky !important; top: 0 !important; z-index: 50 !important; }
  .header .container { display: flex; justify-content: space-between; align-items: center; height: 76px; }
  .logo img { width: 85px; height: 58px; object-fit: contain; }
  .nav { display: flex; align-items: center; gap: 10px !important; }
  .nav a { font-weight: 600; font-size: 14px; color: #d6dadd !important; display: flex; align-items: center; gap: 6px; 
      
          padding: 8px 18px !important;
  }
  .nav a:hover { color: #fff !important; }
  .nav .caret { font-size: 0px; }
  .nav .active { border: 2px solid #fff; color: #fff; padding: 8px 18px; }
  .nav .btn { font-size: 13px; letter-spacing: 1px; padding: 12px 26px; color: #fff; }
  .menu-toggle { display: none; color: #fff; font-size: 26px; line-height: 1; }

  /* ===== Hero ===== */
  .page-id-1472 .hero { position: relative; background: var(--dark-2); overflow: hidden; margin: 0px !important;}
  .page-id-1472 .hero-media { position: absolute; inset: 0; }
  .page-id-1472 .hero-media .hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .page-id-1472 .hero-media .hero-landscape { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
  .page-id-1472 .hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(27,31,34,.88) 0%, rgba(27,31,34,.7) 35%, rgba(27,31,34,0) 65%); }
  .page-id-1472 .hero-content { position: relative; z-index: 2; padding-top: 150px; padding-bottom: 84px; }
  .page-id-1472 .hero-eyebrow { font-family: var(--oswald); font-size: 14px; letter-spacing: 3px; text-transform: uppercase; color: #fff; margin: 0; }
  .page-id-1472 .hero h1 { font-family: var(--oswald); font-weight: 600; font-size: 52px; line-height: 58.24px; color: #fff; max-width: 820px; padding-top: 18px; }
  .page-id-1472 .hero p { font-size: 17px; line-height: 29.75px; color: var(--light-text); max-width: 680px; padding-top: 22px; }
  .page-id-1472 .hero-btns { display: flex; gap: 16px; padding-top: 36px; }
  .page-id-1472 .hero-btns .btn { font-size: 14px; letter-spacing: 1.5px; padding: 16px 36px; }

  .page-id-1472 .hero-stats { position: relative; z-index: 2; background: var(--dark-1); border-top: 1px solid var(--dark-border); }
  .page-id-1472 .hero-stats .container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding-top: 26px; padding-bottom: 26px; }
  .page-id-1472 .stat { border-left: 2px solid #fff; padding-left: 16px; }
  .page-id-1472 .stat h3 {
    font-family: var(--oswald);
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 6px;
}
 .page-id-1472 .stat p {
    font-size: 13px;
    color: var(--muted);
    padding: 0;
    margin: 0;
    line-height: 19px;
    margin-top: 10px;
}
.page-id-1472 .hero-stats .container::before {
    
    display:none;
}
  /* ===== About ===== */
  
  .page-id-1472 .about .container::after {
      display:none;
  }
   .page-id-1472 .about .container::before {
      display:none;
  }
  .page-id-1472 .about { padding: 0; }
  .page-id-1472 .about .container { display: grid; grid-template-columns: 734px 380px; justify-content: space-between; align-items: center; gap: 40px; padding-top: 100px; padding-bottom: 100px; }
  .page-id-1472 .about-text { display: flex; flex-direction: column; gap: 18px; }
.page-id-1472 .about-text .h2 {
    padding-top: 0;
    line-height: 43.7px;
    margin: 0;
}
  .page-id-1472 .about-text p { font-size: 15px; line-height: 27.75px; color: var(--text); }
  .page-id-1472 .about-text p strong { color: var(--text-dark); font-weight: 700; }
  .page-id-1472 .about-text .btn { align-self: flex-start; margin-top: 8px; font-size: 13px; letter-spacing: 1.5px; padding: 14px 32px; }
  .page-id-1472 .about-img { height: 493px; overflow: hidden; background: rgba(127,127,127,.08); }
  .page-id-1472 .about-img img { width: 100%; height: 100%; object-fit: cover; }

  /* ===== Services slider ===== */
  .page-id-1472 .slider-wrap { position: relative; margin-top: 52px; }
  .page-id-1472 .slider-viewport { overflow: hidden; padding-bottom: 4px; }
  .page-id-1472 .slider-track { display: flex; gap: 24px; transition: transform .45s ease; }
  .page-id-1472 .service-card { flex: 0 0 calc((100% - 48px) / 3); background: #fff; border: 1px solid var(--line); border-top-width: 3px; }
  .page-id-1472 .service-img { height: 230px; overflow: hidden; border-bottom: 1px solid var(--line); background: rgba(127,127,127,.08); }
  .page-id-1472 .service-img img { width: 100%; height: 100%; object-fit: cover; }
  .page-id-1472 .service-body { padding: 26px 28px; display: flex; flex-direction: column; gap: 12px; min-height: 365px; }
.page-id-1472 .service-body h3 {
    font-family: var(--oswald);
    font-weight: 600;
    font-size: 21px;
    color: var(--text-dark);
    line-height: 1.45;
    margin: 0;
}
  .page-id-1472 .service-body p { font-size: 14.5px; line-height: 24.65px; color: var(--text); }
  .page-id-1472 .slider-btn { position: absolute; top: 307px; width: 44px; height: 44px; border-radius: 50%; background: var(--slate); color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center; transition: background .2s, opacity .2s; }
  .page-id-1472 .slider-btn:hover { background: #2c3a40; }
  .page-id-1472 .slider-btn:disabled { opacity: .4; cursor: default; }
  .page-id-1472 .slider-btn.prev { left: -72px; }
  .page-id-1472 .slider-btn.next { right: -72px; }

  /* ===== Process ===== */
  .page-id-1472 .process .eyebrow { color: var(--muted); }
  .page-id-1472 .process .h2 { color: #fff; }
  .page-id-1472 .process .lead { color: var(--muted-2); max-width: 700px; }
  .page-id-1472 .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 52px; }
  .page-id-1472 .process-card { border: 1px solid #383f44; padding: 26px 22px; display: flex; flex-direction: column; gap: 10px; }
  .page-id-1472 .process-card .num { font-family: var(--oswald); font-weight: 600; font-size: 26px; color: var(--muted); }
  .page-id-1472 .process-card h3 { font-family: var(--oswald); font-weight: 500; font-size: 18px; color: #fff; }
  .page-id-1472 .process-card p { font-size: 13.5px; line-height: 22.275px; color: var(--muted-2); }

  /* ===== Projects ===== */
  .page-id-1472 .projects-head { display: flex; justify-content: space-between; align-items: flex-end; }
  .page-id-1472 .projects-head .btn-dark-outline { border: 1px solid var(--text-dark); color: var(--text-dark); font-size: 13px; letter-spacing: 1.5px; padding: 13px 28px; }
  .page-id-1472 .projects-head .btn-dark-outline:hover { background: var(--text-dark); color: #fff; }
  .page-id-1472 .projects-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px; }
  .page-id-1472 .project-card { background: #fff; border: 1px solid var(--line); }
  .page-id-1472 .project-img { height: 220px; overflow: hidden; border-bottom: 1px solid var(--line); background: rgba(127,127,127,.08); }
  .page-id-1472 .project-img img { width: 100%; height: 100%; object-fit: cover; }
  .page-id-1472 .project-body { padding: 26px 28px; display: flex; flex-direction: column; gap: 10px; }
  .page-id-1472 .project-body .meta { font-family: var(--oswald); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--slate); }
  .page-id-1472 .project-body h3 { font-family: var(--oswald); font-weight: 600; font-size: 20px; line-height: 26px; color: var(--text-dark); }
  .page-id-1472 .project-body p { font-size: 14px; line-height: 23.8px; color: var(--text); }
  .page-id-1472 .certs { background: var(--dark-2); margin-top: 56px; padding: 30px 36px; }
  .page-id-1472 .certs h4 { font-family: var(--oswald); font-weight: 400; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; color: #fff; }
  .page-id-1472 .certs ul { list-style: none; display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 28px; }
  .page-id-1472 .certs li { font-size: 13.5px; color: var(--light-text); }

  /* ===== Sectors ===== */
  .page-id-1472 .sectors-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 52px; }
  .page-id-1472 .sector-card { border: 1px solid var(--line); padding: 28px 24px; display: flex; flex-direction: column; gap: 12px; }
  .page-id-1472 .icon-circle { width: 56px; height: 56px; border-radius: 50%; background: #eef0f2; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .page-id-1472 .icon-circle img { width: 28px; height: 28px; }
  .page-id-1472 .sector-card h3 { font-family: var(--oswald); font-weight: 600; font-size: 18px; color: var(--text-dark); border-left: 3px solid var(--slate); padding-left: 12px; line-height: 1.5; }
  .page-id-1472 .sector-card p { font-size: 13.5px; line-height: 22.275px; color: var(--text); }

  /* ===== Recognition ===== */
  .page-id-1472 .recognition .container { display: grid; grid-template-columns: 460px 1fr; gap: 56px; align-items: start; }
  .page-id-1472 .recog-left { display: flex; flex-direction: column; gap: 22px; }
  .page-id-1472 .recog-left .h2 { padding-top: 0; line-height: 43.7px; }
  .page-id-1472 .recog-left p { font-size: 15px; line-height: 26.25px; color: var(--text); }
  .page-id-1472 .recog-img { height: 420px; overflow: hidden; background: rgba(127,127,127,.08); }
  .page-id-1472 .recog-img img { width: 100%; height: 100%; object-fit: cover; }
  .page-id-1472 .recog-list { list-style: none; }
  .page-id-1472 .recog-list li { display: flex; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--line-2); }
  .page-id-1472 .recog-list .num { font-family: var(--oswald); font-weight: 600; font-size: 15px; color: var(--slate); min-width: 34px; padding-top: 2px; }
  .page-id-1472 .recog-list h3 { font-family: var(--oswald); font-weight: 600; font-size: 19px; color: var(--text-dark); margin-bottom: 6px; }
  .page-id-1472 .recog-list p { font-size: 14.5px; line-height: 24.65px; color: var(--text); }
  .page-id-1472 .recognition .container::before {
      display:none;
  }
    .page-id-1472 .recognition .container::after {
      display:none;
  }
.page-id-1472 .faq .container::before {
      display:none;
  }
    .page-id-1472 .faq .container::after {
      display:none;
  }
  /* ===== Why choose ===== */
  .page-id-1472 .why-grid { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 52px; border: 1px solid var(--line); }
  .page-id-1472 .why-card { padding: 30px 22px; display: flex; flex-direction: column; gap: 12px; border-right: 1px solid var(--line); }
  .page-id-1472 .why-card:last-child { border-right: 0; }
  .page-id-1472 .why-card h3 { font-family: var(--oswald); font-weight: 600; font-size: 18px; line-height: 1.5; color: var(--text-dark); }
  .page-id-1472 .why-card p { font-size: 14px; line-height: 23.8px; color: var(--text); }
  .page-id-1472 .testimonial { max-width: 860px; margin: 64px auto 0; text-align: center; }
  .page-id-1472 .testimonial .quote-mark { font-family: var(--oswald); font-size: 64px; line-height: 32px; color: var(--slate); padding-top: 20px; height: 52px; }
  .page-id-1472 .testimonial blockquote { font-style: italic; font-size: 18px; line-height: 32.4px; color: #2b3037; margin-top: 20px; }
  .page-id-1472 .testimonial .author { font-family: var(--oswald); font-weight: 600; font-size: 16px; color: var(--text-dark); margin-top: 20px; }
  .page-id-1472 .testimonial .role { font-size: 13.5px; color: #7d8681; padding-top: 4px; }

  /* ===== CTA ===== */
  .page-id-1472 .cta { background: rgba(27,31,34,.9); padding: 80px 0; text-align: center; }
  .page-id-1472 .cta h2 { font-family: var(--oswald); font-weight: 600; font-size: 40px; line-height: 48px; color: #fff; max-width: 760px; margin: 0 auto; }
  .page-id-1472 .cta p { font-size: 16px; line-height: 28px; color: var(--light-text); max-width: 700px; margin: 0 auto; padding-top: 20px; }
  .page-id-1472 .cta .hero-btns { justify-content: center; }
  .page-id-1472 .cta .hero-btns .btn { padding: 16px 40px; }

  /* ===== FAQ ===== */
  .page-id-1472 .faq .container { display: grid; grid-template-columns: 380px 1fr; gap: 56px; align-items: start; }
  .page-id-1472 .faq-intro .h2 { font-size: 36px; line-height: 43.2px; }
  .page-id-1472 .faq-intro .lead { font-size: 14.5px; line-height: 25.375px; }
  .page-id-1472 .faq-intro .lead a { color: var(--slate); }
  .page-id-1472 .faq-intro .lead a:hover { text-decoration: underline; }
  .page-id-1472 .faq-list { display: flex; flex-direction: column; gap: 12px; }
  .page-id-1472 .faq-item { background: #fff; border: 1px solid var(--line); }
  .page-id-1472 .faq-q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; text-align: left; font-family: var(--oswald); font-weight: 500; font-size: 17px; color: var(--text-dark); }
  .page-id-1472 .faq-q .sign { font-family: var(--oswald); font-size: 22px; color: var(--slate); min-width: 20px; text-align: center; }
  .page-id-1472 .faq-a { display: none; border-top: 1px solid var(--line-2); padding: 16px 24px 22px; font-size: 14.5px; line-height: 25.375px; color: var(--text); }
  .page-id-1472 .faq-item.open .faq-a { display: block; }
  .page-id-1472 section.inner-page {
    display: none;
}
 .page-id-1472 section.section.bg-dark.process {
    background: #23282b;
}
  /* ===== Footer ===== */
  .footer { background: var(--dark-1); padding-top: 68px; }
 .footer-grid {
    display: grid;
    grid-template-columns: 439px 242px 242px 242px;
    gap: 48px;
    margin: auto;
    justify-content: center;
}
  .footer-brand img { width: 120px; height: 115px; object-fit: cover; }
  .footer-brand p { font-size: 13.5px; line-height: 23.625px; color: var(--muted); max-width: 320px; margin-top: 16px; }
  .footer-col h4 { font-family: var(--oswald); font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #fff; padding-bottom: 6px; margin-bottom: 12px; }
  .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 12px; }
  .footer-col a, .footer-col li { font-size: 14px; color: var(--muted); }
  .footer-col a:hover { color: #fff; }
  .contact-row { display: flex; gap: 10px; align-items: center; }
  .contact-row.top { align-items: flex-start; }
  .contact-row.top img { margin-top: 2px; }
  .contact-row img { width: 18px; height: 18px; flex-shrink: 0; }
  .footer-bottom { border-top: 1px solid var(--dark-border); margin-top: 82px; }
  .footer-bottom .container { display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; font-size: 12.5px; color: #6c757c; }
  .footer-bottom nav { display: flex; gap: 20px; }
  .footer-bottom a:hover { color: #fff; }
  
  
   .page-id-1472  .section{
      padding:80px 0px;
  }
  /* ===== Responsive ===== */
  @media (max-width: 1360px) {
    .page-id-1472 .slider-btn.prev { left: 4px !important; z-index: 3 !important; }
    .page-id-1472 .slider-btn.next { right: 4px !important; z-index: 3 !important; }
  }
  @media (max-width: 1199px) {
    .page-id-1472 .about .container { grid-template-columns: 1fr 340px !important; }
    .footer-grid { grid-template-columns: 2fr 1fr 1fr 1.4fr !important; gap: 32px !important; }
    .page-id-1472 .recognition .container { grid-template-columns: 400px 1fr !important; gap: 40px !important; }
    .page-id-1472 .faq .container { grid-template-columns: 320px 1fr !important; gap: 40px !important; }
    .page-id-1472 .why-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .page-id-1472 .why-card { border-bottom: 1px solid var(--line) !important; }
  }
  @media (max-width: 991px) {
      
      .nav#main-nav .nav-item.has-dropdown.open a {
    color: #000 !important;
    padding: 20px !important;
}

      .page-id-1472 .hero-media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
172deg, rgba(27, 31, 34, .88) 0%, rgba(27, 31, 34, .7) 35%, rgba(27, 31, 34, 0) 65%) !important;
}
    .topbar-left { display: none !important; }
    .topbar .container { justify-content: center !important; }
    .menu-toggle { display: block !important; }
    .nav { display: none !important; position: absolute !important; top: 76px !important; left: 0 !important; right: 0 !important; background: var(--dark-2) !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; padding: 12px 15px 20px !important; border-bottom: 1px solid var(--dark-border) !important; }
    .nav.open { display: flex !important; }
    .nav a { padding: 8px 18px !important; }
.nav .active,
.nav a:focus,
.nav a:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
    padding: 8px 18px !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}
    .nav .btn { margin-top: 10px !important; padding: 12px 26px !important; }
    .page-id-1472 .hero h1 { font-size: 40px !important; line-height: 1.15 !important; }
    .page-id-1472 .hero-stats .container { grid-template-columns: repeat(2, 1fr) !important; }
    .page-id-1472 .about .container { grid-template-columns: 1fr !important; padding-top: 72px !important; padding-bottom: 72px !important; }
    .page-id-1472 .about-img { height:100% !important; max-width: 100% !important; }
    .page-id-1472 .service-card { flex-basis: calc((100% - 24px) / 2) !important; }
    .page-id-1472 .slider-btn { top: 160px !important; }
    .page-id-1472 .process-grid, .page-id-1472 .sectors-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .page-id-1472 .projects-grid { grid-template-columns: 1fr !important; }
    .page-id-1472 .recognition .container, .page-id-1472 .faq .container { grid-template-columns: 1fr !important; }
    .page-id-1472 .recog-img { max-width: 560px !important; }
    .page-id-1472 .why-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .footer-grid { grid-template-columns: 1fr 1fr !important; }
  }
  @media (max-width: 600px) {
      .page-id-1472 .hero-media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
172deg, rgba(27, 31, 34, .88) 0%, rgba(27, 31, 34, .7) 35%, rgba(27, 31, 34, 0) 65%) !important;
}
    .page-id-1472 .section { padding: 64px 0 !important; }
    .page-id-1472 .h2 { font-size: 30px !important; }
    .page-id-1472 .hero h1 { font-size: 32px !important; }
    .page-id-1472 .hero p { font-size: 15px !important; line-height: 26px !important; }
    .page-id-1472 .hero-btns { flex-wrap: wrap !important; }
    .page-id-1472 .hero-stats .container { grid-template-columns: 1fr !important; }
    .page-id-1472 .service-card { flex-basis: 100% !important; }
    .page-id-1472 .process-grid, .page-id-1472 .sectors-grid, .page-id-1472 .why-grid { grid-template-columns: 1fr !important; }
    .page-id-1472 .why-card { border-right: 0 !important; }
    .page-id-1472 .projects-head { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
    .page-id-1472 .project-img { height: 190px !important; }
    .page-id-1472 .certs { padding: 26px 22px !important; }
    .page-id-1472 .cta h2 { font-size: 30px !important; line-height: 38px !important; }
    .footer-grid { grid-template-columns: 1fr !important; }
    .footer-bottom .container { flex-direction: column !important; gap: 10px !important; }
    .page-id-1472 .faq-q { font-size: 16px !important; }
  }