.ProjectCarousel{width:100vw;height:100vh;position:sticky;top:0;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:flex-start;z-index:1}.ProjectCarousel .slides-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:flex-start}.ProjectCarousel .slides-container .carousel-slide{position:absolute;transition:all .6s ease-in-out;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080}.ProjectCarousel .slides-container .carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.ProjectCarousel .slides-container .carousel-slide.first{width:40vw;height:70vh;left:5%;top:50%;transform:translateY(-50%);z-index:50;opacity:1;filter:brightness(1)}.ProjectCarousel .slides-container .carousel-slide.second{width:32vw;height:58vh;left:45%;top:50%;transform:translateY(-50%);z-index:40;opacity:1;filter:brightness(.9)}.ProjectCarousel .slides-container .carousel-slide.third{width:26vw;height:46vh;left:65%;top:50%;transform:translateY(-50%);z-index:30;opacity:1;filter:brightness(.8)}.ProjectCarousel .slides-container .carousel-slide.passed{width:40vw;height:70vh;opacity:0;left:-50%;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none}.ProjectCarousel .slides-container .carousel-slide.hidden{width:26vw;height:46vh;opacity:0;left:100%;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none}.ProjectCarousel .carousel-progress{position:absolute;bottom:40px;right:50px;color:#fff;font-size:24px;font-weight:600;font-family:var(--font-gc);text-transform:uppercase;z-index:100;background:#00000080;padding:10px 20px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-in}.ProjectCarousel .carousel-progress span{color:var(--primary-color)}.ProjectCarousel .scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:100;animation:fadeInBounce 1s ease-in-out}.ProjectCarousel .scroll-indicator .scroll-text{color:#fff;font-size:16px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.ProjectCarousel .scroll-indicator .scroll-arrow{color:var(--primary-color);font-size:30px;animation:bounce 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInBounce{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 1200px){.ProjectCarousel .slides-container .carousel-slide.first{width:45vw;height:65vh}.ProjectCarousel .slides-container .carousel-slide.second{width:38vw;height:54vh;left:48%}.ProjectCarousel .slides-container .carousel-slide.third{width:30vw;height:42vh;left:68%}.ProjectCarousel .carousel-progress{font-size:20px;bottom:30px;right:30px;padding:8px 16px}.ProjectCarousel .scroll-indicator{bottom:30px}.ProjectCarousel .scroll-indicator .scroll-text{font-size:14px}.ProjectCarousel .scroll-indicator .scroll-arrow{font-size:26px}}@media (max-width: 768px){.ProjectCarousel .slides-container{justify-content:center}.ProjectCarousel .slides-container .carousel-slide{border-radius:15px}.ProjectCarousel .slides-container .carousel-slide.first{width:80vw;height:60vh;left:50%;transform:translate(-50%,-50%)}.ProjectCarousel .slides-container .carousel-slide.second,.ProjectCarousel .slides-container .carousel-slide.third{opacity:0;left:100%}.ProjectCarousel .carousel-progress{font-size:18px;bottom:20px;right:20px;padding:6px 14px}.ProjectCarousel .scroll-indicator{bottom:20px}.ProjectCarousel .scroll-indicator .scroll-text{font-size:12px}.ProjectCarousel .scroll-indicator .scroll-arrow{font-size:24px}}@media (max-width: 480px){.ProjectCarousel .slides-container .carousel-slide{border-radius:12px}.ProjectCarousel .slides-container .carousel-slide.first{width:85vw;height:55vh}.ProjectCarousel .carousel-progress{font-size:16px;bottom:15px;right:15px;padding:5px 12px}.ProjectCarousel .scroll-indicator{bottom:15px}.ProjectCarousel .scroll-indicator .scroll-text{font-size:11px}.ProjectCarousel .scroll-indicator .scroll-arrow{font-size:22px}}