.project-slider{position:relative;display:flex;flex-direction:column;width:100%}.project-slider .project-slider-track{position:relative;display:flex;padding:30px 0 140px;overflow:hidden}.project-slider .project-slider-track::-webkit-scrollbar{display:none}.project-slider .project-slider-track .tile{z-index:3;width:100%;aspect-ratio:16/9}.project-slider .project-slider-track .tile .card-wrapper{height:260px}.project-slider .project-slider-track .tile .card-wrapper .project-card{position:relative;display:inline-block;top:0;height:260px;width:100%;max-width:340px;border:2px solid var(--clr-main);border-radius:12px;background-color:#000;background-image:var(--bg-img);transition:all .3s ease-in-out;overflow:hidden}.project-slider .project-slider-track .tile .card-wrapper .project-card .cover{height:224px;background-size:cover}.project-slider .project-slider-track .tile .card-wrapper .project-card .preview{position:absolute;top:0;left:0;height:224px;width:100%;opacity:0;transition:opacity .9s ease}.project-slider .project-slider-track .tile .card-wrapper .project-card .preview video{object-fit:cover;height:100%;width:100%;pointer-events:none}.project-slider .project-slider-track .tile .card-wrapper .project-card h5{display:inline-block;position:absolute;top:190px;left:10%;margin:0 auto;font-weight:500;font-size:1.2rem;transition:all .3s ease}.project-slider .project-slider-track .tile .card-wrapper .project-card p{margin:0 .5rem auto;font-size:.8rem;text-align:left}.project-slider .project-slider-track .tile .card-wrapper .project-card .links{display:flex;justify-content:space-between;width:100%;margin-top:10px;padding:0 10px}.project-slider .project-slider-track .tile .card-wrapper .project-card .links .cap-btn{font-size:.8rem}.project-slider .project-slider-track .tile .card-wrapper .project-card:hover{top:-30px;height:390px;cursor:pointer}.project-slider .project-slider-track .tile .card-wrapper .project-card:hover .preview{opacity:1}.project-slider .project-slider-track .tile .card-wrapper .project-card:hover h5{top:190px;left:10px}.project-slider .slider-btn{position:absolute;cursor:pointer;top:120px;padding:.2rem;border-radius:4px;font-size:1rem;opacity:.8;z-index:3}.project-slider .slider-btn.left{left:-1rem}.project-slider .slider-btn.right{right:-1rem}.project-slider .slider-btn:hover{opacity:1}.project-slider .progress-bar{display:flex;position:absolute;bottom:0;width:100%;align-items:center;justify-content:space-between}.project-slider .progress-bar-track{position:relative;display:flex;gap:8px;margin:0 auto;top:-60px}.project-slider .progress-bar-track .track-position{width:20px;height:10px;margin:20px auto;border-radius:2px;background-color:hsla(0,0%,68%,.4)}.project-slider .progress-bar-track .track-position.active,.project-slider .progress-bar-track .track-position:hover{background-color:var(--clr-main)}.project-slider .progress-bar-track .track-position:hover{cursor:pointer}