@import './animate.min.css';
@import './bootstrap.min.css';
@import './flickity.min.css';
@import './aos.css';
@import './styles.css';
@import './plugins.css';
@import './plugins.css';
@import '../search/search.css';
@import '../quform/css/base.css';
@import '../frontend/app.css';
@import '../frontend/responsive.css';
@import '../frontend/service.css';
@import './custom.css';


.certificate-slider {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.certificate-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: infiniteScroll 35s linear infinite;
}

.certificate-card {
    flex: 0 0 auto;
    margin-right: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificate-card img {
    height: 110px;
    /* 🔥 SIZE CONTROL */
    width: auto;
    max-width: 240px;
    object-fit: contain;
    transition: transform 0.3s ease;
    max-height: 85px !important;
}

/* Hover effect */
.certificate-card:hover img {
    transform: scale(1.15);
}

/* TRUE infinite circular animation */
@keyframes infiniteScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Optional: pause on hover */
.certificate-slider:hover .certificate-track {
    animation-play-state: paused;
}