/*
  Entopy Trusted Logos Section v1.0.1
  Production standard section.
*/

.entopy-trusted-section{
  --trusted-bg:#f7f7f4;
  --trusted-border:rgba(0,0,0,0.18);
  --trusted-divider:rgba(0,0,0,0.16);
  --trusted-meta-colour:#b5a98d;
  --trusted-logo-tint:#202020;

  --trusted-padding-top:16px;
  --trusted-padding-right:24px;
  --trusted-padding-bottom:28px;
  --trusted-padding-left:24px;
  --trusted-radius:4px;
  --trusted-min-height:150px;

  --trusted-top-label-width:240px;
  --trusted-top-gap:28px;
  --trusted-top-padding-bottom:16px;
  --trusted-meta-size:13px;

  --trusted-logo-padding-top:34px;
  --trusted-logo-padding-bottom:10px;
  --trusted-logo-width:140px;
  --trusted-logo-height:72px;
  --trusted-logo-gap:86px;
  --trusted-logo-opacity:0.68;
  --trusted-logo-grayscale:100%;

  --trusted-marquee-duration:38s;

  --trusted-top-left-x:0px;
  --trusted-top-left-y:0px;
  --trusted-top-arrow-x:0px;
  --trusted-top-arrow-y:0px;
  --trusted-top-right-x:0px;
  --trusted-top-right-y:0px;
  --trusted-marquee-x:0px;
  --trusted-marquee-y:0px;

  width:100%;
  min-height:var(--trusted-min-height);
  padding:
    var(--trusted-padding-top)
    var(--trusted-padding-right)
    var(--trusted-padding-bottom)
    var(--trusted-padding-left);
  box-sizing:border-box;
  background:var(--trusted-bg);
  border:1px solid var(--trusted-border);
  border-radius:var(--trusted-radius);
  overflow:hidden;
  font-family:Montserrat,Arial,sans-serif;
}

.entopy-trusted-section *,
.entopy-trusted-section *::before,
.entopy-trusted-section *::after{
  box-sizing:border-box;
}

.entopy-trusted-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--trusted-top-gap);
  padding-bottom:var(--trusted-top-padding-bottom);
  border-bottom:1px solid var(--trusted-divider);
  font-size:var(--trusted-meta-size);
  line-height:1.4;
  font-weight:500;
  color:var(--trusted-meta-colour);
}

.entopy-trusted-top-left{
  grid-column:1;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transform:translate(var(--trusted-top-left-x),var(--trusted-top-left-y));
}

.entopy-trusted-inline-arrow{
  display:inline-block;
}

.entopy-trusted-top-right{
  grid-column:2;
  transform:translate(var(--trusted-top-right-x),var(--trusted-top-right-y));
}

.entopy-trusted-marquee-wrap{
  padding-top:var(--trusted-logo-padding-top);
  padding-bottom:var(--trusted-logo-padding-bottom);
  transform:translate(var(--trusted-marquee-x),var(--trusted-marquee-y));
}

.entopy-trusted-marquee{
  position:relative;
  width:100%;
  overflow:hidden;
}

.entopy-trusted-track{
  display:flex;
  width:max-content;
  animation:entopyTrustedMarquee var(--trusted-marquee-duration) linear infinite;
  will-change:transform;
}

.entopy-trusted-direction-right .entopy-trusted-track{
  animation-direction:reverse;
}


.entopy-trusted-set{
  display:flex;
  align-items:center;
  gap:var(--trusted-logo-gap);
  padding-right:var(--trusted-logo-gap);
  flex-shrink:0;
}

.entopy-trusted-logo-item{
  width:var(--trusted-logo-width);
  height:var(--trusted-logo-height);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.entopy-trusted-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}

.entopy-trusted-logo-item img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:var(--trusted-logo-opacity);
  filter:grayscale(var(--trusted-logo-grayscale));
  mix-blend-mode:multiply;
}

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

body.elementor-editor-active .entopy-trusted-track,
body.elementor-editor-preview .entopy-trusted-track{
  animation-play-state:paused;
}

@media(max-width:1024px){
  .entopy-trusted-section{
    --trusted-padding-top:20px;
    --trusted-padding-right:28px;
    --trusted-padding-bottom:40px;
    --trusted-padding-left:28px;
    --trusted-top-label-width:180px;
    --trusted-top-gap:22px;
    --trusted-top-padding-bottom:22px;
    --trusted-min-height:260px;
    --trusted-logo-padding-top:42px;
    --trusted-logo-padding-bottom:18px;
    --trusted-logo-width:190px;
    --trusted-logo-height:110px;
    --trusted-logo-gap:120px;
  }
}

@media(max-width:767px){
  .entopy-trusted-section{
    --trusted-padding-top:18px;
    --trusted-padding-right:20px;
    --trusted-padding-bottom:34px;
    --trusted-padding-left:20px;
    --trusted-top-label-width:120px;
    --trusted-top-gap:16px;
    --trusted-top-padding-bottom:18px;
    --trusted-min-height:210px;
    --trusted-logo-padding-top:34px;
    --trusted-logo-padding-bottom:14px;
    --trusted-logo-width:170px;
    --trusted-logo-height:95px;
    --trusted-logo-gap:92px;
  }

  .entopy-trusted-top{
    grid-template-columns:1fr 1fr;
  }

  .entopy-trusted-top-right{
    grid-column:2;
    text-align:left;
  }
}

@media(prefers-reduced-motion:reduce){
  .entopy-trusted-track{
    animation:none;
  }
}


/*
  v1.0.1 Seamless continuous marquee
  JS clones the logo set enough times to keep the track filled.
  No hover pause.
*/
.entopy-trusted-track{
  animation-name:entopyTrustedMarqueeV101;
}

@keyframes entopyTrustedMarqueeV101{
  from{
    transform:translate3d(0,0,0);
  }
  to{
    transform:translate3d(calc(-1 * var(--trusted-shift-distance, 50%)),0,0);
  }
}

.entopy-trusted-source-set{
  flex-shrink:0;
}

.entopy-trusted-clone-set{
  flex-shrink:0;
}