.section-client{background-color:#fff;border-top:.56px solid #DDDDDD}.client-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;align-items:center;justify-items:center}.client-card{display:flex;justify-content:start;align-items:start}.client-card__image-wrapper{width:190.58px;height:50px;display:flex;justify-content:center;align-items:center;background:transparent}.client-card__image{width:80px;height:50px;object-fit:contain;display:block}.client-card__image-wrapper--placeholder{background:transparent}.client-card__image-wrapper--placeholder .placeholder-svg{width:80px;height:50px;background-color:#f0f0f0;border-radius:0}.client-card--placeholder{opacity:.6}@media screen and (max-width:768px){.client-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (max-width:480px){.client-grid{grid-template-columns:repeat(1,1fr);gap:1rem}.client-card__image-wrapper{width:100%;max-width:190.58px}}.client-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#fff;color:#000;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.client-carousel__nav:hover{background-color:#000;color:#fff;box-shadow:0 4px 12px #00000026}.client-carousel__nav--prev{left:-20px}.client-carousel__nav--next{right:-20px}.client-carousel__nav svg{width:20px;height:20px;stroke:currentColor;stroke-width:2}.client-carousel__pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.client-carousel__dot{width:12px;height:12px;border-radius:50%;background-color:#ccc;border:none;cursor:pointer;transition:all .3s ease;padding:0}.client-carousel__dot:hover{background-color:#999}.client-carousel__dot.active{background-color:#000;transform:scale(1.2)}@media screen and (max-width:768px){.client-carousel__nav--prev{left:-15px}.client-carousel__nav--next{right:-15px}}@media screen and (max-width:480px){.client-carousel__nav{width:30px;height:30px}.client-carousel__nav svg{width:16px;height:16px}.client-carousel__nav--prev{left:-10px}.client-carousel__nav--next{right:-10px}.client-carousel__dot{width:10px;height:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-client-showcase.css.map */