.brand-line-main{background:var(--main-green-gradient);padding:3% 0;display:flex;flex-direction:row;mix-blend-mode:multiply}.brand-line-main .customers-grid{display:grid;grid-template-columns:repeat(6,1fr);width:100%;padding:0 4%}.brand-line-main .customer-container{display:flex;justify-content:center;align-items:center;height:100%;padding:.3rem}.brand-line-main.with-animation{overflow:hidden}.brand-line-main.with-animation .customers-grid{display:block;width:100%;overflow:hidden;padding:0}.brand-line-main.with-animation .customers-grid img{width:auto;height:40px;scale:.8;object-fit:contain}.brand-line-main.with-animation .customers-grid .beko,.brand-line-main.with-animation .customers-grid .chakra,.brand-line-main.with-animation .customers-grid .loccitane{max-height:30px}.brand-line-main.with-animation .customers-grid .grundig,.brand-line-main.with-animation .customers-grid .land-of-legend{max-height:45px}.brand-line-main.with-animation .customers-grid .converse,.brand-line-main.with-animation .customers-grid .spx,.brand-line-main.with-animation .customers-grid .wwf{height:46px}.brand-line-main.with-animation .customers-grid .maaji{height:36px}.brand-line-main.with-animation .customers-grid .columbia,.brand-line-main.with-animation .customers-grid .tatil-budur{height:60px}.brand-line-main.with-animation .customers-grid .lacoste{height:56px}.brand-line-main.with-animation .slider-track{display:flex;gap:4rem;animation:scroll 40s linear infinite;align-items:center;width:-moz-fit-content;width:fit-content}.brand-line-main.with-animation .customer-container{flex:0 0 auto;padding:0 1.5rem;display:flex;justify-content:center;align-items:center}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 1.5rem))}}.brand-line-main.with-animation .slider-track{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.brand-line-main.with-border{position:relative;background:#fff;height:3em}.brand-line-main.with-border:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(90deg,#01b04a,#2edbff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;border-radius:.5em}.brand-line-main .customer-container img{width:100%;height:auto;max-width:140px;object-fit:contain}.brand-line-main .customer-container .wwf{max-width:90px;width:70%}.brand-line-main .customer-container .lacoste{max-width:130px;width:80%}.brand-line-main .customer-container .loccitane{max-width:100px;width:70%}.brand-line-main .customer-container .beko{max-width:120px;width:80%}.brand-line-main .customer-container .chakra{max-width:100px;width:70%}.brand-line-main .customer-container .land-of-legend{max-width:160px;width:95%}.brand-line-main .customer-container .grundig{max-width:140px;width:95%}.brand-line-main .customer-container .sporjinal{max-width:100px;width:70%}.brand-line-main .customer-container .spx{max-width:70px;width:70%}.brand-line-main .customer-container .superstep{max-width:120px;width:70%}@media (max-width:468px){.brand-line-main.with-animation .customers-grid img{width:auto;height:40px}.brand-line-main.with-animation .customers-grid .columbia{height:52px}.brand-line-main.with-animation .customers-grid .loccitane{max-height:24px}.brand-line-main.with-animation .customers-grid .beko{max-height:30px}.brand-line-main.with-animation .customers-grid .chakra{height:22px}.brand-line-main.with-animation .customers-grid .grundig{max-height:12.5px}.brand-line-main.with-animation .customers-grid .land-of-legend,.brand-line-main.with-animation .customers-grid .spx{height:28px}.brand-line-main.with-animation .customers-grid .converse{height:38px}.brand-line-main.with-animation .customers-grid .wwf{height:40px}.brand-line-main.with-animation .customers-grid .maaji{height:24px}.brand-line-main.with-animation .customers-grid .tatil-budur{height:56px}.brand-line-main.with-animation .customers-grid .lacoste{height:44px}.brand-line-main.with-animation .customers-grid .superstep{height:22px}.brand-line-main.with-animation .customers-grid .sporjinal{height:24px}.brand-line-main.with-animation .customers-grid .maaji{height:34px}.brand-line-main.with-animation .slider-track{gap:2rem}.brand-line-main.with-animation .customer-container{padding:0 .75rem}}