.client-container{position:relative;width:100%}.client-grid{display:grid;align-items:center;justify-content:center;gap:30px;place-items:center}.client_name{position:absolute;bottom:0;right:0;left:0;margin:0 auto;text-align:center}.client-slider{position:relative;width:100%}.client-slider .swiper{width:100%;height:100%}.client-slider .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}.client-item{position:relative;display:flex;align-items:center;justify-content:center;width:150px;height:80px;cursor:pointer;transition:transform 0.3s ease;overflow:hidden}.client-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity 0.3s ease}.client-item .gray-image{opacity:1}.client-item .color-image{opacity:0}.client-item:hover .gray-image{opacity:0}.client-item:hover .color-image{opacity:1}.client-slider .swiper-button-next,.client-slider .swiper-button-prev{color:#333;background:rgb(255 255 255 / .9);width:40px;height:40px;border-radius:50%;transition:all 0.3s ease}.client-slider .swiper-button-next:hover,.client-slider .swiper-button-prev:hover{background:#333;color:#fff;transform:scale(1.1)}.client-slider .swiper-button-next::after,.client-slider .swiper-button-prev::after{font-size:16px;font-weight:700}.client-slider .swiper-pagination-bullet{width:10px;height:10px;background:#ccc;opacity:1;transition:all 0.3s ease}.client-slider .swiper-pagination-bullet-active{background:#333;transform:scale(1.2)}@media (max-width:1024px){.client-item{width:120px;height:70px}.client-grid{gap:25px}}@media (max-width:768px){.client-item{width:100px;height:60px}.client-grid{gap:20px}.client-slider .swiper-button-next,.client-slider .swiper-button-prev{width:35px;height:35px}.client-slider .swiper-button-next::after,.client-slider .swiper-button-prev::after{font-size:14px}}@media (max-width:480px){.client-item{width:80px;height:50px}.client-grid{gap:15px}.client-slider .swiper-button-next,.client-slider .swiper-button-prev{width:30px;height:30px}.client-slider .swiper-button-next::after,.client-slider .swiper-button-prev::after{font-size:12px}}.client-container.loading{opacity:.7;pointer-events:none}.client-container.loading::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:2px solid #f3f3f3;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.client-item:empty::before{content:'No Image';display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f0f0f0;color:#999;font-size:12px;border-radius:4px}.client-item:focus{outline-offset:2px}@media (prefers-contrast:high){.client-item:hover{transform:scale(1.1)}.client-item .color-image{filter:contrast(1.2)}}@media (prefers-reduced-motion:reduce){.client-item,.client-item img,.client-slider .swiper-button-next,.client-slider .swiper-button-prev,.client-slider .swiper-pagination-bullet{transition:none}.client-item:hover{transform:none}.client-item:hover .gray-image{opacity:0}.client-item:hover .color-image{opacity:1}}@media (max-width:1200px){.client-grid[style*="grid-template-columns: repeat(6"]{grid-template-columns:repeat(4,1fr)!important}}@media (max-width:768px){.client-grid[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(3,1fr)!important}.client-grid[style*="grid-template-columns: repeat(6"]{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:480px){.client-grid[style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important}.client-grid[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}.client-grid[style*="grid-template-columns: repeat(6"]{grid-template-columns:repeat(2,1fr)!important}}.client-item{filter:grayscale(100%);transition:filter 0.3s ease,transform 0.3s ease}.client-item:hover{filter:grayscale(0%)}.client-item.original-hover{filter:none}.client-item.original-hover:hover{filter:none}.client-item *{transition:all 0.3s ease}.client-item:focus-visible{outline:2px solid #007cba;outline-offset:2px;border-radius:4px}@media print{.client-item{filter:grayscale(0%)!important;transform:none!important}.client-item .gray-image{opacity:0!important}.client-item .color-image{opacity:1!important}.client-slider .swiper-button-next,.client-slider .swiper-button-prev,.client-slider .swiper-pagination{display:none!important}}