.container{position:relative;display:flex;justify-content:center;align-items:center;background-color:white;z-index:50;width:100%;line-height:1}.hodlder{width:90%;padding:10px 0;height:80px;overflow:auto;overflow-y:hidden;scroll-behavior:smooth}.hodlder,.overlay{margin:auto;position:relative;width:90%;align-items:center;display:flex;justify-content:flex-start}.hodlder.disable,.overlay.disable{justify-content:center}.overlay:before{opacity:1;left:4.8%;width:8%;background:linear-gradient(90deg,rgb(255,255,255),rgba(255,255,255,0) 90%);transition:opacity .4s ease-in-out}.overlay:after,.overlay:before{position:absolute;content:"";top:0;z-index:100;height:100%}.overlay:after{right:4.8%;width:10%;background:linear-gradient(-90deg,rgb(255,255,255),rgba(255,255,255,0) 90%)}.hodlder::-webkit-scrollbar,.overlay::-webkit-scrollbar{width:0;height:0}.container svg{width:25px;height:25px}.hodlder p{font-size:13px;font-weight:500}.hodlder>a{margin:5px 20px}.exCard{cursor:pointer;display:block;align-items:center;justify-content:center;text-align:center;padding:10px;text-decoration:none;position:relative;transition:border-bottom .3s ease-in-out}.exCard,.exCard:after{color:rgb(106,106,106)}.exCard:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background-color:transparent;transition:width .3s ease-in-out,background-color .3s ease-in-out}.exCard.active{color:black}.btn1 button,.btn2 button{top:50%;transform:translateY(-50%);position:absolute;border-radius:100%;outline:none;color:black;display:flex;justify-content:center;align-items:center;height:35px;width:35px;border:1px solid #e5e7eb;background-color:white;z-index:1000;transition:opacity .4s ease-in-out}.overlay.disable .btn1,.overlay.disable .btn2{display:none}.btn1 svg,.btn2 svg{width:18px}@media (max-width:650px){.exCard p{font-size:12px}.container{padding:0}.hodlder,.overlay{width:100%}.btn1 button,.btn2 button,.overlay:after,.overlay:before{display:none}.hodlder>a{margin:5px 10px}}