/* ==========================================================================
   ISC LOGO TICKER STYLESHEET - HIGH PERFORMANCE HARDWARE MARQUEE
   ========================================================================== */
.isc-ticker-container {
    width: 100%;
    /* Removed hardcoded background-color so Elementor controls it */
    padding: 60px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 24px; 
    box-sizing: border-box;
}  

.isc-ticker-container {
    width: 100%;
    background-color: #020b26; /* Deep corporate studio blue backdrop from video */
    padding: 60px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 24px; /* Space between the rows */
    box-sizing: border-box;
}

/* Row wrapper masks the boundaries cleanly */
.isc-ticker-row {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
}

/* Flat Flex Track containing both loops back-to-back */
.isc-ticker-track {
    display: flex;
    gap: 24px; /* Uniform card separation distance */
    width: max-content;
    will-change: transform; /* Forces GPU hardware rendering for anti-aliasing stutters */
}

/* Leftward Moving Structural Core */
.isc-track-left {
    animation: iscMarqueeLeft 25s linear infinite;
}

/* Rightward Moving Structural Core */
.isc-track-right {
    animation: iscMarqueeRight 25s linear infinite;
}

/* Pause execution gracefully if a user hovers over the company cards */
.isc-ticker-row:hover .isc-ticker-track {
    animation-play-state: paused;
}

/* Individual Logo Card Design Box Matching Your Sample Video */
.isc-logo-card {
    background: #ffffff;
    border-radius: 12px; /* Smooth rounded corners */
    width: 220px;
    height: 100px;
    padding: 20px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* Prevents flex from squishing structural box profiles */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.isc-logo-card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Protects official company asset aspect ratios */
    display: block;
    filter: grayscale(10%) contrast(100%); /* Keeps visual presentations pristine */
}

/* ==========================================================================
   GLITCH-FREE MATHEMATICAL KEYFRAME MECHANISM
   ========================================================================== */

/* 
   Moving to exactly -50% shifts perfectly past the first iteration loop.
   Because both loop cycles are completely identical down to the element count,
   the reset is completely unnoticeable to the naked human eye.
*/
@keyframes iscMarqueeLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

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

/* Responsive Scaling Downward For Tablets/Mobile Viewports */
@media (max-width: 767px) {
    .isc-ticker-container {
        padding: 40px 0;
        gap: 16px;
    }
    .isc-logo-card {
        width: 170px;
        height: 80px;
        padding: 15px 20px;
        border-radius: 8px;
    }
    .isc-ticker-track {
        gap: 16px;
    }
    @keyframes iscMarqueeLeft {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    @keyframes iscMarqueeRight {
        0% { transform: translateX(-50%); }
        100% { transform: translateX(0); }
    }
}