.elementor-1760 .elementor-element.elementor-element-f36d9bb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1760 .elementor-element.elementor-element-981b994{--display:flex;}.elementor-1760 .elementor-element.elementor-element-981b994.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1760 .elementor-element.elementor-element-8834083{--display:flex;}.elementor-1760 .elementor-element.elementor-element-3c88ae8{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:1;}.elementor-1760 .elementor-element.elementor-element-3c88ae8:not(.elementor-motion-effects-element-type-background), .elementor-1760 .elementor-element.elementor-element-3c88ae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1760 .elementor-element.elementor-element-07ca2cf{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:2;}.elementor-1760 .elementor-element.elementor-element-07ca2cf:not(.elementor-motion-effects-element-type-background), .elementor-1760 .elementor-element.elementor-element-07ca2cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1760 .elementor-element.elementor-element-c6c6849{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:3;}.elementor-1760 .elementor-element.elementor-element-c6c6849:not(.elementor-motion-effects-element-type-background), .elementor-1760 .elementor-element.elementor-element-c6c6849 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}@media(min-width:768px){.elementor-1760 .elementor-element.elementor-element-981b994{--width:19%;}}/* Start custom CSS for container, class: .elementor-element-981b994 */.clients-list_holder{
    position:relative;
    width:250px;
    height:180px;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .client-list_logo{
    position:absolute;
    width:100px;
    height:100px;
  }

   /* total cycle = 9s (3s per logo) */
  /* logo1: up -> down, visible 0-33% */
  .client-list_logo.one{
    left:50%;
    transform:translateX(-50%);
    animation:logo1 3s linear infinite;
  }
  @keyframes logo1{
    0%   {opacity:1; top:-80px;}
    16%  {opacity:1; top:50%;}
    33%  {opacity:1; top:100%;}
    34%  {opacity:0;}
    100% {opacity:0;}
  }

  /* logo2: left -> right, visible 33-66% */
  .client-list_logo.two{
    top:50%;
    transform:translateY(-50%);
    animation:logo2 3s linear infinite;
  }
  @keyframes logo2{
    0%   {opacity:0;}
    33%  {opacity:0; left:-80px;}
    34%  {opacity:1; left:-80px;}
    50%  {opacity:1; left:50%;}
    66%  {opacity:1; left:100%;}
    67%  {opacity:0;}
    100% {opacity:0;}
  }

  /* logo3: right -> left, visible 66-100% */
  .client-list_logo.three{
    top:50%;
    transform:translateY(-50%);
    animation:logo3 5s linear infinite;
  }
  @keyframes logo3{
    0%   {opacity:0;}
    66%  {opacity:0; right:-80px;}
    67%  {opacity:1; right:-80px;}
    83%  {opacity:1; right:50%;}
    100% {opacity:1; right:100%;}
  }/* End custom CSS */