@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(100vw - 100%));
    }
}


.marquee-sec {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 0;
    border-bottom: 1px solid var(--primary);
    border-top: 1px solid var(--primary);
    
    .maquee-wrapper {
        padding: 10px 0;
        // animation: marquee 16s linear infinite alternate;
        margin: 0 auto;
        width: fit-content;
    }
}