@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{height:100vh;width:100%;overflow:hidden;position:relative}.carousel .list .item{width:100%;height:100%;position:absolute;inset:0 0 0 0}.carousel .list .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel .list .item .content{position:absolute;top:15%;left:4%;width:84%;max-width:84%;color:#fff;text-shadow:0 5px 10px #0004;display:flex;flex-direction:column;gap:10px;z-index:5}.carousel .list .item .content .des{max-width:48%;line-height:1.6;word-wrap:break-word;overflow:hidden}.carousel .list .item .content .author,.carousel .list .item .content .topic{max-width:100%}.carousel .list .item .author{font-weight:700;letter-spacing:10px;padding-left:2px}.carousel .list .item .title,.carousel .list .item .topic{font-size:4em;font-weight:700;line-height:1.3em}.carousel .list .item .topic{color:#f89d44}.carousel .list .item .buttons{display:grid;grid-template-columns:repeat(2,130px);grid-template-rows:40px;gap:5px;margin-top:20px}.carousel .list .item .buttons button{border:none;background-color:#eee;letter-spacing:3px;font-family:Poppins;font-weight:500}.carousel .list .item .buttons button:nth-child(2){background-color:transparent;border:1px solid #fff;color:#eee}.thumbnail{position:absolute;bottom:50px;left:50%;width:-moz-max-content;width:max-content;z-index:10;display:flex;gap:20px}.thumbnail .item{width:150px;height:220px;flex-shrink:0;position:relative}.thumbnail .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}.thumbnail .item .content{color:#fff;position:absolute;bottom:10px;left:10px;right:10px}.thumbnail .item .content .title{font-weight:500}.thumbnail .item .content .description{font-weight:300}.arrows{position:absolute;bottom:5%;left:50px;z-index:10;width:300px;max-width:30%;display:flex;gap:10px;align-items:center}.arrows button{border-radius:50%;background-color:#eee4;border:none;color:#fff;font-family:monospace;font-weight:700;transition:.5s}.arrows button:hover{background-color:#fff;color:#000}.carousel .list .item:first-child{z-index:1}.carousel .list .item:first-child .content .author,.carousel .list .item:first-child .content .buttons,.carousel .list .item:first-child .content .cta,.carousel .list .item:first-child .content .des,.carousel .list .item:first-child .content .title,.carousel .list .item:first-child .content .topic{transform:translateY(50px);filter:blur(20px);opacity:0;animation:showContent .5s linear 1s 1 forwards}@keyframes showContent{to{transform:translateY(0);filter:blur(0);opacity:1}}.carousel .list .item:first-child .content .author{animation-delay:.6s!important}.carousel .list .item:first-child .content .title{animation-delay:.8s!important}.carousel .list .item:first-child .content .topic{animation-delay:1s!important}.carousel .list .item:first-child .content .des{animation-delay:1.2s!important}.carousel .list .item:first-child .content .buttons{animation-delay:1.4s!important}.carousel .list .item:first-child .content .cta{animation-delay:1.6s!important}.carousel.next .list .item:first-child img{width:150px;height:220px;position:absolute;bottom:50px;left:50%;border-radius:30px;animation:showImage .5s linear 1 forwards}@keyframes showImage{to{bottom:0;left:0;width:100%;height:100%;border-radius:0}}.carousel.next .thumbnail .item:last-child{overflow:hidden;animation:showThumbnail .5s linear 1 forwards}.carousel.prev .list .item img{z-index:10}@keyframes showThumbnail{0%{width:0;opacity:0}}.carousel.next .thumbnail{animation:effectNext .5s linear 1 forwards}@keyframes effectNext{0%{transform:translateX(150px)}}.carousel .time{position:absolute;z-index:10;width:0;height:3px;background-color:#979493;left:0;top:0}.carousel.next .time,.carousel.prev .time{animation:runningTime 2s linear 1 forwards}@keyframes runningTime{0%{width:100%}to{width:0}}.carousel.prev .list .item:nth-child(2){z-index:2}.carousel.prev .list .item:nth-child(2) img{animation:outFrame .5s linear 1 forwards;position:absolute;bottom:0;left:0}@keyframes outFrame{to{width:150px;height:220px;bottom:50px;left:50%;border-radius:20px}}.carousel.prev .thumbnail .item:first-child{overflow:hidden;opacity:0;animation:showThumbnail .5s linear 1 forwards}.carousel.next .arrows button,.carousel.prev .arrows button{pointer-events:none}.carousel.prev .list .item:nth-child(2) .content .author,.carousel.prev .list .item:nth-child(2) .content .buttons,.carousel.prev .list .item:nth-child(2) .content .des,.carousel.prev .list .item:nth-child(2) .content .title,.carousel.prev .list .item:nth-child(2) .content .topic{animation:contentOut 1.5s linear 1 forwards!important}@keyframes contentOut{to{transform:translateY(-150px);filter:blur(20px);opacity:0}}@media screen and (max-width:678px){.carousel .list .item .content{padding-right:0}.carousel .list .item .content .title{font-size:30px}}.dots{display:flex;align-items:center;gap:7px;justify-content:center}.dot{background:hsla(0,0%,100%,.3);border-radius:50%;transition:all .35s ease}.dot.active{border-radius:20px;background:#cfa66e}.carousel .list .item{transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}html.dark .carousel .list .item .content{color:#f4f4f5;text-shadow:0 4px 10px rgba(0,0,0,.6)}html.dark .carousel .list .item .buttons button:nth-child(2){border:1px solid #f4f4f5;color:#f4f4f5}html.dark .arrows button{background-color:hsla(0,0%,100%,.1);color:#f4f4f5}html.dark .arrows button:hover{background-color:#f4f4f5;color:#111}html.dark .dot.active{background:#f5b667}@media (max-width:1280px){.carousel .list .item .content{top:18%;left:5%;max-width:88%}.carousel .list .item .content .title{font-size:3em}.carousel .list .item .content .des{max-width:55%}}@media (max-width:1024px){.carousel .list .item .content{top:20%;left:6%;max-width:90%}.carousel .list .item .content .title{font-size:2.6em}.carousel .list .item .content .des{max-width:70%}.carousel .content .title{padding-top:10px}}@media (max-width:768px){.carousel .list .item .content{top:22%;left:7%;max-width:88%}.carousel .list .item .content .title{font-size:2.2em}.carousel .list .item .content .des{max-width:85%;font-size:16px}.carousel .list .item .buttons{grid-template-columns:repeat(2,110px)}}@media (max-width:640px){.carousel .list .item .content{top:15%;left:6%}.carousel .list .item .content .title{font-size:1.8em}.carousel .list .item .content .des{max-width:95%;font-size:15px}}@media (max-width:480px){.carousel .list .item .content{top:13%;left:6%;max-width:95%}.carousel .list .item .content .title{font-size:1.6em;line-height:1.2em}.carousel .list .item .content .des{display:none}.carousel .list .item .buttons{grid-template-columns:1fr;width:70%}.thumbnail{transform:none!important}.carousel.next .thumbnail,.carousel.prev .thumbnail,.thumbnail{display:none!important;visibility:hidden!important;opacity:0!important;animation:none!important}}.arrows{flex-wrap:nowrap}.arrows button{flex:0 0 35px;width:35px;height:35px;aspect-ratio:1/1}.dot{width:10px;aspect-ratio:1/1}.dot,.dot.active{flex:0 0 auto;height:10px;border-radius:9999px}.dot.active{width:35px}@media (max-width:480px){.arrows button{flex:0 0 30px;width:30px;height:30px;aspect-ratio:1/1}.arrows{left:20px}}.card1{width:100%;aspect-ratio:3/4;background-image:url(/images/jackMa.webp);background-size:cover;background-position:50%;border-radius:10px;position:relative;cursor:pointer;border:1px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.5);transform-style:preserve-3d;overflow:hidden}.card1 h1{color:#fff;text-align:center;font-size:25px;transition:.5s;bottom:60px;margin:0;padding:10px 0}.card-footer,.card1 h1{position:absolute;width:100%}.card-footer{bottom:5px;gap:10px}.card-footer,.card-footer .btn{display:flex;justify-content:center}.card-footer .btn{border-radius:50%;width:40px;height:40px;align-items:center;transition:.3s;border:1px solid #fff;color:#fff;background:transparent;font-size:18px}.card-footer .btn:hover{background-color:#fff;color:#000;box-shadow:0 0 10px hsla(0,0%,100%,.6)}.hover-image-spider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;width:100%;height:390px;max-height:500px;background-image:url(/images/jack-ma-png.png);background-position:50%;background-size:cover;background-repeat:no-repeat;transition:.6s;z-index:1}.card1:hover{background-image:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(/images/jackMa.webp)}.card1:hover .hover-image-spider{top:40%;opacity:1}.card1:hover h1{font-size:30px;text-shadow:0 0 10px #fff,0 0 20px #fff;z-index:3}.team-title{font-size:35px;font-weight:700;margin-bottom:10px}.team-desc{font-size:16px;max-width:500px}.loading-dots{display:flex}.loading-dots span{width:10px;height:10px;margin:10px 4px;background-color:#777575;border-radius:50%;display:inline-block;animation:bounce 2.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.loading-dots span:nth-child(4){animation-delay:.6s}.loading-dots span:nth-child(5){animation-delay:.9s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:0}40%{transform:translateY(-14px);opacity:1}}:root{--team-bg:#f7f6f4;--team-text:#1e1f24;--team-border:#e5e5e5;--team-card-shadow:rgba(0,0,0,.2)}.dark{--team-bg:#1e1f24;--team-text:#f7f6f4;--team-border:#555;--team-card-shadow:hsla(0,0%,100%,.1)}section#komer-team{background-color:var(--team-bg);color:var(--team-text)}.card1{border:1px solid var(--team-border);box-shadow:0 6px 16px var(--team-card-shadow)}.card-footer .btn:hover{background-color:var(--team-text);color:var(--team-bg);box-shadow:0 0 10px hsla(0,0%,100%,.5)}