@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.carousel{margin-top:40px;width:100%;height:85vh;overflow:hidden;position:relative;z-index:0}.carousel .list .item{width:180px;height:250px;position:absolute;top:80%;transform:translateY(-70%);left:70%;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);background-position:50% 50%;background-size:cover;z-index:100;transition:1s}.carousel .list .item:first-child,.carousel .list .item:nth-child(2){top:0;left:0;transform:translate(0);border-radius:0;width:100%;height:100%}.carousel .list .item:nth-child(3){left:67%}.carousel .list .item:nth-child(4){left:calc(67% + 200px)}.carousel .list .item:nth-child(5){left:calc(67% + 400px)}.carousel .list .item:nth-child(6){left:calc(67% + 600px)}.carousel .list .item:nth-child(n+7){left:calc(67% + 800px);opacity:0}.list .item .content{position:absolute;top:50%;left:100px;transform:translateY(-50%);width:500px;text-align:left;display:none;z-index:110}@media (max-width:768px){.list .item .content{left:30px;width:80vw}}@media (max-width:400px){.list .item .content{margin-top:70px;width:70vw}}.carousel .list .item:nth-child(2) .content{display:block}.content{position:relative;padding:20px;background:rgba(0,0,0,.5);border-radius:12px;max-width:600px;box-shadow:0 8px 24px rgba(0,0,0,.8)}.content .title{font-size:80px;color:#FFC1CC;font-weight:900;line-height:1;animation:fadeInUp 1s ease forwards;animation-delay:.3s;text-shadow:3px 3px 15px rgba(0,0,0,.9)}.content .name,.content .title{text-transform:uppercase;opacity:0}.content .name{font-size:48px;font-weight:700;color:#FFF8DC;animation:fadeInUp 1s ease forwards;animation-delay:.6s;text-shadow:2px 2px 10px rgba(0,0,0,.85);font-family:Orbitron,sans-serif}.content .des{margin-top:15px;margin-bottom:25px;font-size:18px;color:#FFF8DC;line-height:1.5;max-width:450px;opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:.9s;text-shadow:1px 1px 8px rgba(0,0,0,.7)}.content .btn{opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:1.2s}.content .btn button{padding:14px 32px;border:2px solid #fff8dc;background-color:transparent;color:#FFF8DC;font-size:18px;font-weight:700;font-family:Orbitron,sans-serif;border-radius:35px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px rgba(255,255,255,.6)}.content .btn button:hover{background-color:#FFF8DC;color:black}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes animate{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0)}}.carousel.next .list .item:first-child{animation:itemHiddenNext 1s ease-in-out 1 forwards}@keyframes itemHiddenNext{0%{transform:translateX(0) translateY(0) rotate(0deg);filter:blur(0);opacity:1;z-index:100!important}to{transform:translateX(-150%) translateY(-70%) rotate(-30deg);filter:blur(20px);opacity:0;z-index:100!important}}.carousel.prev .list .item:nth-child(2){animation:itemHiddenPrev 1s ease-in-out 1 forwards}@keyframes itemHiddenPrev{0%{transform:translate(0);filter:blur(0);opacity:1}to{transform:translate(200%,-50%) rotate(35deg);filter:blur(20px);opacity:0}}.arrows{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:20px;padding:12px 20px;border-radius:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translateX(-50%)}50%{transform:translateY(-10px) translateX(-50%)}}.arrows button{width:56px;height:56px;border-radius:50%;color:white;background-color:transparent;border:2px solid rgba(255,255,255,.85);outline:none;font-size:24px;font-family:Orbitron,sans-serif;font-weight:800;cursor:pointer;transition:all .35s ease}.arrows button:hover{background-color:rgba(255,255,255,.1)}.arrows button:active{background-color:rgba(255,255,255,.2)}.carousel .timeRunning{position:absolute;bottom:0;left:0;height:5px;background-image:linear-gradient(90deg,#21D4FD,#B721FF,#21D4FD);z-index:100;width:0}.carousel .timeRunning.animate{animation:runningTime 5s linear forwards}@keyframes runningTime{0%{width:0}to{width:100%}}@media screen and (max-width:999px){.list .item .content{left:50px}.content .name,.content .title{font-size:70px}.content .des{font-size:16px}}@media screen and (max-width:690px){.list .item .content{top:40%}.content .name,.content .title{font-size:45px}.content .btn button{padding:10px 15px;font-size:14px}}