/* =========================================================
       DESIGN SYSTEM
       ========================================================= */

    :root {
      --blue: #006bb6;
      --blue-dark: #005b9d;
      --blue-soft: #eaf4fb;
      --light-blue-accent: #7fc7f2;

      --orange: #f58220;
      --orange-dark: #dc6e10;
      --orange-soft: #fff4ea;

      --navy: #0c3658;
      --navy-dark: #082a46;
      --navy-deep: #051d31;
      --header-navy: #071524;
      --navy-card: #154766;

      --white: #ffffff;

      --page: #f7f9fb;
      --light: #eef4f8;
      --light-blue: #f4f8fb;

      --text: #0b2e4a;
      --muted: #5f7586;
      --soft-text: #8798a5;

      --border: #d8e3eb;
      --border-strong: #bfd2df;

      --font-heading:
        "Manrope",
        "Noto Sans",
        Arial,
        sans-serif;

      --font-body:
        "Inter",
        "Noto Sans",
        Arial,
        sans-serif;

      /* --container: 1180px; */

      --radius-sm: 8px;
      --radius: 14px;
      --radius-lg: 22px;

      --shadow-sm:
        0 10px 28px rgba(12, 54, 88, 0.06);

      --shadow:
        0 24px 60px rgba(12, 54, 88, 0.10);

      --shadow-form:
        0 22px 55px rgba(3, 24, 42, 0.14);

      --transition: 180ms ease;
    }


    /* =========================================================
       RESET
       ========================================================= */

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    html {
      width: 100%;
      scroll-behavior: smooth;
      scroll-padding-top: 76px;
    }

    body {
      width: 100%;
      min-width: 0;
      margin: 0;

      background: var(--page);
      color: var(--text);

      font-family: var(--font-body);
      font-size: 16px;
      line-height: 1.65;

      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    /*
      Main is not an ancestor of the sticky header,
      so clipping horizontal page overflow here does
      not interfere with sticky positioning.
    */

    main {
      overflow-x: clip;
    }

    section,
    header,
    footer,
    nav,
    div,
    article,
    figure,
    form {
      min-width: 0;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button,
    input,
    textarea {
      font: inherit;
    }

    button {
      cursor: pointer;
    }

    img,
    svg {
      display: block;
      max-width: 100%;
    }

    input,
    textarea,
    button,
    .button {
      max-width: 100%;
    }

    :focus-visible {
      outline: 3px solid rgba(127, 199, 242, 0.40);
      outline-offset: 3px;
    }

    ::selection {
      background: rgba(245, 130, 32, 0.20);
      color: var(--text);
    }


    /* =========================================================
       GLOBAL
       ========================================================= */

    .container {
      width: min(calc(100% - 40px), var(--container));
      margin-inline: auto;
    }

    .section {
      padding: 60px 0;
    }

    .section-white {
      background: #ffffff;
    }

    .section-light {
      background: var(--light);
    }

    a{
      text-decoration: none !important;
    }

    /* =========================================================
       TYPOGRAPHY
       ========================================================= */

    h1,
    h2,
    h3,
    p {
      margin-top: 0;
    }

    h1,
    h2,
    h3 {
      font-family: var(--font-heading);
      text-wrap: balance;
    }

.section h1 {
      font-weight: 800;
      line-height: 1.04;
      letter-spacing: -0.04em;
    }

.section h2 {
      margin-bottom: 18px;

      font-size: 45px;

      font-weight: 800;
      line-height: 1.08;
      letter-spacing: -0.035em;
    }

    h3 {
      margin-bottom: 10px;

      font-size: clamp(
        1.125rem,
        1.55vw,
        1.4rem
      );

      font-weight: 700;
      line-height: 1.25;
      letter-spacing: -0.02em;
    }

    p {
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.65;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;

      margin-bottom: 16px;

      color: var(--blue);

      font-size: 0.72rem;
      font-weight: 700;
      line-height: 1.2;

      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .eyebrow::before {
      width: 18px;
      height: 2px;
      flex: 0 0 18px;

      background: var(--orange);

      content: "";
    }


    /* =========================================================
       BUTTONS
       ========================================================= */

    .button {
      display: inline-flex;

      min-height: 50px;

      align-items: center;
      justify-content: center;

      gap: 8px;

      padding: 12px 21px;

      border: 1px solid transparent;
      border-radius: 10px;

      font-size: 0.9rem;
      font-weight: 700;

      line-height: 1.25;
      letter-spacing: -0.01em;

      text-align: center;
      white-space: normal;

      transition:
        transform var(--transition),
        background var(--transition),
        box-shadow var(--transition);
    }

    .button:hover {
      transform: translateY(-2px);
    }

    .button-primary {
      background: var(--orange);
      color: #ffffff;
      text-decoration: none;
      box-shadow:
        0 10px 24px rgba(245, 130, 32, 0.22);
    }

    .button-primary:hover {
      background: var(--orange-dark);
      color: #fff;
      box-shadow:
        0 14px 30px rgba(245, 130, 32, 0.28);
    }

    .button-lg {
      min-height: 56px;
      padding-inline: 25px;
    }
i {
    font-size: 18px;
    /* font-weight: 900; */
}

    /* =========================================================
       MINIMAL STICKY HEADER
       ========================================================= */

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

    .hero {
      position: relative;

      overflow: hidden;

      padding: 78px 0 86px;

      background: var(--navy-dark);

      color: #ffffff;
    }

    .hero::after {
      position: absolute;

      inset: 0 0 0 auto;

      width: 42%;

      background:
        linear-gradient(
          180deg,
          rgba(0, 107, 182, 0.05),
          rgba(0, 107, 182, 0.01)
        );

      content: "";

      pointer-events: none;
    }

    .hero-grid {
      position: relative;
      z-index: 2;

      display: grid;

      grid-template-columns:
        minmax(0, 1.06fr)
        minmax(410px, 0.94fr);

      align-items: center;

      gap: clamp(
        52px,
        6vw,
        84px
      );
    }

    .hero-copy,
    .quote-card-wrap {
      min-width: 0;
    }

    .hero h1 {

      margin: 0 0 22px;

      color: #ffffff;

      font-size:52px;

      font-weight: 800;

      line-height: 1.04;
      letter-spacing: -0.04em;
    }

    .hero-value {
      max-width: 660px;

      margin: 0 0 20px;

      color: #ffffff;

      font-family: var(--font-heading);

      font-size: clamp(
        1.55rem,
        2.3vw,
        2.15rem
      );

      font-weight: 700;

      line-height: 1.18;
      letter-spacing: -0.025em;
    }

    .hero-value span {
      display: block;
      margin-top: 3px;

      color: var(--orange);
    }

    .hero-description {
      max-width: 620px;

      margin-bottom: 28px;

      color: #cfdde6;

      font-size: 1.125rem;
      line-height: 1.62;
    }


    /* Hero trust statistics */

    .hero-proof-bar {
      display: grid;

      grid-template-columns:
        repeat(4, minmax(0, 1fr));

      width: 100%;
      max-width: 680px;

      margin-bottom: 25px;

      padding: 19px 0;

      border-top:
        1px solid rgba(255, 255, 255, 0.14);

      border-bottom:
        1px solid rgba(255, 255, 255, 0.14);
    }

    .hero-proof-stat {
      display: flex;

      min-height: 58px;

      flex-direction: column;
      justify-content: center;

      padding: 0 18px;

      border-left:
        1px solid rgba(255, 255, 255, 0.12);
    }

    .hero-proof-stat:first-child {
      padding-left: 0;
      border-left: 0;
    }

    .hero-proof-stat strong {
      margin-bottom: 7px;

      color: #ffffff;

      font-family: var(--font-heading);

      font-size: 1.35rem;
      font-weight: 700;

      line-height: 1;
    }

    .hero-proof-stat span {
      color: #d1dee7;

      font-size: 15px;
      font-weight: 500;

      line-height: 1.35;
    }


    /* Hero benefits */

    .hero-benefits {
      display: grid;

      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 11px 20px;

      max-width: 650px;

      margin-bottom: 14px;
    }

    .hero-benefit {
      display: flex;

      align-items: center;

      gap: 9px;

      color: #d8e5ed;

      font-size: 0.9rem;
      font-weight: 500;

      line-height: 1.45;
    }

    .benefit-check {
      display: grid;

      width: 22px;
      height: 22px;

      flex: 0 0 22px;

      place-items: center;

      border:
        1px solid rgba(245, 130, 32, 0.52);

      border-radius: 50%;

      background:
        rgba(245, 130, 32, 0.10);

      color: var(--orange);

      font-size: 0.68rem;
      font-weight: 700;
    }

    .hero-security {
      display: flex;

      align-items: center;

      gap: 8px;

      color: #d3e0e8;

      font-size: 0.8rem;
      font-weight: 500;

      line-height: 1.45;
    }

    .hero-security svg {
      width: 16px;
      height: 16px;

      flex: 0 0 16px;

      color: var(--light-blue-accent);
    }


    /* =========================================================
       QUOTE FORM
       ========================================================= */

    .quote-card {
      position: relative;

      width: 100%;

      padding: 30px;

      border:
        1px solid #d4e1e9;

      border-radius: 20px;

      background: #f7fafc;

      color: var(--text);

      box-shadow:
        var(--shadow-form);
    }

    .quote-card::before {
      position: absolute;

      top: 0;
      left: 30px;

      width: 56px;
      height: 4px;

      border-radius:
        0 0 4px 4px;

      background: var(--orange);

      content: "";
    }

    .quote-top {
      display: flex;

      align-items: center;
      justify-content: space-between;

      gap: 12px;

      margin-bottom: 13px;
    }

    .quote-kicker {
      color: var(--blue);

      font-size: 0.72rem;
      font-weight: 700;

      letter-spacing: 0.12em;

      text-transform: uppercase;
    }

    .secure-pill {
      display: inline-flex;

      align-items: center;

      gap: 5px;

      padding: 6px 9px;

      border:
        1px solid #cbdde8;

      border-radius: 999px;

      background: #edf5fa;

      color: #425f72;

      font-size: 0.72rem;
      font-weight: 700;

      white-space: nowrap;
    }

    .secure-pill svg {
      width: 13px;
      height: 13px;

      flex: 0 0 13px;

      color: var(--blue);
    }

    .quote-card h2 {
      margin-bottom: 10px;

      font-size: clamp(
        1.6rem,
        2.3vw,
        2rem
      );

      font-weight: 700;

      line-height: 1.15;
      letter-spacing: -0.03em;
    }

    .quote-intro {
      margin-bottom: 22px;

      color: #597184;

      font-size: 0.94rem;
    }

    .quote-form-grid {
      display: grid;

      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 14px;
    }

    .field {
      display: grid;
      gap: 7px;
    }

    .field.full {
      grid-column: 1 / -1;
    }

    .field label {
      color: #334d60;

      font-size: 0.82rem;
      font-weight: 600;
    }

    .optional {
      color: #758897;

      font-size: 0.78rem;
      font-weight: 500;
    }

    input,
    textarea {
      width: 100%;

      border:
        1px solid #c8d8e2;

      border-radius: 8px;

      background: #ffffff;

      color: var(--text);

      font-family: var(--font-body);
      font-size: 0.95rem;

      transition:
        border-color var(--transition),
        box-shadow var(--transition);
    }

    input {
      min-height: 50px;
      padding: 0 13px;
    }

    textarea {
      min-height: 122px;
      padding: 13px;

      resize: vertical;
    }

    input::placeholder,
    textarea::placeholder {
      color: #8fa0ac;
    }

    input:focus,
    textarea:focus {
      border-color: var(--blue);

      outline: 0;

      box-shadow:
        0 0 0 3px rgba(0, 107, 182, 0.09);
    }

    .quote-submit {
      width: 100%;
      min-height: 56px;

      margin-top: 17px;
    }

    .quote-assurance {
      display: flex;

      flex-wrap: wrap;

      align-items: center;
      justify-content: center;

      gap: 10px 24px;

      margin-top: 15px;

      color: #506c80;

      font-size: 0.76rem;
      font-weight: 700;

      text-align: center;
    }

    .quote-assurance span {
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }

    .quote-assurance span::before {
      color: var(--blue);
      content: "✓";
    }

    .form-message {
      display: none;

      margin-top: 15px;

      padding: 12px 14px;

      border:
        1px solid #bcd8c8;

      border-radius: 9px;

      background: #f1faf5;

      color: #285c3e;

      font-size: 0.85rem;
      font-weight: 600;
    }

    .form-message.show {
      display: block;
    }


/* =========================
   CLIENT LOGO SLIDER
========================= */

.clients_sec {
    padding: 0 !important;
}

.clients_slider {
    position: relative;
}

.clients_slider .slick-list {
    margin: 0 -7px;
    overflow: hidden;
}

.clients_slider .slick-track {
    display: flex;
    align-items: stretch;
}

.clients_slider .slick-slide {
    padding: 0 7px;
    height: 100px;
    margin: 0 10px;
}

.clients_slider .slick-slide > div {
    height: 100%;
}


/* =========================
   CLIENT CARD
========================= */

.clients_img {
    height: 100px;

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

    padding: 15px 25px !important;

    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 8px;

    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08);

    overflow: hidden;
}

.clients_img img {
    display: block;

    width: auto;
    width: 200px;
    height: auto;
    max-height: 55px;

    object-fit: contain;
}






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

@media (max-width: 991px) {

    .clients_slider .slick-prev {
        left: -20px;
    }

    .clients_slider .slick-next {
        right: -20px;
    }

    .clients_img {
        height: 85px;
        padding: 12px 20px;
    }
}


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

@media (max-width: 767px) {

    .clients_slider .slick-list {
        margin: 0 -5px;
    }

    .clients_slider .slick-slide {
        padding: 0 5px;
    }

    .clients_img {
        height: 80px;
        padding: 12px 18px;
    }

    .clients_img img {
        max-height: 48px;
    }

    .clients_slider .slick-prev {
        left: 5px;
    }

    .clients_slider .slick-next {
        right: 5px;
    }
}

    /* =========================================================
       INDUSTRY EXPERTISE
       ========================================================= */




    .industry-card {
      display: flex;

      min-height: 132px;

      align-items: center;

      gap: 13px;

      padding: 18px;

      border:
        1px solid #b4cbd9;

      border-radius: 13px;

      background: #ffffff;

    box-shadow: 0 7px 20px rgba(12, 54, 88, 0.055);

    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.industry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(12, 54, 88, 0.12);
}

    .industry-icon {
      display: grid;

      width: 44px;
      height: 44px;

      flex: 0 0 44px;

      place-items: center;

      border:
        1px solid #a9cee4;

      border-radius: 9px;

      background: #e5f2fa;

      color: var(--blue-dark);
    }

    .industry-icon svg {
      width: 28px;
      height: 28px;
    }

    .industry-card h3 {
      margin: 0;

      color: var(--text);

      font-size: 0.97rem;

      line-height: 1.3;
      letter-spacing: -0.01em;
    }

    .industry-sub {
      display: block;

      margin-top: 6px;

      color: #5f788b;

      font-size: 0.79rem;
      line-height: 1.45;
    }


    /* =========================================================
       QUALITY ASSURANCE
       ========================================================= */

    .quality-process {


      background: var(--navy);

      color: #ffffff;
    }



    .quality-header .eyebrow {
      color: #c2deed;
    }

    .quality-header h2 {
      margin-bottom: 0;

      color: #ffffff;
    }

    .quality-header p {
      margin: 0;

      color: #cfdee7;
    }


    .quality-card {
      min-height: 285px;
      height: 100%;

      padding: 34px;

      border:
        1px solid rgba(183, 217, 237, 0.24);

      border-radius: 16px;

      background: var(--navy-card);

      box-shadow:
        0 14px 32px rgba(2, 21, 36, 0.12);
    }

    .quality-number {
      display: block;

      margin-bottom: 20px;

      color: var(--orange);

      font-family: var(--font-heading);

      font-size: 45px;
      font-weight: 800;

      letter-spacing: 0.07em;
    }

    .quality-card h3 {
      margin-bottom: 14px;

      color: #ffffff;

      font-size: clamp(
        1.25rem,
        1.8vw,
        1.5rem
      );
    }

    .quality-card p {
      margin: 0;

      color: #d5e2ea;

      font-size: 0.97rem;
    }


    /* =========================================================
       ENTERPRISE QUALITY STANDARDS
       ========================================================= */

    .certification-section {

      background: #f4f8fb;

      border-bottom:
        1px solid #dbe7ee;
    }



    .certification-header h2 {
      margin-bottom: 0;

      color: var(--navy);
    }

    .certification-header > p {

      margin: 0;

      color: #586f80;
    }



    .cert-card {
      min-height: 275px;

      padding: 24px;

      border:
        1px solid #bfd4e1;

      border-radius: 15px;

      background: #ffffff;

      box-shadow:
        0 11px 28px rgba(12, 54, 88, 0.065);
    }

    .cert-card-top {
      display: flex;

      align-items: center;
      justify-content: space-between;

      margin-bottom: 23px;
    }

    .cert-seal {
      display: grid;

      width: 60px;
      height: 60px;
      padding: 8px;

      place-items: center;

      border:
        1px solid #b5d3e5;

      border-radius: 13px;

      background: #eaf4fb;

      color: var(--blue);
    }

    .cert-seal svg {
      width: 26px;
      height: 26px;
    }

    .cert-accent {
      width: 30px;
      height: 3px;

      border-radius: 999px;

      background: var(--orange);
    }

    .cert-card h3 {
      margin-bottom: 12px;
     font-weight: 600;
      color: var(--navy);

      font-size: 1.13rem;
      line-height: 1.35;
      letter-spacing: -0.018em;
    }

    .cert-card p {
      margin: 0;

      color: #5b7385;

      font-size: 0.88rem;
      line-height: 1.58;
    }

/* certificate */

/* =========================================================
   CERTIFICATIONS & CREDENTIALS
   ========================================================= */

.credential-proof {
    padding: 72px 0 82px;
    overflow: hidden;
    border-bottom: 1px solid #dbe7ee;
    background: #ffffff;
}


/* =========================
   HEADER
========================= */

.credential-proof-header {
    max-width: 840px;
    margin: 0 auto 36px;
    text-align: center;
}

.credential-proof-header h2 {
    margin-bottom: 13px;
    color: var(--navy);
    font-size: 45px;
    font-weight: 800;
}

.credential-proof-header p {
    max-width: 650px;
    margin: 0 auto;
    color: #5a7283;
    font-size: 0.95rem;
    line-height: 1.6;
}


/* =========================
   CERTIFICATION SLIDER
========================= */

.credential-slider {
    position: relative;
    margin: 0;
}


/* Slick list */

.credential-slider .slick-list {
    margin: 0;
    overflow: hidden;
}


/* Slick track */

.credential-slider .slick-track {
    display: flex;
}


/* Each slide */

.credential-slider .slick-slide {
    margin: 0 10px;
    padding: 0;
}


/* Make slide content equal height */

.credential-slider .slick-slide > div {
    height: 100%;
}


/* =========================
   CERTIFICATION CARD
========================= */

.credential-slider .cer-box {
    height: 100%;
    margin: 0;
    padding: 0 10px;

    background: #ffffff;

    display: flex;
    flex-direction: column;
}


/* Certificate image */

.credential-slider .cer-box img {
    display: block;

    width: 100%;
    height: 340px;

    padding: 15px;

    object-fit: contain;
    object-position: center;

    border: 1px solid #c7d9e4;

    background: #ffffff;

    box-shadow:
        0 8px 22px rgba(12, 54, 88, 0.055);
}


/* Certificate title */

.credential-slider .cer-box h3 {
    margin: 18px 0 0;

    color: var(--navy);

    font-size: 20px;
    font-weight: 600;

    line-height: 1.3;

    text-align: center;
}


/* =========================
   ARROWS
========================= */

.credential-slider .slick-arrow {
    position: absolute;

    top: 50%;
    z-index: 20;

    width: 42px;
    height: 42px;

    padding: 0;

    border: 1px solid #c2d5e1;
    border-radius: 50%;

    background: #ffffff;

    font-size: 0;

    transform: translateY(-50%);

    box-shadow:
        0 5px 15px rgba(12, 54, 88, 0.08);

    cursor: pointer;
}


/* Previous */

.credential-slider .slick-prev {
    left: -55px;
}


/* Next */

.credential-slider .slick-next {
    right: -55px;
}


/* Arrow icons */

.credential-slider .slick-arrow::before {
    font-family: Arial, sans-serif;

    font-size: 24px;
    font-weight: 600;

    line-height: 1;

    opacity: 1;

    color: var(--navy);
}

.credential-slider .slick-prev::before {
    content: "‹";
}

.credential-slider .slick-next::before {
    content: "›";
}


/* Hover */

.credential-slider .slick-arrow:hover {
    background: var(--navy);
    border-color: var(--navy);
}

.credential-slider .slick-arrow:hover::before {
    color: #ffffff;
}


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

@media (max-width: 1199px) {

    .credential-slider .slick-prev {
        left: -15px;
    }

    .credential-slider .slick-next {
        right: -15px;
    }

}


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

@media (max-width: 767px) {

    .credential-proof {
        padding: 55px 0 65px;
    }

    .credential-proof-header h2 {
        font-size: 34px;
    }

    .credential-proof-header p {
        font-size: 0.92rem;
    }

    .credential-slider .slick-slide {
        margin: 0 8px;
    }

    .credential-slider .cer-box img {
        height: 230px;
    }

    .credential-slider .cer-box h3 {
        font-size: 21px;
    }

    /* Keep arrows inside the slider on mobile */

    .credential-slider .slick-prev {
        left: 10px;
    }

    .credential-slider .slick-next {
        right: 10px;
    }

}

    /* =========================================================
       CLIENT TESTIMONIALS
       ========================================================= */
.testimonial-section {
    padding: 60px 0;
    background: var(--light);
}

.testimonial-header {
    margin-bottom: 38px;
}

.testimonial-header h2 {
    margin-bottom: 16px;
    color: var(--navy);
    font-size: 45px;
    font-weight: 800;
}

.testimonial-header p {
    margin: 0;
    color: #5b7385;
    font-size: 1rem;
    line-height: 1.62;
}


/* =========================
   TESTIMONIAL SLIDER
========================= */

.testimonial-slider {
    position: relative;
    margin: 0;
}

.testimonial-slider .slick-list {
    margin: 0;
    overflow: hidden;
}

.testimonial-slider .slick-track {
    display: flex;
}

.testimonial-slider .slick-slide {
    margin: 0 10px;
    padding: 0;
}

.testimonial-slider .slick-slide > div {
    height: 100%;
}


/* =========================
   TESTIMONIAL CARD
========================= */

.testimonial-slider .testimonial-card {
    position: relative;

    display: flex;
    flex-direction: column;

    height: 100%;
    min-height: 260px;

    margin: 0;

    padding: 28px 28px 25px;

    border: 1px solid #c2d5e1;
    border-radius: 0;

    background: #ffffff;

    box-shadow: 0 9px 26px rgba(12, 54, 88, 0.055);
}

.testimonial-slider .testimonial-card::before {
    position: absolute;

    top: 0;
    left: 28px;

    width: 42px;
    height: 3px;

    border-radius: 0 0 3px 3px;

    background: var(--orange);

    content: "";
}


/* Quote mark */

.testimonial-mark {
    height: 35px;
    margin-bottom: 10px;

    color: var(--orange);

    font-family: Georgia, serif;
    font-size: 3rem;
    font-weight: 700;

    line-height: 1;
}


/* Testimonial text */

.testimonial-card p {
    margin: 0 0 24px;

    color: var(--navy);

    font-size: 1rem;
    font-weight: 500;

    line-height: 1.62;
}


/* Customer */

.testimonial-card figcaption {
    display: flex;
    flex-direction: column;
    gap: 3px;

    margin-top: auto;
    padding-top: 17px;

    border-top: 1px solid #e0e8ed;
}

.testimonial-name {
    color: var(--navy);

    font-family: var(--font-heading);
    font-size: 0.92rem;
    font-weight: 700;

    line-height: 1.35;
}

.testimonial-company {
    color: #6b8190;

    font-size: 0.82rem;
    font-weight: 500;

    line-height: 1.4;
}


/* =========================
   ARROWS
========================= */

.testimonial-slider .slick-arrow {
    position: absolute;


    top: 50%;
    z-index: 20;

    width: 42px;
    height: 42px;

    padding: 0;

    border: 1px solid #c2d5e1;
    border-radius: 50%;

    background: #ffffff;

    font-size: 0;

    transform: translateY(-50%);

    box-shadow: 0 5px 15px rgba(12, 54, 88, 0.08);

    cursor: pointer;
}

.testimonial-slider .slick-prev {
    left: -55px;
}

.testimonial-slider .slick-next {
    right: -55px;
}

.testimonial-slider .slick-arrow::before {
    font-family: Arial, sans-serif;

    font-size: 24px;
    font-weight: 600;

    line-height: 1;

    opacity: 1;

    color: var(--navy);
}

.testimonial-slider .slick-prev::before {
    content: "‹";
}

.testimonial-slider .slick-next::before {
    content: "›";
}

.testimonial-slider .slick-arrow:hover {
    background: var(--navy);
    border-color: var(--navy);
}

.testimonial-slider .slick-arrow:hover::before {
    color: #ffffff;
}


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

@media (max-width: 767px) {

    .testimonial-slider .slick-slide {
        padding: 0;
    }

    .testimonial-slider .testimonial-card {
        min-height: 260px;
        border-radius: 14px;
    }

    .testimonial-slider .slick-prev {
        left: 10px;
    }

    .testimonial-slider .slick-next {
        right: 10px;
    }

}

    /* =========================================================
       FAQ
       ========================================================= */

    .faq-section {
      padding: 60px 0;
      padding-bottom: 0;
    }

    .faq-shell {
      width: min(100%, 900px);

      margin-inline: auto;
    }

    .faq-intro {
      max-width: 720px;

      margin: 0 auto 34px;

      text-align: center;
    }

    .faq-intro .eyebrow {
      justify-content: center;
    }

    .faq-intro h2 {
      margin-bottom: 16px;
    }

    .faq-intro p {
      max-width: 620px;

      margin: 0 auto 24px;
    }

    .faq-actions {
      width: min(100%, 390px);

      margin-inline: auto;
    }

    .faq-quote-cta {
      width: 100%;

      min-height: 58px;

      padding: 13px 20px;

      white-space: normal;
    }

    .faq-list {
      display: grid;
      gap: 10px;
    }

    .faq-list details {
      overflow: hidden;

      border:
        1px solid #c6d8e4;

      border-radius: 11px;

      background: #ffffff;
    }

    .faq-list details[open] {
      border-color: #afcbdc;

      box-shadow:
        0 8px 22px rgba(12, 54, 88, 0.045);
    }

    .faq-list summary {
      position: relative;

      padding:
        21px 56px
        21px 22px;

      cursor: pointer;

      list-style: none;
    }

    .faq-list summary::-webkit-details-marker {
      display: none;
    }

    .faq-list summary h3 {
      margin: 0;

      color: var(--navy);

      font-family: var(--font-heading);

      font-size: 1.05rem;
      font-weight: 700;

      line-height: 1.45;
      letter-spacing: -0.01em;
    }

    .faq-list summary::after {
      position: absolute;

      top: 50%;
      right: 21px;

      color: var(--orange);

      content: "+";

      font-size: 1.4rem;
      font-weight: 500;

      transform: translateY(-50%);
    }

    .faq-list details[open] summary::after {
      content: "−";
    }

    .faq-list details p {
      margin: 0;

      padding:
        0 54px
        22px 22px;

      color: #5d7485;

      font-size: 0.95rem;
    }


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

    .closing-section {
      padding: 78px 0;

      background: #ffffff;
    }

    .closing-panel {
      display: grid;

      grid-template-columns:
        minmax(0, 1fr)
        minmax(270px, 0.4fr);

      align-items: center;

      gap: 50px;

      padding: 46px 50px;

      border-radius:
        var(--radius-lg);

      background: var(--navy-dark);

      box-shadow:
        var(--shadow);
    }

    .closing-section .eyebrow {
      color: #c9d8e3;
    }

    .closing-panel h2 {
      margin-bottom: 13px;

      color: #ffffff;
    }

    .closing-panel p {
      max-width: 620px;

      margin: 0;

      color: #cfdde6;
    }

    .closing-action .button {
      width: 100%;
      min-height: 58px;
    }


    /* =========================================================
       FOOTER
       ========================================================= */


    /* =========================================================
       REVEAL
       ========================================================= */

    .reveal {
      opacity: 0;

      transform: translateY(14px);

      transition:
        opacity 520ms ease,
        transform 520ms ease;
    }

    .reveal.visible {
      opacity: 1;

      transform: translateY(0);
    }


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

    @media (max-width: 1050px) {

      .hero-grid {
        grid-template-columns:
          minmax(0, 1fr)
          minmax(390px, 430px);

        gap: 42px;
      }

      .hero-proof-bar {
        grid-template-columns:
          repeat(2, minmax(0, 1fr));

        padding: 0;

        border-bottom: 0;
      }

      .hero-proof-stat {
        min-height: 74px;

        padding: 15px 18px;

        border-bottom:
          1px solid rgba(255, 255, 255, 0.12);
      }

      .hero-proof-stat:nth-child(odd) {
        /* padding-left: 0; */
        border-left: 0;
      }

      .industry-grid {
        grid-template-columns:
          repeat(2, minmax(0, 1fr));
      }

      .cert-grid {
        grid-template-columns:
          repeat(2, minmax(0, 1fr));
      }

    }


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

    @media
      (max-width: 1050px)
      and
      (min-width: 601px) {

      .credential-group:first-child {
        grid-template-columns:
          repeat(2, minmax(0, 1fr));

        max-width: 760px;

        margin-inline: auto;
      }

      .credential-group:first-child
      .credential-item:last-child {
        grid-column: 1 / -1;

        width: calc(50% - 9px);

        justify-self: center;
      }

    }


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

    @media (max-width: 850px) {

      .section {
        padding: 40px 0;
      }

      .hero {
        padding: 60px 0 74px;
      }

      .hero::after {
        display: none;
      }

      .hero-grid,
      .industry-layout,
      .quality-header,
      .certification-header,
      .closing-panel {
        grid-template-columns: 1fr;
      }

      .hero-grid {
        gap: 44px;
      }

      .hero-copy {
        text-align: center;
      }

      .hero h1,
      .hero-value,
      .hero-description,
      .hero-proof-bar,
      .hero-benefits {
        margin-inline: auto;
      }

      .hero-security {
        justify-content: center;
      }

      .hero-proof-stat,
      .hero-benefits {
        text-align: left;
      }

      .quote-card-wrap {
        width: min(100%, 560px);

        margin-inline: auto;
      }

      .industry-layout,
      .quality-header,
      .certification-header {
        gap: 38px;
      }

      .industry-grid {
        padding-top: 0;
      }

      .quality-cards {
        grid-template-columns:
          repeat(2, minmax(0, 1fr));
      }

      .closing-panel {
        gap: 30px;

        padding: 42px 36px;
      }

      .closing-action {
        max-width: 420px;
      }

    }


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

    @media (max-width: 600px) {

      html {
        scroll-padding-top: 72px;
      }

      .container {
        width: min(
          calc(100% - 40px),
          var(--container)
        );
      }

      .section {
        padding: 40px 0;
      }


      /* Header */

      .site-header {
        background:
          rgba(7, 21, 36, 0.99);
      }

      .nav {
        min-height: 62px;
        gap: 14px;
      }

      .brand-logo {
        max-width: 50%;
      }

      .brand-logo img {
        width: auto;
        height: 30px;

        max-width: 100%;
      }

      .header-quote-cta {
        min-height: 46px;

        padding: 9px 14px;

        border-radius: 8px;

        font-size: 0.76rem;
      }


      /* Typography */

      h2,
      .industry-intro h2,
      .quality-header h2,
      .faq-intro h2,
      .closing-panel h2 {
        font-size: clamp(
          2.125rem,
          9.5vw,
          2.375rem
        );

        line-height: 1.1;
      }

      p {
        font-size: 1rem;
      }

      .eyebrow {
        margin-bottom: 13px;

        font-size: 0.7rem;
      }


      /* Hero */

      .hero {
        padding: 46px 0 64px;
      }

      .hero-grid {
        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 34px;
      }

      .hero-copy {
        text-align: left;
      }

      .hero h1 {
        width: 100%;

        margin-bottom: 20px;

        font-size: clamp(
          2.55rem,
          11vw,
          2.95rem
        );

        line-height: 1.04;
        letter-spacing: -0.045em;
      }

      .hero-value {
        margin-bottom: 18px;

        font-size: clamp(
          1.55rem,
          7vw,
          1.9rem
        );

        line-height: 1.18;
      }

      .hero-description {
        margin-bottom: 24px;

        color: #d2dfe7;

        font-size: clamp(
          1rem,
          4.5vw,
          1.0625rem
        );
      }

      .hero-proof-bar {
        grid-template-columns:
          repeat(2, minmax(0, 1fr));

        width: 100%;

        margin-bottom: 24px;

        padding: 0;

        border:
          1px solid rgba(255, 255, 255, 0.13);

        border-radius: 12px;

        overflow: hidden;
      }

      .hero-proof-stat {
        min-height: 82px;

        padding: 15px 14px;

        border: 0;

        border-right:
          1px solid rgba(255, 255, 255, 0.11);

        border-bottom:
          1px solid rgba(255, 255, 255, 0.11);
      }

      .hero-proof-stat:nth-child(2n) {
        border-right: 0;
      }

      .hero-proof-stat:nth-last-child(-n + 2) {
        border-bottom: 0;
      }

      .hero-proof-stat:first-child {
        padding-left: 14px;
      }

      .hero-benefits {
        grid-template-columns: 1fr;

        gap: 12px;

        margin-bottom: 12px;
      }

      .hero-benefit {
        font-size: 0.98rem;
      }

      .hero-security {
        align-items: flex-start;
        justify-content: flex-start;

        font-size: 0.84rem;
      }


      /* Quote form */

      .quote-card {
        padding: 23px 20px 22px;

        border-radius: 16px;
      }

      .quote-card::before {
        left: 20px;
        width: 48px;
      }

      .quote-top {
        align-items: flex-start;

        flex-direction: column;

        gap: 8px;
      }

      .quote-card h2 {
        font-size: clamp(
          1.65rem,
          7.4vw,
          1.95rem
        );
      }

      .quote-intro {
        margin-bottom: 20px;

        font-size: 1rem;
      }

      .quote-form-grid {
        grid-template-columns: 1fr;

        gap: 15px;
      }

      .field.full {
        grid-column: auto;
      }

      .field label {
        font-size: 0.875rem;
      }

      input,
      textarea {
        font-size: 1rem;
      }

      input {
        min-height: 52px;
      }

      textarea {
        min-height: 128px;
      }

      .quote-submit {
        min-height: 56px;

        padding: 13px 16px;

        font-size: 0.9rem;

        white-space: normal;
      }

      .quote-assurance {
        gap: 9px 20px;

        font-size: 0.78rem;
      }


      /* Client logos */

      .client-trust {
        padding: 36px 0 40px;
      }

      .client-trust-title {
        max-width: 300px;

        margin: 0 auto 26px;

        font-size: 0.85rem;
      }

      .client-logo-row {
        display: grid;

        grid-template-columns:
          repeat(2, minmax(0, 1fr));

        gap: 18px 20px;

        max-width: 390px;

        margin-inline: auto;
      }

      .client-logo-item {
        min-height: 64px;

        padding: 8px 12px;
      }

      .client-logo-item img {
        max-width: 112px;
        max-height: 32px;
      }

      .client-logo-item:last-child {
        grid-column: 1 / -1;

        width: calc(50% - 10px);

        justify-self: center;
      }


      /* Industries */

      .industry-layout {
        display: block;
      }

      .industry-intro {
        max-width: 100%;

        /* margin-bottom: 28px; */
      }

      .industry-intro h2 {
        margin-bottom: 16px;
      }

      .industry-grid {
        grid-template-columns:
          repeat(2, minmax(0, 1fr));

        gap: 12px;

        padding-top: 0;
      }

      .industry-card {
        min-height: 148px;

        align-items: flex-start;

        flex-direction: column;

        padding: 16px;
      }

      .industry-sub {
        font-size: 0.9rem;
      }


      /* Quality */

      .quality-process {
        padding: 58px 0;
      }

      .quality-header {
        display: block;

        margin-bottom: 24px;
      }

      .quality-header h2 {
        margin-bottom: 18px;
      }

      .quality-cards {
        grid-template-columns: 1fr;

        gap: 12px;
      }

      .quality-card {
        width: 100%;

        min-height: 0;
        height: auto;

        padding: 18px;

        border-radius: 14px;
      }

      .quality-number {
        margin-bottom: 10px;

        font-size: 1.5rem;

        line-height: 1;
      }

      .quality-card h3 {
        margin: 0 0 8px;

        font-size: 1.6875rem;

        line-height: 1.08;
        letter-spacing: -0.025em;
      }

      .quality-card p {
        max-width: none;

        margin: 0;

        font-size: 1rem;
        line-height: 1.4;
      }


      /* Enterprise quality */

      .certification-section {
        padding: 58px 0 62px;
      }

      .certification-header {
        display: block;

        margin-bottom: 26px;
      }

      .certification-header .eyebrow {
        margin-bottom: 12px;
      }

      .certification-header h2 {
        max-width: 100%;

        margin-bottom: 13px;

        font-size: 2.5rem;

        line-height: 1.06;
        letter-spacing: -0.04em;
      }

      .certification-header > p {
        max-width: 100%;

        margin: 0;

        font-size: 1.0625rem;
        line-height: 1.48;
      }

      .cert-grid {
        grid-template-columns: 1fr;

        gap: 15px;
      }

      .cert-card {
        width: 100%;

        min-height: 0;
        height: auto;

        padding: 19px;

        border-radius: 14px;

        box-shadow:
          0 7px 18px rgba(12, 54, 88, 0.05);
      }

      .cert-card-top {
        margin-bottom: 13px;
      }

      .cert-seal {
        width: 52px;
        height: 52px;

        border-radius: 11px;
      }

      .cert-seal svg {
        width: 24px;
        height: 24px;
      }

      .cert-accent {
        width: 22px;
        height: 3px;
      }

      .cert-card h3 {
        margin-bottom: 9px;

        font-size: 1.35rem;

        line-height: 1.22;
        letter-spacing: -0.02em;
      }

      .cert-card p {
        margin: 0;

        font-size: 1rem;
        line-height: 1.43;
      }


      /* Credentials */

      .credential-proof {
        padding: 56px 0 60px;

        min-height: 0;
        height: auto;
      }

      .credential-proof-header {
        width: min(
          calc(100% - 40px),
          var(--container)
        );

        max-width: none;

        margin: 0 auto 28px;

        padding: 0;

        min-height: 0;
        height: auto;

        text-align: left;
      }

      .credential-proof-header h2 {
        margin: 0 0 14px;

        font-size: 2.5rem;
        font-weight: 800;

        line-height: 1.06;
        letter-spacing: -0.035em;
      }

      .credential-proof-header p {
        max-width: none;

        margin: 0;
        padding: 0;

        font-size: 1.0625rem;
        line-height: 1.48;
      }

      .credential-marquee {
        --credential-gap: 15px;

        width: 100%;

        margin: 0;
        padding: 0;

        min-height: 0;
        height: auto;

        overflow: hidden;

        visibility: hidden;

        touch-action: pan-y;
      }

      .credential-marquee.is-ready {
        visibility: visible;
      }

      .credential-track {
        display: flex;

        width: max-content;

        max-width: none;

        min-height: 0;
        height: auto;

        align-items: flex-start;

        gap: var(--credential-gap);

        margin: 0;

        padding: 2px 0 6px;

        will-change: transform;

        animation:
          credential-continuous-scroll
          22s
          linear
          infinite;
      }

      .credential-group:first-child,
      .credential-group-clone {
        display: flex;

        width: max-content;

        min-height: 0;
        height: auto;

        flex: 0 0 auto;

        align-items: flex-start;

        gap: var(--credential-gap);

        margin: 0;
        padding: 0;
      }

      .credential-item,
      .credential-group:first-child
      .credential-item:last-child {
        width: 232px;

        min-width: 232px;
        max-width: 232px;

        min-height: 0;
        height: auto;

        flex: 0 0 232px;

        margin: 0;

        grid-column: auto;
        justify-self: auto;
      }

      .credential-image-wrap {
        display: flex;

        width: 100%;

        min-height: 0;
        height: 160px;

        align-items: center;
        justify-content: center;

        padding: 12px;

        border-radius: 12px;

        background: #ffffff;

        box-shadow:
          0 6px 18px rgba(12, 54, 88, 0.05);
      }

      .credential-image-wrap img {
        display: block;

        width: auto;
        max-width: 100%;

        height: auto;
        max-height: 136px;

        margin: 0 auto;

        object-fit: contain;
        object-position: center;
      }

      .credential-item figcaption {
        padding: 9px 4px 0;

        font-size: 0.84rem;
        line-height: 1.3;
      }

      @keyframes credential-continuous-scroll {

        from {
          transform:
            translate3d(0, 0, 0);
        }

        to {
          transform:
            translate3d(
              calc(
                -50% -
                (var(--credential-gap) / 2)
              ),
              0,
              0
            );
        }

      }

      .credential-marquee.is-paused
      .credential-track {
        animation-play-state: paused;
      }


      /* Testimonials */

      .testimonial-section {
        padding: 40px 0;
      }

      .testimonial-header {
        max-width: none;

        margin-bottom: 27px;
      }

      .testimonial-header .eyebrow {
        margin-bottom: 12px;
      }

      .testimonial-header h2 {
        max-width: 100%;

        margin-bottom: 14px;

        font-size: clamp(
          2.125rem,
          9.5vw,
          2.5rem
        );

        line-height: 1.08;
        letter-spacing: -0.035em;
      }

      .testimonial-header p {
        max-width: none;

        margin: 0;

        font-size: 1rem;
        line-height: 1.5;
      }

      .testimonial-grid {
        grid-template-columns: 1fr;

        gap: 14px;
      }

      .testimonial-card {
        width: 100%;

        min-height: 0;

        padding: 23px 21px 21px;

        border-radius: 13px;

        box-shadow:
          0 6px 18px rgba(12, 54, 88, 0.045);
      }

      .testimonial-card::before {
        left: 21px;
      }

      .testimonial-mark {
        height: 30px;

        margin-bottom: 8px;

        font-size: 2.65rem;
      }

      .testimonial-card blockquote {
        margin-bottom: 20px;

        font-size: 1rem;
        line-height: 1.55;
      }

      .testimonial-card figcaption {
        padding-top: 15px;
      }


      /* FAQ */

      .faq-section {
        padding: 68px 0;
      }

      .faq-intro {
        margin-bottom: 28px;

        text-align: left;
      }

      .faq-intro .eyebrow {
        justify-content: flex-start;
      }

      .faq-intro p {
        margin: 0 0 22px;
      }

      .faq-actions {
        width: 100%;
      }

      .faq-quote-cta {
        width: 100%;

        min-height: 56px;

        padding: 13px 16px;

        font-size: 0.9rem;

        overflow-wrap: anywhere;
      }

      .faq-list summary {
        min-height: 60px;

        padding:
          18px 48px
          18px 18px;
      }

      .faq-list summary h3 {
        font-size: 1.125rem;

        line-height: 1.4;
      }

      .faq-list summary::after {
        right: 17px;
      }

      .faq-list details p {
        padding:
          0 42px
          20px 18px;

        font-size: 1rem;
      }


      /* Final CTA */

      .closing-section {
        padding: 0 0 40px 0;
      }

      .closing-panel {
        display: block;

        padding: 30px 22px;

        border-radius: 16px;
      }

      .closing-panel p {
        margin-bottom: 22px;

        font-size: 1rem;
      }

      .closing-action {
        width: 100%;
      }

      .closing-action .button {
        width: 100%;

        min-height: 56px;

        padding: 13px 16px;

        font-size: 0.88rem;
      }


      /* Footer */

      footer {
        padding: 30px 0;
      }

      .footer-inner {
        align-items: center;

        flex-direction: column;

        gap: 17px;

        font-size: 0.875rem;

        text-align: center;
      }

      .footer-links {
        justify-content: center;

        gap: 12px 18px;

        width: 100%;
      }

    }


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

    @media (max-width: 480px) {

      .industry-grid {
        grid-template-columns: 1fr;
      }

      .industry-card {
        min-height: 0;

        flex-direction: row;

        align-items: center;
       
        padding: 17px;
      }

      .industry-sub {
        font-size: 0.94rem;
      }

    }


    /* =========================================================
       VERY SMALL MOBILE
       ========================================================= */

    @media (max-width: 380px) {

      .container {
        width: calc(100% - 30px);
      }

      .nav {
        min-height: 60px;
        gap: 10px;
      }

      .brand-logo {
        max-width: 45%;
      }

      .brand-logo img {
        height: 27px;
      }

      .header-quote-cta {
        min-height: 44px;

        padding: 8px 11px;

        font-size: 0.7rem;
      }

      .hero {
        padding-top: 42px;
      }

      .hero h1 {
        font-size: 2.45rem;
      }

      .hero-value {
        font-size: 1.5rem;
      }

      .quote-card {
        padding: 21px 17px;
      }

      .quote-card::before {
        left: 17px;
      }

      .credential-item,
      .credential-group:first-child
      .credential-item:last-child {
        width: 224px;

        min-width: 224px;
        max-width: 224px;

        flex-basis: 224px;
      }

      .credential-image-wrap {
        height: 154px;

        padding: 11px;
      }

      .credential-image-wrap img {
        max-height: 130px;
      }

      .credential-item figcaption {
        font-size: 0.82rem;
      }

      .faq-quote-cta,
      .closing-action .button {
        font-size: 0.82rem;
      }

    }


    /* =========================================================
       REDUCED MOTION
       ========================================================= */

    @media (prefers-reduced-motion: reduce) {

      *,
      *::before,
      *::after {
        scroll-behavior: auto !important;

        transition-duration:
          0.01ms !important;
      }

      .reveal {
        opacity: 1;

        transform: none;
      }

    }


    @media
      (max-width: 600px)
      and
      (prefers-reduced-motion: reduce) {

      .credential-marquee {
        overflow-x: auto;

        visibility: visible;

        touch-action:
          pan-x pan-y;

        scrollbar-width: none;
      }

      .credential-marquee::-webkit-scrollbar {
        display: none;
      }

      .credential-track {
        animation: none;

        transform: none;
      }

    }

@media (max-width:1399px) {
    .section h2,.credential-proof-header h2 ,.testimonial-header h2{
        font-size: 40px;
        font-weight: 800;
    }
    .industry-card {
        min-height: 140px;
    }
    .cert-card {
    min-height: 282px;
    }
}

@media (max-width: 520px){
.industry-card {
    min-height: 100px;
}

.cert-card  {
    min-height: 220px;
}
.testimonial-slider .slick-arrow {
  display: none !important;
}

.credential-slider .slick-arrow {
  display: none !important;
}

.quality-header,
.certification-header{
  gap:0;
}
#industries{
  padding-top: 20px;
}
.margintop{
  margin-top: 20px !important;
}
header.main_header .navbar .navbar-brand img {
  width: 150px;
}
}