:root{
    --logo-height:40px;
    --text-color:#222222;
    --duration:15s;
    --fontsize1:18px;
    --fontsize2:15px;
    --fontpeso1:500;
    --fontpeso2:300;
}
@media(max-width:991px){
:root{
    --logo-height:40px;
    --text-color:#E4E1E1;
    --duration:15s;
    --fontsize1:18px;
    --fontsize2:15px;
    --fontpeso1:300;
    --fontpeso2:200;
    }
}
.am-brand .shine{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.am-brand .shine::before{

    content:"";

    position:absolute;

    top:-40%;
    left:-30%;

    width:90px;
    height:220%;

    background:linear-gradient(
        100deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.15) 35%,
        rgba(255,255,255,.95) 50%,
        rgba(255,255,255,.15) 65%,
        rgba(255,255,255,0) 100%
    );

    transform:translateX(-150px) rotate(18deg);

    animation:logoShine 15s ease infinite;

}

@keyframes logoShine {
    0% {
        transform: translateX(-250%) rotate(18deg);
        opacity: 0;
    }
    3% {
        opacity: 1;
    }
    30% {
        transform: translateX(450%) rotate(18deg);
        opacity: 1;
    }
    31% {
        opacity: 0;
    }
    100% {
        transform: translateX(450%) rotate(18deg);
        opacity: 0;
    }
}
.am-brand{
    position:relative;
    display:flex;
    align-items:center;
    gap:18px;
    overflow:hidden;
}

.am-logo{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;

}

.am-logo img{
    height:var(--logo-height);
    width:auto;
    display:block;
}

.am-text{
    margin-left: -10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    line-height:1;
    overflow:hidden;
}

.am-area{
    color:var(--text-color);
    font-family:Arial,Helvetica,sans-serif;
    font-size: var(--fontsize2);
    font-weight:var(--fontpeso2);
    letter-spacing:.45em;
    margin-left:2px;
    opacity:0;
    transform:translateX(20px);
    animation:amText var(--duration) ease infinite;
}

.am-motors{
    color:var(--text-color);
    font-family:Arial,Helvetica,sans-serif;
    font-size:var(--fontsize1);
    font-weight:var(--fontpeso1);
    letter-spacing:-1px;
    margin-top:0px;
    opacity:0;
    transform:translateX(20px);
    animation:amText var(--duration) ease infinite;
    animation-delay:.15s;
}

@keyframes amText{

    0%,10%{
        opacity:.0;
        transform:translateX(20px);
    }

    18%{
        opacity:1;
        transform:translateX(0);
    }

    88%{
        opacity:1;
        transform:translateX(0);
    }

    94%{
        opacity:.45;
        transform:translateX(0);
    }

    100%{
        opacity:.0;
        transform:translateX(0);
    }

}
@media(max-width:991px){
    .am-text{
        margin-left: -17px;
    }
}