.shop-by-main{background:var(--background-color);padding:30px 0;overflow:hidden}.shop-by-main-inner h4{text-align:center;font-weight:600;font-size:26px;line-height:37px;color:var(--black-color);letter-spacing:.32px}.shop-by-main-inner ul{list-style-type:none;padding:20px 0 0;display:flex;flex-wrap:nowrap;margin:0 -5px}.shop-by-main-inner{max-width:1030px;margin:0 auto}.shop-by-main-inner ul li{margin:0 5px;display:flex!important;align-items:center;justify-content:center;background-color:var(--white-color);height:120px;width:120px;cursor:pointer}.shop-by-main-inner ul li:hover{border:1px solid var(--black-color)}.shop-by-main-icon-box{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.shop-by-main-icon-box img{width:auto;height:100%;object-fit:contain}.shop-by-main-icon-box p{color:var(--black-color);letter-spacing:.32px;line-height:22px;text-transform:capitalize;font-size:16px}.shop-by-main .slick-track{margin-left:-20px}@media screen and (max-width: 991px){.shop-by-main-inner{overflow:hidden;min-height:177px}.shop-by-main .shop-by-scroll-wrapper{overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:30px}.shop-by-main-inner ul{flex-wrap:nowrap;width:100%;margin:0;justify-content:left}.shop-by-main-inner ul li{flex:0 0 auto;max-width:50%}.shop-by-main .shop-by-scroll-wrapper::-webkit-scrollbar{height:3px;background:#0003}.shop-by-main .shop-by-scroll-wrapper::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#000}.shop-by-main .shop-by-scroll-wrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}}@media screen and (max-width: 767px){.shop-by-main-inner h4{font-size:22px;line-height:100%;padding-right:30px}.shop-by-main{padding:24px 0}.shop-by-main-icon-box img{width:40px}.shop-by-main-inner{overflow:hidden;min-height:142px}.shop-by-main-inner ul li{display:flex!important;height:100px}.shop-by-main .slick-track{margin-left:0}.shop-by-main .progress-bar{max-width:300px;width:100%;margin:30px auto 0;height:3px;background-color:#231f201a;background-image:linear-gradient(to right,#000c,#000c);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;cursor:pointer}.shop-by-main .slider__label.sr-only{background:#000c}}@media screen and (max-width: 500px){.shop-by-main-inner ul li{max-width:25%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shop-by.css.map */