/**
 * Home page Seo Reapir Kit 
 * SRK Carousel Section Shortcode 
 */
.srk-carousel {
      width: 100%;
      overflow: hidden;
      padding: 8px 0;
      position: relative;
    }

    .srk-carousel-track {
      display: flex;
      gap: 18px;
      width: max-content;
      animation: srkInfiniteScroll 28s linear infinite;
    }

    .srk-carousel-item {
      flex: 0 0 auto;
      width: clamp(170px, 20vw, 240px);
      height: 160px;
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .srk-carousel-item img {
      max-width: 90%;
      max-height: 90%;
      object-fit: contain;
      display: block;
    }

    .srk-carousel:hover .srk-carousel-track {
      animation-play-state: paused;
    }

    @keyframes srkInfiniteScroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    @media (max-width: 600px) {
      .srk-carousel-item { height: 120px; }
      .srk-carousel-track { gap: 12px; }
    }