.overall-box{position:relative}.overall-box:before{background:url(./home-bg.D1ogGWpC.webp) no-repeat 50%;background-size:100%;content:"";height:200vh;left:0;position:absolute;top:0;width:100%;z-index:-2}.case-study-wrapper .main-box{align-items:center;display:flex;gap:10px;padding:0;position:relative}@media (max-width:1399px){.case-study-wrapper .main-box{flex-wrap:wrap;gap:0 30px;justify-content:center}}.case-study-wrapper .main-box .right-box{cursor:pointer;position:absolute;right:50px;top:50%;transform:translateY(-50%)}.case-study-wrapper .main-box .right-box p{color:#1b1b1b;font-family:Zain-Black;font-size:24px;text-align:center}.case-study-wrapper .main-box .right-box .right-item-box{background:#6363635e;border-radius:50%;padding:15px}.case-study-wrapper .main-box .right-box div{font-size:40px;font-weight:700}.case-study-wrapper .main-box .box{border:2px solid #000;border-radius:24px;cursor:pointer;height:560px;list-style:none;margin-top:30px;overflow:hidden;position:relative;transition:all .4s ease-in-out;width:15%!important;z-index:1}.case-study-wrapper .main-box .box .title-items{height:100%;position:relative;transition:all .4s ease-in-out;z-index:9}@media (max-width:1399px){.case-study-wrapper .main-box .box .title-items{display:none}}.case-study-wrapper .main-box .box .title-items h3{left:70%;position:absolute;top:40%;transform:translate(-50%,-50%) rotate(-90deg)}.case-study-wrapper .main-box .box .title-items h3 a{color:var(--white);display:ruby-text}.case-study-wrapper .main-box .box .title-items .number{background-color:var(--white);border-radius:50%;bottom:30px;color:var(--header);display:inline-block;font-size:14px;font-weight:600;height:44px;left:50%;line-height:44px;position:absolute;text-align:center;transform:translate(-50%);width:44px}@media (max-width:1399px){.case-study-wrapper .main-box .box .title-items .number{display:none}}.case-study-wrapper .main-box .box:before{background:var(--theme);border-radius:24px;bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}@media (max-width:1399px){.case-study-wrapper .main-box .box:before{display:none}}@media (max-width:1399px){.case-study-wrapper .main-box .box{width:auto!important}}.case-study-wrapper .main-box .box .img-box{background-color:transparent;height:2rem;left:90%;opacity:0;position:absolute;top:90%;width:2rem;z-index:999}.case-study-wrapper .main-box .box .top-left-box{bottom:88%;display:flex;left:3.5%;position:absolute;width:95%}.case-study-wrapper .main-box .box .top-left-box .timer{height:1.6rem;position:relative;width:1.6rem}.case-study-wrapper .main-box .box .top-left-box .super{height:3.5rem;margin-left:auto;padding-right:.5rem;position:relative;width:auto}.case-study-wrapper .main-box .box .tag{align-items:center;background:#f82d3c;border-radius:5px;display:flex;font-size:1rem;height:1.6rem;margin-left:.4rem;padding:0 .6rem}.case-study-wrapper .main-box .box .end{background:#ff9b25;color:#313131}.case-study-wrapper .main-box .box .number-hover{background-color:var(--white);border-radius:50%;color:var(--header);display:inline-block;font-size:14px;font-weight:600;height:44px;left:30px;line-height:44px;opacity:0;position:absolute;text-align:center;top:30px;transition:all .4s ease-in-out;visibility:hidden;width:44px}@media (max-width:1399px){.case-study-wrapper .main-box .box .number-hover{opacity:1;visibility:visible}}.case-study-wrapper .main-box .box .project-content{bottom:-100px;left:30px;opacity:0;position:absolute;right:30px;transition:all .4s ease-in-out;visibility:hidden}@media (max-width:1399px){.case-study-wrapper .main-box .box .project-content{bottom:30px;opacity:1;visibility:visible}}.case-study-wrapper .main-box .box .project-content h3{margin-bottom:10px}.case-study-wrapper .main-box .box .project-content h3 a{color:var(--white)}.case-study-wrapper .main-box .box .project-content p{color:var(--white);line-height:162%}.case-study-wrapper .main-box .box .project-content .link-btn{color:var(--white);display:inline-block;font-size:14px;font-weight:600;text-transform:capitalize}.case-study-wrapper .main-box .box .project-content .icon{color:var(--theme);transform:rotate(-40deg);transition:all .4s ease-in-out}.case-study-wrapper .main-box .box .project-content .icon:hover{transform:rotate(0)}@media (max-width:1399px){.case-study-wrapper .main-box .box{width:328px!important}.case-study-wrapper .main-box .box:before{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:radial-gradient(258.86% 216.49% at -18.48% -74.46%,#fff6 0,#fff0);border:.5px solid var(--white)}.case-study-wrapper .main-box .box .number-hover{opacity:1;visibility:visible}.case-study-wrapper .main-box .box .project-content{bottom:20px;opacity:1;visibility:visible}.case-study-wrapper .main-box .box .title-items{opacity:0;visibility:hidden}}.case-study-wrapper .main-box .box.active{width:37%!important}.case-study-wrapper .main-box .box:before{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 80%,#000);border-radius:0}.case-study-wrapper .main-box .box.active .number-hover,.case-study-wrapper .main-box .box.active .img-box{opacity:1;visibility:visible}.case-study-wrapper .main-box .box.active .project-content{bottom:30px;opacity:1;visibility:visible}.case-study-wrapper .main-box .box.active .title-items{opacity:0;visibility:hidden}.big-box .detail-btn{background:linear-gradient(131deg,#9af6f7,#949aff);border-radius:20px;color:#1b1b1b;cursor:pointer;font-family:Zain-Regular;font-size:24px;line-height:1;padding:14px 20px}.big-box .detail-btn .i-ph-caret-right{font-size:18px;margin-left:6px}.must-box{align-items:center;display:flex;justify-content:flex-start}.read{flex-wrap:wrap}.must-box .must-item-box{border:2px solid #000;border-radius:20px;cursor:pointer;height:409px;margin-right:10px;overflow:hidden;position:relative;width:20%;z-index:0}.read .must-item-box{margin-bottom:1rem;margin-right:13px;width:19%}.must-box .must-item-box:before{background:linear-gradient(180deg,transparent 70%,#000);content:"";display:inline-block;height:100%;width:100%}.must-item-box img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:all .3s;width:100%;z-index:-1}.must-item-box div{bottom:10px;font-family:Zain-Regular;left:10px;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:90%}.must-item-box div span{font-size:1.8rem;font-weight:500;line-height:1}.must-item-box div p{color:#fff9;font-size:20px;line-height:1}.must-item-box:hover img{transform:scale(1.1)}.must-item-box:hover .timer{transform:scale(1)}.must-item-box:hover div span{background:linear-gradient(90deg,#9af5f7,#95a0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.must-item-box:after{background:linear-gradient(90deg,#fff0 0,#ffffff4d);content:"";display:block;height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:skew(-25deg);width:40%;z-index:2}.must-item-box:hover:after{animation:shine .3s ease-out}@keyframes shine{0%{left:-100%}to{left:120%}}.must-p{color:#7e7e7e;font-size:1.2rem}.ranking .must-container-box{display:flex;flex-direction:column;margin-right:10px;width:33%}.ranking .must-item-box{height:710px;position:relative;width:33%}.ranking .must-item-box .number-box{left:70%;padding:40px;position:absolute;top:-2px}.ranking .must-container-box .must-item-box:first-child{height:255px;margin-bottom:10px;width:100%}.ranking .must-item-box:first-child .number-box{background:url(data:image/webp;base64,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) no-repeat 50%;background-size:contain}.ranking .must-item-box:nth-child(3) .number-box{background:url(./ranking-4.CSc4VqvR.webp) no-repeat 50%;background-size:contain}.ranking .must-container-box .must-item-box:first-child .number-box{background:url(./ranking-2.BUcqKQl1.webp) no-repeat 50%;background-size:contain}.ranking .must-container-box .must-item-box:nth-child(2){height:445px;width:100%}.ranking .must-container-box .must-item-box:nth-child(2) .number-box{background:url(./ranking-3.DdR-lhS_.webp) no-repeat 50%;background-size:contain}.most{overflow-x:scroll;scroll-behavior:smooth}.left-arrow,.right-arrow{align-items:center;background:url(./most-bg.DUNQNUgK.webp) no-repeat;background-size:100% 100%;cursor:pointer;display:flex;height:410px;justify-content:center;margin-right:1.7rem;position:fixed;right:0;width:8rem}.left-arrow{right:88%;transform:rotate(180deg);z-index:3}.left-arrow img,.right-arrow img{width:60%}.most .must-item-box{min-width:37%}.most::-webkit-scrollbar{display:none}.popper-seach{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1b1bc4!important;border:2px solid hsla(0,0%,100%,.14)!important;border-radius:20px!important;color:#fff!important}.popper-avatar{background:#1c1b1bf2!important}.popper-seach h4{align-items:center;display:flex;font-family:Zain-Regular;font-size:1.5rem;margin:.6rem 0}.popper-seach h4 img{height:24px;margin-right:6px}.popper-seach .avater-member-box{background:linear-gradient(94deg,#9af6f7,#ece3ff);border-radius:10px;cursor:pointer;display:flex;padding:16px 0 8px;width:100%}.popper-seach .member{background:linear-gradient(94deg,#fefa68,#ccffde)}.popper-seach .sign-btn{background-color:#fff;border-radius:.4rem;color:#313131;cursor:pointer;display:flex;justify-content:center;padding:.4rem 0}.popper-seach .opertion-ul li{align-items:center;background:none;display:flex;font-size:1.2rem;justify-content:space-between;margin-top:.6rem;width:100%}.popper-seach .opertion-ul li img{height:1.2rem}.popper-seach .opertion-ul li div{align-items:center;display:flex}.popper-seach .opertion-ul li div img{margin-left:6px}.popper-seach .opertion-ul li .logout{color:#f82d3c}.popper-seach .avater-member-box .left-box{display:flex;flex-direction:column}.popper-seach .avater-member-box .left-box h3{color:#313131;font-family:BigShouldersText-Black;font-size:1.5rem;line-height:1;padding:0 .6rem}.popper-seach .avater-member-box .left-box p{align-items:center;color:#313131;display:flex;font-family:Zain-Regular;font-size:1rem;line-height:1.5;padding:0 10px}.popper-seach .avater-member-box .left-box p img{height:20px;margin-right:6px}.popper-seach .avater-member-box .right-box{align-items:center;display:flex;margin:0 6px 0 auto}.popper-seach .avater-member-box .right-box img{height:1.6rem}.popper-seach ul{display:flex;flex-wrap:wrap;gap:8px}.popper-seach ul li{background:#ffffff1a;border-radius:14px;cursor:pointer;font-family:Zain-Regular;font-size:1rem;padding:2px 10px}.popper-seach .seach-comics{display:flex;flex-direction:column}.popper-seach .seach-comics-item{display:flex;margin-bottom:1.2rem}.popper-seach .seach-comics-item .img-box{height:5rem;margin-right:.6rem;width:20%}.popper-seach .seach-comics-item .img-box img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popper-seach .seach-comics-item h4{font-size:1.4rem;line-height:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popper-seach .seach-comics-item p{color:#9d9d9d;font-size:.7rem;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popper-seach .seach-comics-item span{color:#9d9d9d;display:flex;font-family:Zain-Regular;font-size:1rem;margin-right:.4rem}.popper-seach .seach-comics-item span img{height:1rem}.popper-seach .seach-comics-item .genres{border:1px solid #b7b4b4;border-radius:16px;padding:0 .4rem}.swiper-item-img{position:relative}.swiper-adv .swiper-item-img{-o-object-fit:contain;object-fit:contain}.swiper-item-img img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.swiper-item-img:before{background:linear-gradient(180deg,transparent 60%,#0e0e0e);border-radius:10px;content:"";display:inline-block;height:100%;width:100%}.swiper-adv .swiper-item-img:before{display:none}.top-right-box{background:#3434348c;border:1px solid hsla(0,0%,100%,.23);border-radius:6px;display:flex;font-family:Zain-Regular;padding:0 .6rem;position:absolute;right:.7rem;top:.7rem;z-index:1}.swiper-item-img .top-left-box{display:flex;font-family:Zain-Regular;height:2rem;left:.7rem;position:absolute;top:.7rem}.swiper-item-img .top-left-box img{border-radius:0;height:1rem;position:static;width:1rem;z-index:1}.swiper-item-img .top-left-box span{align-items:center;background:#f82d3c;border-radius:3px;color:#fff;display:flex;font-size:.8rem;height:1rem;margin-left:.2rem;padding:0 .3rem}.swiper-item-img .top-left-box .end{background:#ff9b25;color:#313131}
