.main{width:auto;padding:0 20px;position:relative;display:flex}.scroollslider{position:relative;display:flow-root;margin:0 auto;overflow:hidden}.scroollsliders-main{position:relative;height:500px;overflow:hidden;margin:0 auto;padding-top:3px}.next-pre{display:flex;width:80px;gap:5px;margin:0 auto}.next-scroll span{width:40px;color:#adadad;top:35px;position:absolute;left:75%}.scroollslider .next-scroll img{height:35px;width:35px;transition:.9s;filter:grayscale(1);padding:8px;background:#b7c1cb66;border-radius:50%}.next-scroll span{margin:0 -5px}.scroollslider .pre-scroll img{height:35px;width:35px;padding:8px;background:#b7c1cb66;border-radius:50%;transform:rotate(180deg);transition:.9s;filter:grayscale(1)}.pre-scroll span{width:40px;color:#adadad;top:35px;position:absolute;left:100%}.scroollslider .next-scroll img:hover{cursor:pointer;filter:grayscale(0);border:1px solid #c7c7c7}.scroollslider .pre-scroll img:hover{cursor:pointer;filter:grayscale(0);border:1px solid #c7c7c7}.scroollsliders-main ul{display:flex;width:max-content;position:relative;padding:0;margin:15px 0;transition:transform 0.3s ease;transform:translateX(0)}.scroollsliders-main li{flex-shrink:0;list-style:none;margin-left:30px}@media (max-width:1024px) and (min-width:320px){.main{margin:0 auto}.scroollsliders-main{width:auto;height:auto}.scroollsliders-main li{margin-left:0}.pre-scroll,.next-scroll{bottom:40px;width:35%}.scroollsliders-main ul{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;gap:20px;scrollbar-color:#ccc transparent}.scroollsliders-main li{width:250px}.next-scroll,.pre-scroll{display:none}}.pre-scroll span,.next-scroll span{display:none}