a {
      text-decoration: none;
  }

  .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      font-size: .78rem;
      font-weight: 600;
      letter-spacing: .04em;
      text-transform: uppercase;
      color: #2b688a;
  }

  .eyebrow.on-dark {
      background: rgba(255, 255, 255, .08);
      color: #fff;
      padding: .4rem .9rem;
      border-radius: 50px;
      border: 1px solid rgba(255, 255, 255, .15);
  }

  .section-title {
      font-weight: 800;
      letter-spacing: -0.02em;
  }

  .text-primary-custom {
      color: #2b688a !important;
  }

  .text-secondary-custom {
      color: #f28632 !important;
  }

  .bg-primary-custom {
      background-color: #2b688a !important;
  }

  .btn-primary-custom {
      background-color: #f28632;
      border-color: #f28632;
      color: #fff;
      font-weight: 600;
      padding: .75rem 1.6rem;
      border-radius: 8px;
      transition: .2s;
  }

  .btn-primary-custom:hover {
      background-color: #e0432f;
      border-color: #e0432f;
      color: #fff;
  }

  .btn-outline-custom {
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .35);
      color: #fff;
      font-weight: 600;
      padding: .75rem 1.6rem;
      border-radius: 8px;
      transition: .2s;
  }

  .btn-outline-custom:hover {
      background: rgba(255, 255, 255, .15);
      color: #fff;
  }

  /* ===== HERO ===== */
  .hero {
      /* background: radial-gradient(ellipse 90% 70% at 75% 20%, #12277a 0%, #0d1b4c 45%, #050b24 100%); */
      position: relative;
      overflow: hidden;
  }

  .l-bg-gradient {
      background: radial-gradient(ellipse 90% 70% at 75% 20%, #065a8b 0%, #065a8b 45%, #065a8b 100%);
  }



  .hero-heading {
      font-size: 3.1rem;
      font-weight: 800;
      line-height: 1.15;
      color: #fff;
      letter-spacing: -0.02em;
  }

  .hero-heading .accent {
      color: #f28632;
  }

  .hero-sub {
      color: rgba(255, 255, 255, .7);
      font-size: 1.05rem;
      max-width: 520px;
  }



  .stat-card {
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 12px;
      padding: 1.25rem 1rem;
      text-align: center;
      backdrop-filter: blur(6px);
  }

  .stat-card .num {
      font-size: 1.6rem;
      font-weight: 800;
      color: #fff;
  }

  .stat-card .lbl {
      font-size: .78rem;
      color: rgba(255, 255, 255, .65);
  }

  .hero-tick {
      color: rgba(255, 255, 255, .75);
      font-size: .85rem;
  }

  .hero-tick svg {
      width: 20px;
      height: 20px;
      margin-right: .35rem;
  }

  /* ===== ABOUT ===== */
  .about-img-wrap {
      position: relative;
  }

  .about-img-wrap img {
      border-radius: 16px;
      width: 100%;
      object-fit: cover;
  }

  .about-badge {
      position: absolute;
      bottom: -1.25rem;
      right: 1.5rem;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
      padding: 1rem 1.4rem;
  }

  .about-badge .num {
      font-weight: 800;
      font-size: 1.4rem;
      color: #2b688a;
  }

  .about-badge .lbl {
      font-size: .75rem;
      color: #6b7280;
  }

  .feature-mini {
      display: flex;
      gap: .75rem;
      align-items: flex-start;
  }

  .feature-mini .ic {
      width: 38px;
      height: 38px;
      flex: 0 0 38px;
      border-radius: 8px;
      background: #20688b29;
      color: #f28632;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.05rem;
  }

  .feature-mini h6 {
      font-weight: 700;
      margin-bottom: .15rem;
      font-size: .92rem;
  }

  .feature-mini p {
      font-size: .82rem;
      color: #6b7280;
      margin-bottom: 0;
  }

  /* ===== SERVICES ===== */
  .services-section {
      background: #f6f8fb;
  }

  .service-card {
      background: #fff;
      border-radius: 14px;
      padding: 2rem 1.75rem;
      border: 1px solid #edf0f5;
      height: 100%;
      position: relative;
      transition: .25s;
  }

  .service-card:hover {
      box-shadow: 0 15px 35px rgba(17, 24, 39, .08);
      transform: translateY(-4px);
  }

  .service-card .badge-popular {
      position: absolute;
      top: 1.5rem;
      right: 1.5rem;
      background: #2b688a1c;
      color: #2b688a;
      font-size: .68rem;
      font-weight: 700;
      padding: .2rem 1rem;
      border-radius: 50px;
  }

  .service-icon {
      width: 52px;
      height: 52px;
      border-radius: 12px;
      background: #20688b29;
      color: #f28632;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      margin-bottom: 1.25rem;
  }

  .service-card h5 {
      font-weight: 700;
  }

  .service-card p.desc {
      color: #6b7280;
      font-size: .9rem;
  }

  .service-card a {
      width: 100%;
  }

  .service-list {
      list-style: none;
      padding: 0;
      margin: 1rem 0 1.25rem;
  }

  .service-list li {
      font-size: .86rem;
      color: #111827;
      margin-bottom: .55rem;
      display: flex;
      align-items: center;
      gap: .5rem;
  }

  .service-list li svg {
      stroke: #2b688a;
  }

  .learn-more {
      font-weight: 600;
      font-size: .88rem;
      color: #2b688a;
      border-top: 1px solid #eef0f4;
      padding-top: 1rem;
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      /* width: 100%; */
  }

  .learn-more i {
      transition: .2s;
  }

  .learn-more:hover i {
      transform: translateX(3px);
  }

  /* ===== INDUSTRIES ===== */
  .industry-card {
      background: #fff;
      border: 1px solid #edf0f5;
      border-radius: 14px;
      padding: 1.75rem 1rem;
      text-align: center;
      transition: .2s;
      height: 100%;
  }

  .industry-card:hover {
      border-color: #f28632;
      box-shadow: 0 12px 25px rgba(17, 24, 39, .06);
  }

  .industry-icon {
      width: 50px;
      height: 50px;
      margin: 0 auto .9rem;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
  }

  .industry-card h6 {
      font-weight: 600;
      font-size: .88rem;
      margin-bottom: 0;
  }

  /* ===== VALUES ===== */
  .values-section {
      color: #fff;
  }

  .value-card {
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 14px;
      padding: 1.75rem 1.25rem;
      text-align: center;
      height: 100%;
  }

  .value-icon {
      width: 52px;
      height: 52px;
      margin: 0 auto 1rem;
      border-radius: 50%;
      background: rgba(255, 255, 255, .1);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      color: #fff;
  }

  .value-card h6 {
      font-weight: 700;
      margin-bottom: .5rem;
  }

  .value-card p {
      font-size: .83rem;
      color: rgba(255, 255, 255, .65);
      margin-bottom: 0;
  }

  /* ===== TESTIMONIALS ===== */
  .testimonial-card {
      background: #fff;
      border: 1px solid #edf0f5;
      border-radius: 14px;
      padding: 1.75rem;
      height: 100%;
  }

  .testimonial-card svg {
      opacity: 0.3;
  }

  .testimonial-card p.quote {
      font-size: .88rem;
      color: #6b7280;
      margin: .75rem 0 1.25rem;
  }

  .testimonial-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .testimonial-footer h6 {
      font-weight: 700;
      font-size: .9rem;
      margin-bottom: 0;
  }

  .testimonial-footer .role {
      font-size: .78rem;
      color: #6b7280;
  }

  .stars i {
      color: #fbbf24;
      font-size: .8rem;
  }

  /* ===== BLOG ===== */
  .blog-card {
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid #edf0f5;
      height: 100%;
      transition: .2s;
  }

  .blog-card:hover {
      box-shadow: 0 15px 35px rgba(17, 24, 39, .08);
      transform: translateY(-4px);
  }

  .blog-card img {
      width: 100%;
      height: 190px;
      object-fit: cover;
  }

  .blog-body {
      padding: 1.5rem;
  }

  .blog-tag {
      background: #2b688a1c;
      color: #2b688a;
      font-size: .7rem;
      font-weight: 700;
      padding: .3rem .7rem;
      border-radius: 50px;
  }

  .blog-body h5 {
      font-weight: 700;
      font-size: 1.05rem;
      margin: .9rem 0 .5rem;
  }

  .blog-body p {
      font-size: .85rem;
      color: #6b7280;
  }

  /* ===== CTA ===== */
  .cta-section {
      border-radius: 0;
      padding: 4.5rem 0;
      text-align: center;
      color: #fff;
  }

  .cta-section h2 {
      font-weight: 800;
  }

  .cta-section p {
      color: rgba(255, 255, 255, .85);
  }

  .btn-cta {
      background: #fff;
      color: #2b688a;
      font-weight: 700;
      padding: .8rem 2rem;
      border-radius: 8px;
      border: none;
  }

  .btn-cta:hover {
      background: #f6f6f6;
      color: #2b688a;
  }

  /* ===== FAQ ===== */
  .faq-section {
      background: #f2863217;
  }

  .accordion-item {
      border: 1px solid #edf0f5;
      border-radius: 12px !important;
      overflow: hidden;
      margin-bottom: 1rem;
      background: #fff;
  }

  .accordion-button {
      font-weight: 600;
      font-size: .98rem;
      color: #111827;
      padding: 1.25rem 1.5rem;
      box-shadow: none !important;
  }

  .accordion-button:not(.collapsed) {
      background: #fff1ef;
      color: #e0432f;
  }

  .accordion-button::after {
      background-image: none;
      font-family: "bootstrap-icons";
      /* content: "\f282"; */
      font-size: 1rem;
      transition: .2s;
      color: #e0432f;
  }

  /* .accordion-button:not(.collapsed)::after {
      content: "\f2ea";
  } */

  .accordion-body {
      padding: 0 1.5rem 1.5rem;
      color: #6b7280;
      font-size: .9rem;
  }

  .faq-still {
      background: #fff;
      border: 1px solid #edf0f5;
      border-radius: 14px;
      padding: 2rem;
      text-align: center;
  }

  .faq-still .ic {
      width: 52px;
      height: 52px;
      margin: 0 auto 1rem;
      border-radius: 50%;
      background: #fff1ef;
      color: #e0432f;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
  }

  section {
      padding: 5.5rem 0;
  }

  @media (max-width:767px) {
      .hero-heading {
          font-size: 2.2rem;
      }

      section {
          padding: 3.5rem 0;
      }
  }