/* Hero inner page */

    .page-header {
      position: relative;
      padding: 100px 0;
      color: #fff;
      text-align: center;

      background-image: url('image/2.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    /* Dark overlay for readability */
    .page-header::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
    }

    /* Content above overlay */
    .page-header .container {
      position: relative;
      z-index: 2;
    }

    /* Heading style */
    .page-header h1 {
      font-weight: 800;
      font-size: 2.5rem;
    }

    /* Badge */
    .commitment-badge {
      background: rgba(255,255,255,0.15);
      display: inline-block;
      padding: 0.5rem 1.5rem;
      border-radius: 40px;
      font-weight: 500;
      backdrop-filter: blur(6px);
    }

    /* Responsive */
    @media (max-width: 768px) {
      .page-header {
        padding: 70px 15px;
      }
      .page-header h1 {
        font-size: 1.8rem;
      }
    }

    /* service chips */
    .services-bar {
      background: #f1f1f1;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
    }

    .services-wrapper {
      display: flex;
      overflow-x: auto;
    }

    .service-item {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 15px 25px;
      border-right: 1px solid #ddd;
      cursor: pointer;
      transition: 0.3s;
      white-space: nowrap;
    }

    .service-item i {
      font-size: 20px;
      color: #007bff;
    }

    .service-item span {
      font-weight: 500;
      color: #333;
    }

    /* Hover effect */
    .service-item:hover {
      background: #e9ecef;
    }

    /* Remove last border */
    .service-item:last-child {
      border-right: none;
    }

    /* Mobile scroll smooth */
    .services-wrapper::-webkit-scrollbar {
      height: 6px;
    }
    .services-wrapper::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 10px;
    }

     /* Hero inner page */

        .page-header {
            position: relative;
            padding: 100px 0;
            color: #fff;
            text-align: center;

            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* Dark overlay for readability */
        .page-header::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.55);
        }

        /* Content above overlay */
        .page-header .container {
            position: relative;
            z-index: 2;
        }

        /* Heading style */
        .page-header h1 {
            font-weight: 800;
            font-size: 2.5rem;
        }