/* Section */
.saakshi {
    background: linear-gradient(135deg, #f3f7ff, #ffffff);
    overflow: hidden;
}

/* Title */
.priya {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
}

.rani {
    font-size: 16px;
    color: #666;
    opacity: 0.9;
}

/* Moving row container */
.moti {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
}

/* Track that moves */
.chuuchuu {
    display: flex;
    gap: 60px;
    animation: motiScroll 18s linear infinite;
}

/* Individual logo box */
/* .client-box {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
} */

.client-box img {
    max-width: 140px;
    max-height: 70px;
    object-fit: contain;
    filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.15));
    transition: transform 0.3s ease;
}

.client-box img:hover {
    transform: scale(1.08);
}

/* Animation – Infinite Scroll */
@keyframes motiScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-270%); }
}

/* Tablet */
@media (max-width: 768px) {
    .priya {
        font-size: 26px;
    }
    .client-box {
        min-width: 130px;
    }
    .client-box img {
        max-width: 110px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .priya { font-size: 22px; }
    .rani { font-size: 14px; }

    .client-box {
        min-width: 110px;
    }
    .client-box img {
        max-width: 90px;
    }
}


.client-box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 30px;
}

.client-box img {
    width: 120px;
    height: auto;
    object-fit: contain;
}

.client-name {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-align: center;
    white-space: nowrap;
}