/*=====================================
HOMEPAGE — COMPANY LOGO SCROLL STRIP
Scoped to .umr-logo-strip only
======================================*/

.umr-logo-strip{

    position:relative;
    overflow:hidden;
    padding:46px 0;
    background:#ffffff;
    border-bottom:1px solid #eef2f7;

}

.umr-logo-strip::before,
.umr-logo-strip::after{

    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:120px;
    z-index:2;
    pointer-events:none;

}

.umr-logo-strip::before{

    left:0;
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%);

}

.umr-logo-strip::after{

    right:0;
    background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%);

}

.umr-logo-strip-track{

    display:flex;
    align-items:center;
    gap:76px;
    width:max-content;
    animation:umr-logo-scroll 48s linear infinite;

}

.umr-logo-strip:hover .umr-logo-strip-track{

    animation-play-state:paused;

}

.umr-logo-strip-item{

    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;

}

.umr-logo-strip-item img{

    display:block;
    height:46px;
    width:auto;
    max-width:190px;
    object-fit:contain;

    filter:grayscale(100%);
    opacity:.55;

    transition:filter .45s ease, opacity .45s ease, transform .45s ease;

}

.umr-logo-strip-item img:hover{

    filter:grayscale(0%);
    opacity:1;
    transform:translateY(-2px);

}

@keyframes umr-logo-scroll{

    from{ transform:translate3d(0,0,0); }
    to{ transform:translate3d(-50%,0,0); }

}

@media (max-width:768px){

    .umr-logo-strip{ padding:32px 0; }

    .umr-logo-strip-track{ gap:48px; animation-duration:36s; }

    .umr-logo-strip-item img{ height:36px; max-width:140px; }

    .umr-logo-strip::before,
    .umr-logo-strip::after{ width:60px; }

}

@media (prefers-reduced-motion:reduce){

    .umr-logo-strip-track{ animation:none; }

}