.qcpx-slider {
      margin-left: 157px;
      position: relative;
      width: 90%;
      max-width: 1000px;
      overflow: hidden;
      perspective: 1000px;
    }

    .qcpx-slides {
      display: flex;
      gap: 30px;
      will-change: transform;
      transition: transform 0.6s ease;
    }

    .qcpx-slide {
      flex: 0 0 calc(33.33% - 14px);
      transition: 
        transform 0.3s ease, 
        opacity 0.3s ease, 
        box-shadow 0.3s ease, 
        z-index 0.3s ease, 
        top 0.3s ease;
      position: relative;
      z-index: 1;
      top: 0;
    }

    .qcpx-slide img {
      width: 100%;
      height: 550px;
      object-fit: cover;
      display: block;
      
    }

 
    .qcpx-dots {
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 8px;
	  display:none;
    }

    .qcpx-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
     
      cursor: pointer;
      transition: background 0.3s, transform 0.3s;
    }

    .qcpx-dot.active {
    
      transform: scale(1.2);
    }

    /* --- Responsive Adjustments --- */
    @media (max-width: 1024px) {
      .qcpx-slide {
        flex: 0 0 calc(50% - 10px);
      }
      .qcpx-slide img {
        height: 250px;
      }
    }

    @media (max-width: 768px) {
       .qcpx-slider {
         margin-left:40px;
       }
      .qcpx-slide {
        flex: 0 0 80%;
       
      }
      .qcpx-slide img {
        height: 220px;
      }
    }

    @media (max-width: 480px) {
      .qcpx-slider {
         margin-left:40px;
       }

      .qcpx-slides {
        gap: 12px;
      }
      .qcpx-slide {
        flex: 0 0 90%;
      }
      .qcpx-slide img {
        height: 200px;
      }
    }