.services-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: nowrap; /* Keep items in single horizontal row */
      gap: 24px;
      overflow-x: auto; /* Allow scrolling on smaller desktops */
      margin-top: 20px;
    }

    .service-card {
      display: flex;
      align-items: center;
      background-color: white;
      padding: 20px 24px;
      border-radius: 20px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      min-width: 240px;
      max-width: 280px;
      transition: transform 0.3s ease;
      cursor: pointer;
      flex-shrink: 0;
    }

    .service-card:hover {
      transform: translateY(-4px);
    }

    .card-icon-wrapper {
      position: relative;
      width: 60px;
      height: 60px;
      margin-right: 16px;
      flex-shrink: 0;
    }

    .card-icon {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity 0.3s ease;
    }

    .img-hover {
      opacity: 0;
    }

    .service-card:hover .img-default {
      opacity: 0;
    }

    .service-card:hover .img-hover {
      opacity: 1;
    }

    .card-text {
      flex: 1;
    }

    .service-title {
      font-size: 20px;
      font-weight: 600;
      position: relative;
      display: inline-block;
      color: #1e293b;
    }

    .service-card:hover .service-title::after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #3b82f6;
      border-radius: 2px;
    }
    @media(min-width: 769px) {
        .card-mobile{
            display: none;
        }
      

    }
   

    /* Mobile View */
    @media (max-width: 768px) {
      .services-wrapper {
        flex-direction: column;
        align-items: center;
        overflow-x: unset;
      }

      .service-card {
        width: 90%;
        padding: 16px;
      }
.card-desktop{
    display: none;
}
      .card-icon-wrapper {
        width: 56px;
        height: 56px;
        margin-right: 12px;
      }

      .service-title {
        font-size: 18px;
      }
    }