@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);.carousel .arrows,.carousel .list{width:1140px;max-width:90%;left:50%}.carousel #back,.carousel .arrows,.carousel .list{transform:translateX(-50%);position:absolute}:root{--item1-transform:translateX(-100%) translateY(-5%) scale(1.5);--item1-filter:blur(30px);--item1-zIndex:11;--item1-opacity:0;--item2-transform:translateX(0);--item2-filter:blur(0px);--item2-zIndex:10;--item2-opacity:1;--item3-transform:translate(50%,10%) scale(0.8);--item3-filter:blur(10px);--item3-zIndex:9;--item3-opacity:1;--item4-transform:translate(90%,20%) scale(0.5);--item4-filter:blur(30px);--item4-zIndex:8;--item4-opacity:1;--item5-transform:translate(120%,30%) scale(0.3);--item5-filter:blur(40px);--item5-zIndex:7;--item5-opacity:0}.carousel{font-family:Cairo,sans-serif;position:relative;height:600px;overflow:hidden;margin-top:50px}.carousel .list{height:80%}.carousel .list .item{position:absolute;left:0;width:70%;height:100%;font-size:15px;transition:left .5s,opacity .5s,width .5s}.carousel .list .item:nth-child(n+6){opacity:0}.carousel .list .item:nth-child(2){z-index:10;transform:translateX(0)}.carousel .list .item img{width:45%;position:absolute;right:0;top:60%;transform:translateY(-50%);transition:right 1.5s}.carousel .list .item .introduce{opacity:0;pointer-events:none;text-align:center}.carousel .list .item:nth-child(2) .introduce{opacity:1;pointer-events:auto;width:400px;position:absolute;top:60%;transform:translateY(-50%);transition:opacity .5s}.carousel .list .item .introduce .title{font-size:2em;font-weight:500;line-height:1em}.carousel .list .item .introduce .topic{font-size:4em;font-weight:500}.carousel .list .item .introduce .des{font-size:medium;color:#5559}.carousel .list .item:first-child{transform:var(--item1-transform);filter:var(--item1-filter);z-index:var(--item1-zIndex);opacity:var(--item1-opacity);pointer-events:none}.carousel .list .item:nth-child(3){transform:var(--item3-transform);filter:var(--item3-filter);z-index:var(--item3-zIndex)}.carousel .list .item:nth-child(4){transform:var(--item4-transform);filter:var(--item4-filter);z-index:var(--item4-zIndex)}.carousel .list .item:nth-child(5){transform:var(--item5-transform);filter:var(--item5-filter);opacity:var(--item5-opacity);pointer-events:none}.carousel .list .item:nth-child(2) .introduce .des,.carousel .list .item:nth-child(2) .introduce .seeMore,.carousel .list .item:nth-child(2) .introduce .title,.carousel .list .item:nth-child(2) .introduce .topic{opacity:0;animation:.5s ease-in-out 1s forwards showContent}@keyframes showContent{from{transform:translateY(-30px);filter:blur(10px)}to{transform:translateY(0);opacity:1;filter:blur(0px)}}.carousel .list .item:nth-child(2) .introduce .topic{animation-delay:1.2s}.carousel .list .item:nth-child(2) .introduce .des{animation-delay:1.4s}.carousel .list .item:nth-child(2) .introduce .seeMore{animation-delay:1.6s}.carousel.next .item:first-child{animation:.5s ease-in-out forwards transformFromPosition2}@keyframes transformFromPosition2{from{transform:var(--item2-transform);filter:var(--item2-filter);opacity:var(--item2-opacity)}}.carousel.next .item:nth-child(2),.carousel.prev .list .item:nth-child(4){animation:.7s ease-in-out forwards transformFromPosition3}@keyframes transformFromPosition3{from{transform:var(--item3-transform);filter:var(--item3-filter);opacity:var(--item3-opacity)}}.carousel.next .item:nth-child(3){animation:.9s ease-in-out forwards transformFromPosition4}@keyframes transformFromPosition4{from{transform:var(--item4-transform);filter:var(--item4-filter);opacity:var(--item4-opacity)}}.carousel.next .item:nth-child(4){animation:1.1s ease-in-out forwards transformFromPosition5}@keyframes transformFromPosition5{from{transform:var(--item5-transform);filter:var(--item5-filter);opacity:var(--item5-opacity)}}.carousel.prev .list .item:nth-child(5){animation:.5s ease-in-out forwards transformFromPosition4}.carousel.prev .list .item:nth-child(3){animation:.9s ease-in-out forwards transformFromPosition2}.carousel.prev .list .item:nth-child(2){animation:1.1s ease-in-out forwards transformFromPosition1}@keyframes transformFromPosition1{from{transform:var(--item1-transform);filter:var(--item1-filter);opacity:var(--item1-opacity)}}.carousel .arrows{bottom:10px;display:flex;justify-content:space-between}.carousel #next,.carousel #prev{width:40px;height:40px;border-radius:50%;font-family:monospace;border:1px solid #5555;font-size:large;bottom:20%;left:10%;background:#007a00;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.3);transition:.2s}.carousel #next:hover,.carousel #prev:hover{background:#009600;box-shadow:0 6px 8px rgba(0,0,0,.4);transform:translateY(-2px)}.carousel #next:active,.carousel #prev:active{background:#006400;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:translateY(0)}.carousel #next{left:unset;right:10%}.carousel #back{z-index:100;bottom:0;left:50%;border:none;border-bottom:1px solid #555;font-family:Poppins;font-weight:700;letter-spacing:3px;background-color:transparent;padding:10px;transition:opacity .5s}.carousel .particles{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.carousel::before{width:300px;height:200px;content:'';background-image:linear-gradient(45deg,rgba(1,58,0,.8),rgba(11,95,0,.8));position:absolute;z-index:-1;border-radius:20% 30% 80% 10%;filter:blur(150px);top:50%;left:50%;transform:translate(-50%,-50%);transition:1s;box-shadow:0 15px 50px rgba(0,0,0,.2)}@media screen and (max-width:991px){.carousel .list .item{width:90%}}@media screen and (max-width:767px){.carousel{height:400px}.carousel .list .item{width:100%;font-size:10px}.carousel .list{height:80%}.carousel .list .item:nth-child(2) .introduce{width:50%}.carousel .list .item img{top:50%;width:40%}.carousel .list .item:nth-child(2) .introduce .des{height:100px;overflow:auto}}