.hero .container{padding:0}@media (min-width: 1200px){.hero .container{max-width:100%;padding-left:50px;padding-right:50px}.hero img{background:linear-gradient(89.96deg,#ffffff0d .03%,#ffffff02 49.67%,#ffffff0d 99.96%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12px;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}.hero .swiper-button-prev{left:20px;right:auto}.hero .swiper-button-next{right:20px;left:auto}.hero .swiper-horizontal>.swiper-pagination-bullets,.hero .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:16px}}.sub-title{padding-left:8px;font-size:24px}.recommended-courses{background-image:url(/build/assets/light-1-C5qsO6Ca.png),url(/build/assets/light-2-DAiohMfR.png);background-position:right top 10%,left bottom 5%;background-size:72% auto,60% auto;background-repeat:no-repeat;position:relative;z-index:3}.recommended-courses .swiper-button-next{right:40px;left:auto;color:#fff;top:-24px;border-radius:99rem;border:1px solid #fff;width:30px;height:30px}.recommended-courses .swiper-button-prev{right:80px;left:auto;color:#fff;top:-24px;border-radius:99rem;border:1px solid #fff;width:30px;height:30px}.recommended-courses .swiper{overflow:visible}.recommended-courses .swiper-button-next:after,.recommended-courses .swiper-button-prev:after{font-size:14px}.recommended-courses-more{position:absolute;top:-42px;right:132px;padding-bottom:2px;border-bottom:1px solid}@media (min-width: 1200px){.recommended-courses .container,.index-news .container{max-width:100%;padding-left:50px;padding-right:50px}}.index-news .faq__main{max-width:100%}.index-news .blog-box{gap:16px;margin-bottom:24px}.index-news .blog-box .image{height:160px;min-width:240px;padding:8px;border-radius:16px}.index-news .blog-box .image a img{border-radius:16px}.index-news .blog-box .content{margin-top:0;text-align:left}.index-news .blog-box .content .meta p{justify-content:left}.index-news .blog-box .bookmark-btn{background:transparent;border:none;color:#fff;opacity:0;cursor:pointer;transition:opacity .3s ease;z-index:10}.index-news .blog-box .bookmark-btn svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:20;transition:all .3s ease}.index-news .blog-box .bookmark-btn svg:hover{fill:#fff}.index-news .blog-box .bookmark-btn.active svg{fill:#10b1a0;stroke:#10b1a0}.index-news .blog-box:hover .bookmark-btn{opacity:1}@media (max-width: 768px){.index-news .blog-box .image{width:100%;height:auto}}.circle-item{position:relative;color:#fff;font-size:1.3rem;font-weight:700;text-align:center;transition:transform .3s,box-shadow .3s;cursor:pointer}.circle-item .text{max-width:200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.circle-item .text span{font-size:14px;padding:8px 4px;font-weight:400}.circle-item .circle-box{color:#fff;font-size:1.1rem;font-weight:700;text-align:center;width:220px;height:220px;background:#080a29;margin:auto;border-width:4px 0;border-color:#fff;border-style:solid;border-radius:50%;box-shadow:70px 70px 300px #e3009055,-70px -70px 200px #3efcfc55,11px 13px 20px 2px #e3008e55,-11px -13px 20px 2px #3efcfc55,inset -11px -13px 20px 2px #e3008e55,inset 11px 13px 20px 2px #3efcfc55;transition:5s;animation:rotation 5s infinite linear;transform:rotate(45deg);z-index:-1}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.showcase .circle-item .circle-box{width:250px;height:250px;transform:translate(-50%,-50%) rotate(45deg);position:absolute;top:50%;left:50%;animation:rotation2 5s infinite linear}@keyframes rotation2{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.cloud9-item.current .circle-box,.cloud9-item:hover .circle-box{box-shadow:70px 70px 380px #f895d4,-70px -70px 280px #cbffff,11px 13px 20px 2px #f895d4,-11px -13px 20px 2px #cbffff,inset -11px -13px 20px 2px #f895d4,inset 11px 13px 20px 2px #cbffff}.cloud9-item.current .text,.cloud9-item:hover .text{text-shadow:0 0 8px rgba(255,255,255,.8),0 0 16px rgba(255,255,255,.6),0 0 24px rgba(255,255,255,.4)}.cloud9-item.current .text span,.cloud9-item:hover .text span{text-shadow:none;transition:all .3s}#carousel-caption{margin-top:20px;text-align:center;color:#333;transition:opacity .5s}#carousel-caption h3{margin-bottom:8px;font-size:1.4rem;color:#e3008e}#carousel-caption p{font-size:1.1rem;color:#fff;position:relative;z-index:5}#showcase{height:300px;overflow:visible!important;margin-top:200px;z-index:1}#carouselnav{display:flex;justify-content:center;gap:20px;margin-top:20px;width:100%}#carouselnav{display:flex;justify-content:center;gap:20px;margin-top:30px}.carousel-btn{padding:12px;width:44px;height:44px;font-size:1rem;font-weight:700;color:#00f0ff;background:#ffffff0d;border:none;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 15px #00f0ff66;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.carousel-btn:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(0,240,255,.2) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;border-radius:50%;z-index:0}.carousel-btn:hover:before{transform:translate(-50%,-50%) scale(1)}.carousel-btn:hover{color:#111;background-color:#00f0ff;box-shadow:0 0 25px #00f0ffcc,inset 0 0 8px #00f0ff66;border-color:#00f0ff}.carousel-btn:active{transform:scale(.95)}@media (max-width: 768px){.circle-item .circle-box{width:200px;height:200px}#carousel-caption p{padding:0 30px}#carousel-caption{margin-top:0}}.scroll-down{width:100%;position:relative;height:120px;margin:-20px 0 50px}.scroll-down:before{content:"";width:1px;height:120px;background-color:#eee;opacity:.3;display:inline-block;position:absolute;left:50%;z-index:1;animation:elasticus 1.5s cubic-bezier(1,0,0,1) infinite}@keyframes elasticus{0%{transform-origin:0% 0%;transform:scaleY(0)}50%{transform-origin:0% 0%;transform:scale(1)}50.1%{transform-origin:0% 100%;transform:scale(1)}to{transform-origin:0% 100%;transform:scaleY(0)}}@media screen and (max-width: 768px){.circle-item .circle-box{box-shadow:30px 30px 100px #e3009055,-30px -30px 80px #3efcfc55,6px 8px 12px 1px #e3008e55,-6px -8px 12px 1px #3efcfc55,inset -6px -8px 12px 1px #e3008e55,inset 6px 8px 12px 1px #3efcfc55}.cloud9-item.current .circle-box{box-shadow:30px 30px 160px #e3008e,-30px -30px 120px #3efcfc,6px 8px 12px 1px #e3008e,-6px -8px 12px 1px #3efcfc,inset -6px -8px 12px 1px #e3008e,inset 6px 8px 12px 1px #3efcfc}}.halo-container{padding-bottom:100px;position:relative}.halo-container:after{content:"";width:100%;height:100px;background:url(/build/assets/bg-blur-C-tNEikj.png);background-repeat:repeat-x;position:absolute;bottom:0;left:0;z-index:2;transform:translateY(-50%)}.cloud9-item_v3{margin:100px 0 50px}.cloud9-item_v3 .circle-box{display:none}.cloud9-item_v3 .circle-item .text{max-width:92%;margin:0 auto;position:unset;left:auto;top:auto;transform:none;z-index:2;font-size:28px}.cloud9-item_v3 .circle-item .text span{font-size:16px;margin-top:8px;color:#fff}.gradient-text-1{background:linear-gradient(to left,#ff8597,#ffd8a8,#ff5a7a,#ffb199);background-size:300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:animateGradient 4s ease infinite}.gradient-text-2{background:linear-gradient(to left,#ab65ff,#f6c7ff,#e573ff,#da82ff);background-size:300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:animateGradient 4s ease infinite}.gradient-text-3{background:linear-gradient(to left,#7587ff,#b9ccff,#4b63ff,#a1b0ff);background-size:300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:animateGradient 4s ease infinite}.gradient-text-4{background:linear-gradient(to left,#00db8f,#caffee,#1fffd0,#6fffd8);background-size:300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:animateGradient 4s ease infinite}@keyframes animateGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cloud9-item_v3 .cloud9-item:hover .text{text-shadow:0 0 8px rgba(255,255,255,.8)}.cloud9-item_v3 .cloud9-item:hover .text .gradient-text-1,.cloud9-item_v3 .cloud9-item:hover .text .gradient-text-2,.cloud9-item_v3 .cloud9-item:hover .text .gradient-text-3,.cloud9-item_v3 .cloud9-item:hover .text .gradient-text-4{background:#fff;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(255,255,255,.65));transition:all .3s ease}.halo-container-x{position:relative;z-index:5}.courseSwiper .content h5{min-height:3rem}.blog-box p.text{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}