*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}


/* .ltr__logo__carousel__wrapper {
    width: 100%;
    max-width: 1440px;
    height: 180px;
    margin-inline: auto;
    position: relative;
    overflow: hidden;
    
    display: flex;
    align-items: center;

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,0),
        rgba(0,0,0,1) 50%,
        rgba(0,0,0,1) 50%,
        rgba(0,0,0,0)
    );
} */

@keyframes scrollright {
    to {
        right: -1200px;
    }
}

.ltr__item {
    /* width: 200px; */
    /* height: 100px; */
    /* background-color: red; */
    color: black;
    border-radius: 6px;
    position: absolute;
    /* left: max(calc(125px * 16), 100%); */
    right: 1440px;
    animation-name: scrollright;
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.ltr__item img {
    max-width: 125px;
    border: 3px solid var(--clr-white);
    border-radius: 100px;
    background-color: var(--clr-white);
    /* box-shadow: 0 0 75px -10px #ffffff70; */
    transition: all 0.3s;
}

.ltr__item img:hover {
    max-width: 125px;
    border: 3px solid var(--clr-blue);
    border-radius: 100px;
    background-color: var(--clr-white);
    box-shadow: 0 0 50px -10px var(--clr-blue);
    transform: scale(1.1);
}


.ltr__item1 {
    animation-delay: calc(60s / 16 * (16 - 1) * -1);
}

.ltr__item2 {
    animation-delay: calc(60s / 16 * (16 - 2) * -1);
}

.ltr__item3 {
    animation-delay: calc(60s / 16 * (16 - 3) * -1);
}

.ltr__item4 {
    animation-delay: calc(60s / 16 * (16 - 4) * -1);
}

.ltr__item5 {
    animation-delay: calc(60s / 16 * (16 - 5) * -1);
}

.ltr__item6 {
    animation-delay: calc(60s / 16 * (16 - 6) * -1);
}

.ltr__item7 {
    animation-delay: calc(60s / 16 * (16 - 7) * -1);
}

.ltr__item8 {
    animation-delay: calc(60s / 16 * (16 - 8) * -1);
}

.ltr__item9 {
    animation-delay: calc(60s / 16 * (16 - 9) * -1);
}

.ltr__item10 {
    animation-delay: calc(60s / 16 * (16 - 10) * -1);
}

.ltr__item11 {
    animation-delay: calc(60s / 16 * (16 - 11) * -1);
}

.ltr__item12 {
    animation-delay: calc(60s / 16 * (16 - 12) * -1);
}

.ltr__item13 {
    animation-delay: calc(60s / 16 * (16 - 13) * -1);
}

.ltr__item14 {
    animation-delay: calc(60s / 16 * (16 - 14) * -1);
}

.ltr__item15 {
    animation-delay: calc(60s / 16 * (16 - 15) * -1);
}

.ltr__item16 {
    animation-delay: calc(60s / 16 * (16 - 16) * -1);
}