/* LOGO SLIDES STYLES STARTS HERE */

            .company-logo-slides{
               
                position: relative;
                background-color: rgb(219, 218, 210);
                width: 90%;
                max-width: 1536px;
                margin-inline: auto;
                height: 100px;
                margin-top: 22px;
                overflow: hidden;
                 mask-image: linear-gradient(
                    to right,
                    rgba(224, 234, 37, 0)5%,
                    rgba(0,0,0,1) ,
                    rgba(0,0,0,0) 95%,
                    rgba(0,0,0,0)
                    ); 
               
            }


            .logo{
               
                position: absolute;
               width: 200px;
               height: 100px;
               left: 100%;
               animation-name: scrollleft;
               animation-duration: 20s;
               animation-timing-function: linear;
               animation-iteration-count: infinite;


            }

            @keyframes scrollleft{
                to{
                    left: -200px;
                }
            }


             .logo1{
                animation-delay: calc(20s / 4 * (4 - 1) * -1);
                
                }
                .logo2{
                animation-delay: calc(20s / 4 * (4 - 2) * -1);
                }
                .logo3{
                animation-delay: calc(20s / 4 * (4 - 3) * -1);
                }
                .logo4{
                animation-delay: calc(20s / 4 * (4 - 4) * -1);
                }