/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 09 2026 | 23:13:41 */
/* .elementor-element-452b11fa div .press-elements-terms {
	text-align: left;
}  */

@media (max-width: 767px){ 
.bsq-marquee-wrap .bsq-marquee:nth-child(3){
	display: none !important;
}
}

.bsq-marquee-wrap{
    --fade-size: 140px;     /* szerokość zanikania po bokach */
    --gap: 3rem;            /* odstęp między logo */
    --row-gap: 0px;        /* odstęp między rzędami */ 
    --logo-h: 2.25rem;  
    /* wysokość logotypów */
    --logo-w: 200px;
	
    --speed: 28s;           /* jeśli chcesz ręcznie: zmień, a auto-speed usuń w JS */
    display: grid;
    gap: var(--row-gap);
    width: 100%;
  }

  .bsq-marquee{
    position: relative;
    overflow: hidden;
    width: 100%;
    /* fade po bokach */
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0,
      #000 var(--fade-size),
      #000 calc(100% - var(--fade-size)),
      transparent 100%
    );
    mask-image: linear-gradient(
      90deg,
      transparent 0,
      #000 var(--fade-size),
      #000 calc(100% - var(--fade-size)),
      transparent 100%
    );
  }

  .bsq-marquee__inner{
    display: flex;
    width: max-content;          /* ważne: brak zawijania i pełna płynność */
    will-change: transform;
  }

  .bsq-marquee__track{
    display: flex;
    align-items: center;
    gap: var(--gap);
    padding: .5rem 0;
    flex: 0 0 auto;
  }

  .bsq-marquee__track img{
    /*height: var(--logo-h);*/
	  height: auto !important;
    width: var(--logo-w) !important;
    /*width: auto;*/
    display: block;
    flex: 0 0 auto;
    /*opacity: .55;               */
    /* jak na screenie */
    filter: grayscale(100%);
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;       /* brak akcji */
  }

  /* zapętlenie: przesuwamy o szerokość 1 tracka (JS ustawia --shift) */
  .bsq-marquee[data-direction="left"]  .bsq-marquee__inner{
    animation: bsq-left var(--speed) linear infinite;
  }
  .bsq-marquee[data-direction="right"] .bsq-marquee__inner{
    animation: bsq-right var(--speed) linear infinite;
  }

  @keyframes bsq-left{
    from { transform: translateX(0); }
    to   { transform: translateX(calc(-1 * var(--shift))); }
  }
  @keyframes bsq-right{
    from { transform: translateX(calc(-1 * var(--shift))); }
    to   { transform: translateX(0); }
  }

  @media (prefers-reduced-motion: reduce){
    .bsq-marquee__inner{ animation: none !important; transform: none !important; }
  }

  /* RESPONSYWNOŚĆ (opcjonalnie) */
  @media (max-width: 1024px){
    .bsq-marquee-wrap{ --fade-size: 90px; --gap: 42px; --logo-w: 200px !important; }
  }
  @media (max-width: 767px){
    .bsq-marquee-wrap{ --fade-size: 40px; --gap: 28px !important; --logo-w: 150px !important; --row-gap: 0px !important;}
  }