.all-brands-wrap{margin-top:50px}.all-brands .all-brands-inner{display:flex;flex-wrap:wrap;margin:0 -10px -20px}.all-brands .all-brands-inner .col-9{padding:0 10px}.all-brands .brand-image{position:relative;display:block;margin-bottom:20px;padding-bottom:70%;border:1px solid var(--color-gray-lite);border-radius:var(--radius-default);overflow:hidden;transition:var(--transition-150)}.all-brands .brand-image:hover{border-color:var(--color-primary)}.ltr .all-brands .brand-image:hover>img{transform:translate(-50%,-50%) scale(1.1)}.rtl .all-brands .brand-image:hover>img{transform:translate(50%,-50%) scale(1.1)}.all-brands .brand-image>img{position:absolute;top:50%;max-height:100%;max-width:100%;transition:var(--transition-150)}.ltr .all-brands .brand-image>img{left:50%;transform:translate(-50%,-50%) scale(1)}.rtl .all-brands .brand-image>img{right:50%;transform:translate(50%,-50%) scale(1)}.all-brands .brand-image .image-placeholder{height:65px;width:65px}.all-brands .empty-message{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px 0}.all-brands .empty-message svg{height:100px;width:100px;margin-bottom:22px}.all-brands .empty-message svg path{stroke:var(--color-white);stroke-miterlimit:10;stroke-width:5px;fill:var(--color-primary)}
