h2.title {
       text-align: center;
   }

   .single-service .content .title {
       font-size: 20px !important;
   }

   .wesource-stats {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 25px;
   }

   .stat-box {
       background: rgba(255, 255, 255, 0.1);
       border-radius: 12px;
       padding: 25px;
       text-align: center;
       transition: transform 0.3s ease, background 0.3s ease;
   }

   .stat-box:hover {
       background: rgba(255, 255, 255, 0.2);
       transform: translateY(-5px);
   }

   .stat-box h3 {
       font-size: 36px;
       font-weight: 700;
       color: #f67405;
       margin-bottom: 8px;
   }

   .stat-box p {
       font-size: 15px;
       color: #e0e0e0;
       margin: 0;
   }

   @media (max-width: 767px) {
       .wesource-stats {
           grid-template-columns: 1fr;
       }
   }

   p.lead-text {
       color: #fff;
   }

   .how-to-box .content .name {
       color: #095486 !important;
       font-weight:600;
   }

   .how-to-box .content .text {
       color: #000 !important;
   }

   .future-work-area {
       background: rgba(0, 0, 0, 0) url("../img/home1/how-work-bg.jpg") repeat scroll right center / contain;
       color: #fff;
       text-align: center;
       padding: 90px 0;
       position: relative;
   }

   .future-work-area::before {
       content: "";
       background: url('images/future-bg.jpg') center/cover no-repeat;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       opacity: 0.15;
       z-index: 0;
   }

   .future-work-content {
       position: relative;
       z-index: 2;
   }

   .future-work-content h6 {
       color: #f67405;
       font-size: 16px;
       font-style: italic;
       font-weight: 400;
       letter-spacing: 0;
       line-height: 20px;
       margin: 0 0 4px;
   }

   .future-work-content h2 {
       font-size: 36px;
       font-weight: 700;
       color: #fff;
       margin-bottom: 20px;
   }

   .future-work-content .lead-text {
       font-size: 17px;
       color: #e8e8e8;
       max-width: 750px;
       margin: 0 auto 40px auto;
       line-height: 1.7;
   }

   .cta-buttons {
       display: flex;
       justify-content: center;
       gap: 20px;
       flex-wrap: wrap;
   }

   .cta-buttons .btn {
       padding: 12px 28px;
       font-weight: 600;
       border-radius: 8px;
       transition: all 0.3s ease;
   }

   .cta-buttons .btn-primary {
       background-color: #98c9e7;
       color: #003366;
       border: none;
   }

   .cta-buttons .btn-primary:hover {
       background-color: #fff;
       color: #003366;
   }

   .cta-buttons .btn-outline-light {
       border: 2px solid #f67405;
       color: #f67405;
       background: transparent;
   }

   .cta-buttons .btn-outline-light:hover {
       background: #f0c14b;
       color: #003366;
   }

   @media (max-width: 767px) {
       .future-work-content h2 {
           font-size: 28px;
       }

       .future-work-content .lead-text {
           font-size: 15px;
       }
   }

   .client-showcase {
       background: #ffffff;
       padding: 40px 0;
       text-align: center;
   }

   .client-showcase h6 {
       color: #f67405;
       font-size: 20px;
       font-style: italic;
       font-weight: 600;
       letter-spacing: 0;
       line-height: 20px;
       margin: 0 0 4px;
   }

   .client-showcase h2 {
       font-size: 32px;
       font-weight: 700;
       color: #003366;
       margin-bottom: 20px;
   }

   .client-showcase .lead-text {
       color: #555;
       font-size: 16px;
       line-height: 1.7;
       margin-bottom: 40px;
   }

   .client-logos {
       row-gap: 50px;
       column-gap: 0px;
   }

   .client-logos img {
       width: 100%;
       max-width: 150px;
       /* opacity: 0.7; */
       /* transition: opacity 0.3s ease, transform 0.3s ease; */
       /* filter: grayscale(100%); */
   }

   .client-logos img:hover {
       opacity: 1;
       filter: grayscale(0%);
       transform: translateY(-5px);
   }


   @media (max-width: 767px) {
       .client-logos img {
           max-width: 90px;
           margin-bottom: 20px;
       }

       .client-logos {
           row-gap: 35px;
       }
   }

   .client-logos {
       gap: 15px;
   }

   .client-logo-box {
       border: 1px solid #ddd;
       border-radius: 8px;
       padding: 15px;
       background: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: transform 0.3s, box-shadow 0.3s;
   }

   .client-logo-box img {
       max-width: 100%;
       max-height: 70px;
       object-fit: contain;
   }

   .client-logo-box:hover {
       transform: scale(1.05);
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
   }