@font-face{font-family:"Satoshi-Regular";src:url("../fonts/satoshi/Satoshi-Regular.ttf");src:url("../fonts/satoshi/Satoshi-Regular.eot");src:url("../fonts/satoshi/Satoshi-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/satoshi/Satoshi-Regular.woff2") format("woff2"),url("../fonts/satoshi/Satoshi-Regular.woff") format("woff"),url("../fonts/satoshi/Satoshi-Regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"Satoshi-Bold";src:url("../fonts/satoshi/Satoshi-Bold.ttf");src:url("../fonts/satoshi/Satoshi-Bold.eot");src:url("../fonts/satoshi/Satoshi-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/satoshi/Satoshi-Bold.woff2") format("woff2"),url("../fonts/satoshi/Satoshi-Bold.woff") format("woff"),url("../fonts/satoshi/Satoshi-Bold.ttf") format("truetype");font-display:swap}@font-face{font-family:"Satoshi-Black";src:url("../fonts/satoshi/Satoshi-Black.ttf");src:url("../fonts/satoshi/Satoshi-Black.eot");src:url("../fonts/satoshi/Satoshi-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/satoshi/Satoshi-Black.woff2") format("woff2"),url("../fonts/satoshi/Satoshi-Black.woff") format("woff"),url("../fonts/satoshi/Satoshi-Black.ttf") format("truetype");font-display:swap}html,body{position:relative;height:100%;margin:0;scroll-behavior:smooth}body{font-family:"Satoshi-Regular",Arial,Tahoma;line-height:1.5;scroll-behavior:smooth;background-color:#fafafc;background-image:none}a{display:block;text-decoration:none !important}a:hover,a:focus{text-decoration:none !important}*,::before,::after{box-sizing:border-box}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}img{color:rgba(0,0,0,0);width:100%;height:100%;object-fit:cover}.desktop{display:block}.mobile{display:none}.centeralign{position:relative;display:table;width:100%;height:100%}.centeralign-2{position:relative;display:table-cell;vertical-align:middle}.m0{margin:0px !important}.mr0{margin-right:0px !important}.mr4{margin-right:4px !important}.mr5{margin-right:5px !important}.mr16{margin-right:16px !important}.mr20{margin-right:20px !important}.mr25{margin-right:24px !important}.mt0{margin-top:0px !important}.mt2-5{margin-top:2.5px !important}.mt8{margin-top:8px !important}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px !important}.mt24{margin-top:24px !important}.mt30{margin-top:30px !important}.mt32{margin-top:32px}.mt40{margin-top:40px !important}.mt49{margin-top:49px !important}.mt52{margin-top:52px !important}.mt60{margin-top:60px !important}.mt72{margin-top:72px !important}.mt100{margin-top:100px !important}.mb0{margin-bottom:0px !important}.mb4{margin-bottom:4px !important}.mb8{margin-bottom:8px !important}.mb10{margin-bottom:10px !important}.mb12{margin-bottom:12px !important}.mb16{margin-bottom:16px !important}.mb20{margin-bottom:20px !important}.mb24{margin-bottom:24px !important}.mb30{margin-bottom:30px !important}.mb32{margin-bottom:32px !important}.mb40{margin-bottom:40px !important}.mb50{margin-bottom:50px !important}.mb60{margin-bottom:60px !important}.mb70{margin-bottom:70px !important}.mtb2-5{margin:2.5px 0px}.mtb8{margin:8px 0px}.p0{padding:0px !important}.p20{padding:20px !important}.pt0{padding-top:0px !important}.pt8{padding-top:8px !important}.pt10{padding-top:10px !important}.pt12{padding-top:12px !important}.pt15{padding-top:15px !important}.pt16{padding-top:16px !important}.pt20{padding-top:20px !important}.pt24{padding-top:24px !important}.pt37{padding-top:37px !important}.pt40{padding-top:40px !important}.pt60{padding-top:60px !important}.pb0{padding-bottom:0px !important}.pb15{padding-bottom:15px !important}.pb16{padding-bottom:16px}.pb20{padding-bottom:20px}.pb24{padding-bottom:24px !important}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px !important}.pb60{padding-bottom:60px !important}.pb80{padding-bottom:80px !important}.pb100{padding-bottom:100px !important}.pb110{padding-bottom:110px !important}.ptb12{padding-top:12px !important;padding-bottom:12px !important}.ptb24{padding-top:24px !important;padding-bottom:24px !important}.pr24{padding-right:24px !important}.pl15{padding-left:15px !important}.pl16{padding-left:16px !important}.pl20{padding-left:20px !important}.pl33{padding-left:33px !important}.pl90{padding-left:90px !important}.width-auto{float:left;width:auto !important}.width-33{float:left;width:33.3%}.width-50{float:left;width:50%}.width-66{float:left;width:66.7%}.width-100{float:left;width:100% !important}.width-168px{width:168px !important}.width-255px{float:left;width:255px}.width-300px{float:left;width:300px}.width-524px{float:left;width:524px}.width-732px{float:left;width:732px}.width-800px{float:left;width:800px}.height-auto{height:auto !important}.height-120px{height:120px !important}.height-130px{height:130px !important}.height-140px{height:140px !important}.height-150px{height:150px !important}.height-160px{height:160px !important}.height-328px{height:328px !important}.overflow-hidden{overflow:hidden}.text-white{color:#fff !important}.text-center{text-align:center !important}.float-left{float:left}.float-right{float:right}.bg-white{background-color:#fafafc}.bg-light-grey{background:#f9f9f9}.bg-light-black{background:#121212}.icon-user{background-image:url("../img/icon/icon-user.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-info{background-image:url("../img/icon/icon-info.svg");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-burger{background-image:url("../img/icon/icon-burger.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-close{background-image:url("../img/icon/icon-close-2.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-copy{background-image:url("../img/icon/icon-copy.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-wa{background-image:url("../img/icon/icon-wa.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-fb{background-image:url("../img/icon/icon-fb.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-x{background-image:url("../img/icon/icon-x.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-calendar{background-image:url("../img/icon/icon-calendar.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-clock{background-image:url("../img/icon/icon-clock.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-clock-b{background-image:url("../img/icon/icon-clock-b.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-clock-y{background-image:url("../img/icon/icon-clock-y.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-clock-r{background-image:url("../img/icon/icon-clock-r.gif");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-arrow-down-red{background-image:url("../img/icon/icon-arrow-down-red.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-arrow-up-green{background-image:url("../img/icon/icon-arrow-up-green.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-minus{background-image:url("../img/icon/icon-minus.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-share{background-image:url("../img/icon/icon-share.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-share-w{background-image:url("../img/icon/icon-share-w.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-ranked-01{background-image:url("../img/icon/icon-ranked-01.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-ranked-02{background-image:url("../img/icon/icon-ranked-02.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-ranked-03{background-image:url("../img/icon/icon-ranked-03.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-chevron-left-p{background-image:url("../img/icon/icon-chevron-right-p.png");background-size:cover;background-position:center;background-repeat:no-repeat;transform:rotate(180deg)}.icon-chevron-left-p.disabled{background-image:url("../img/icon/icon-chevron-left-p.png");transform:unset;cursor:not-allowed}.icon-chevron-right-p{background-image:url("../img/icon/icon-chevron-right-p.png");background-size:cover;background-position:center;background-repeat:no-repeat}.icon-chevron-right-p.disabled{background-image:url("../img/icon/icon-chevron-left-p.png");transform:rotate(180deg);cursor:not-allowed}.header{background-color:#fafafc;position:fixed;top:0px;left:0px;width:100%;height:auto;z-index:9}.header .header-list{position:relative;width:1166px;height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between}.header .header-list .header-logo{position:relative;width:193px;height:56px}.header .header-list .header-logo-m{display:flex;align-items:center;gap:16px}.header .header-list .header-logo-m .logo-okz{display:flex;position:relative;width:150px;height:auto}.header .header-list .header-logo-m .logo-sg{display:flex;position:relative;width:62px;height:auto}.header .header-list .header-right-m{display:flex;gap:20px;width:fit-content;height:28px}.header .header-list .header-right-m .header-user{position:relative;width:28px;height:28px;border:1px solid #433ed6;border-radius:50%;overflow:hidden}.header .header-list .header-right-m .header-user.tp{padding:3px}.header .header-list .header-right-m .header-user.tp img{width:20px;height:20px}.header .header-list .header-right-m .header-btn{position:relative;width:28px;height:28px}.header .header-list .header-right-m .header-btn i{position:absolute;top:0px;left:0px;width:28px;height:28px;z-index:6}.header .header-list .header-right-m .header-btn i.header-icon{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.header .header-list .header-right-m .header-btn i.header-icon.icon-close{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.header .header-list .header-menu{display:flex}.header .header-list .header-menu a{padding:24px;font-family:"Satoshi-Bold",Arial,Tahoma;color:#212121;font-size:14px;line-height:24px;letter-spacing:.01em}.header .header-list .header-menu a:hover{background-color:#433ed6;border-bottom:2px solid #433ed6;color:#fafafc}.header .header-list .header-menu a.active{color:#433ed6;border-bottom:2px solid #433ed6}.header .header-list .header-menu a.active:hover{background-color:#433ed6;border-bottom:2px solid #433ed6;color:#fafafc}.header .header-list .header-login{position:relative;width:195px;display:flex;align-items:center;justify-content:end;gap:24px}.header .header-list .header-login .btn-login{position:relative;padding:8px 44px 8px 16px;border:1px solid #433ed6;border-radius:32px;font-family:"Satoshi-Bold",Arial,Tahoma;color:#433ed6;font-size:12px;line-height:18px;width:fit-content;height:40px;background-color:rgba(0,0,0,0);cursor:pointer}.header .header-list .header-login .btn-login i{position:absolute;top:6px;right:16px;width:24px;height:24px}.header .header-list .header-login .btn-login.active{padding:8px 16px;background-color:#433ed6}.header .header-list .header-login .btn-login img{width:24px;height:24px;object-fit:cover;border-radius:100%}.header .header-list .header-login .partner{position:relative;width:62px;height:32px}.header.scroll{-webkit-box-shadow:0px 4px 10px 0px rgba(140,140,140,.1019607843);-moz-box-shadow:0px 4px 10px 0px rgba(140,140,140,.1019607843);-ms-box-shadow:0px 4px 10px 0px rgba(140,140,140,.1019607843);-o-box-shadow:0px 4px 10px 0px rgba(140,140,140,.1019607843);box-shadow:0px 4px 10px 0px rgba(140,140,140,.1019607843)}.header-bg{position:fixed;top:60px;left:0px;background:rgba(33,33,33,.25);width:100%;height:100%;z-index:8;opacity:0;visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.header-bg .header-menu{position:absolute;top:0px;right:-40%;width:40%;height:100%;background-color:#fafafc;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.header-bg .header-menu .header-menu-list{position:relative;padding:20px;display:flex;flex-wrap:wrap;flex-direction:column;gap:20px}.header-bg .header-menu .header-menu-list a{position:relative;display:block;padding:14px 24px;text-align:left;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:18px;line-height:28px;text-decoration:none;color:#212121}.header-bg .header-menu .header-menu-list a.active{color:#433ed6}.header-bg .header-menu .header-menu-list a.active:after{content:"";position:absolute;background-color:#433ed6;min-width:80px;width:120px;height:2px;left:24px;bottom:0px}.header-bg.open{z-index:8;opacity:1;visibility:visible}.header-bg.open .header-menu{right:0}.fullscreen{position:relative;width:100%;height:calc(100vh - 72px);overflow:hidden;background-color:#fafafc;margin-top:72px}.fullscreen.fixed{position:fixed;top:0px;left:0px;width:100%;height:100vh}.bg-article{position:relative;width:100%;height:100vh;overflow:hidden;background-image:url("../img/bg-article.png");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center}.content{position:relative;width:100%;padding:0px 24px 32px}.content.parallax{margin-top:75vh}.content.type-2{padding-top:24px;margin-top:72px}.content .bg-blue{position:relative;border-radius:32px;background-color:#433ed6;width:100%;height:fit-content;padding:60px 0px;overflow:hidden}.content .bg-blue .img-left{position:absolute;bottom:0px;left:0px;width:340px;height:432px;background-image:url("../img/img-03.png");background-size:cover;background-position:center;background-repeat:no-repeat}.content .bg-blue .img-right{position:absolute;bottom:0px;right:0px;width:340px;height:432px;background-image:url("../img/img-04.png");background-size:cover;background-position:center;background-repeat:no-repeat}.content .bg-blue .img-bottom{display:none;position:absolute;width:279px;height:172px;bottom:0px;right:50%;margin-right:-139.5px;background:url("../img/img-02-m.png");background-size:cover;background-position:center;background-repeat:no-repeat}.content .bg-blue .img-bottom-right{position:absolute;bottom:0px;right:0px;width:421px;height:220px;background:url("../img/bg-profile.png");background-size:cover;background-position:center;background-repeat:no-repeat}.content.form{background-color:#fafafc;padding:0px;margin-top:72px}.profile{position:relative;width:928px;display:flex;align-items:center;gap:24px;margin:auto}.profile .profile-img{position:relative;width:175px;height:175px;border-radius:100%;overflow:hidden}.profile .profile-img img{width:100%;height:100%;object-fit:cover}.profile .profile-info .profile-name{position:relative;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:24px;line-height:24px;color:#fafafc;margin-bottom:12px}.profile .profile-info .profile-email{position:relative;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:20px;line-height:24px;color:#fafafc}.score{position:relative;width:928px;display:flex;flex-wrap:wrap;align-items:center;margin:auto}.score .title{width:100%;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:24px;line-height:36px;color:#212121;margin-bottom:16px}.score .table{padding:8px;width:100%}.score .table table{border:0px;width:100%;overflow:hidden;border-radius:8px 8px 0px}.score .table table thead{background-color:#433ed6}.score .table table thead tr td{color:#fafafc;font-family:"Satoshi-Bold",Arial,Tahoma;background-color:unset}.score .table table tr td{padding:12px;font-size:16px;line-height:22px;text-align:center;background-color:#fff;border-bottom:1px solid #a4a4a4}.score .table table tr td .icon{position:relative;width:24px;height:24px;margin:auto}.score .table table tr:last-child td{border-bottom:0px}.score .table-info{position:relative;width:415px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:16px auto 24px;text-align:center}.score .table-info .img{width:120px;height:120px}.score .table-info .img img{width:100%;height:100%;object-fit:cover}.score .table-info .desc{position:relative;width:100%;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:16px;line-height:22px;color:#212121}footer{position:relative;width:100%;height:auto}footer .sponsor{position:relative;width:100%;height:174px;background-color:#433ed6;padding:24px}footer .sponsor .supported{position:relative;width:928px;display:flex;flex-wrap:wrap;justify-content:center;margin:auto}footer .sponsor .supported .supported-title{position:relative;width:100%;text-align:center;font-size:16px;line-height:21px;color:#fafafc;margin-bottom:32px}footer .sponsor .supported .supported-list{display:flex;gap:12px}footer .sponsor .supported .supported-list .supported-grid{position:relative;width:128px;height:72px;background-color:#fafafc;border-radius:10px;display:flex;align-items:center;justify-content:center}footer .sponsor .supported .supported-list .supported-grid img{width:88px;height:42px;object-fit:contain}footer .copyright{position:relative;width:100%;height:46px;background-color:#e9b86d;padding:12px 24px}footer .copyright .text{font-family:"Satoshi-Regular",Arial,Tahoma;color:#fafafc;font-size:16px;line-height:22px;text-align:center;margin:auto;width:fit-content}.headline{position:relative;display:flex;align-items:center;justify-content:space-between;width:1166px;height:calc(100% - 71px);margin:auto}.headline .headline-desc{position:relative;width:calc(100% - 674px);display:flex;flex-wrap:wrap}.headline .headline-desc .title{font-size:52px;line-height:64px;color:#212121;font-family:"Satoshi-Bold",Arial,Tahoma;margin-bottom:12px}.headline .headline-desc .title span{color:#433ed6;font-family:"Satoshi-Black",Arial,Tahoma}.headline .headline-desc .desc{font-size:16px;line-height:26px;color:#212121;font-family:"Satoshi-Regular",Arial,Tahoma;margin-bottom:20px}@media(max-width: 575.98px){.headline .headline-desc .desc{margin-bottom:20px}}.headline .headline-desc .box-sponsor{display:flex;width:100%;align-items:center;margin-bottom:20px}@media(max-width: 575.98px){.headline .headline-desc .box-sponsor{justify-content:center}}.headline .headline-desc .box-sponsor .title-sponsor{font-size:14px}.headline .headline-desc .box-sponsor img{object-fit:contain;height:44px;width:90px}.headline .headline-img{position:relative;width:524px;height:393px}.headline .headline-img img{object-fit:contain}.headline.fixed{align-items:flex-start;height:100%}.headline.fixed .headline-img{width:605px;height:677px}.headline.fixed .headline-img img{object-fit:contain}.headline.fixed .headline-desc{padding-top:92px}.headline.fixed .headline-desc .time-list{display:flex;gap:24px}.headline.fixed .headline-desc .time-list .time-item{color:#433ed6;font-size:16px;line-height:22px;font-family:"Satoshi-Bold",Arial,Tahoma;position:relative;padding-left:32px}.headline.fixed .headline-desc .time-list .time-item i{position:absolute;top:0px;left:0px;width:20px;height:20px}.headline-footer{position:relative;width:1166px;height:47px;margin:0px auto 24px;display:flex;justify-content:center}.headline-footer .share{display:flex;position:absolute;left:0px;top:0px}.headline-footer .share .btn{width:fit-content;height:32px;margin-right:8px;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:16px;line-height:24px;color:#212121}.headline-footer .share .btn:not(:first-child){width:32px;margin-right:12px}.headline-footer .share .btn i{position:absolute;width:32px;height:32px}.headline-footer .scroll-down{position:relative;width:37px;height:47px;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:14px;line-height:21px;color:#212121;display:flex;flex-wrap:wrap;justify-content:center}.headline-footer .scroll-down i{width:24px;height:24px}.headline-footer .scroll-down i.icon-arrow-down{background-image:url("../img/icon/icon-arrow-down.png");background-size:cover;background-position:center;background-repeat:no-repeat}.headline-footer-m{position:relative;width:100%;height:auto;margin:0px auto 24px;display:none;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:12px}.headline-footer-m .title{font-family:"Satoshi-Regular",Arial,Tahoma;font-size:14px;line-height:21px;letter-spacing:0em;text-align:center;color:#433ed6}.headline-footer-m .share{display:flex;gap:12px;position:relative}.headline-footer-m .share .btn{position:relative;width:40px;height:40px;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:16px;line-height:24px;color:#212121}.headline-footer-m .share .btn i{position:absolute;top:0px;left:0px;width:40px;height:40px}.headline-footer-m .scroll-down{position:relative;width:37px;height:47px;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:14px;line-height:21px;color:#212121;display:flex;flex-wrap:wrap;justify-content:center}.headline-footer-m .scroll-down i{width:24px;height:24px}.headline-footer-m .scroll-down i.icon-arrow-down{background-image:url("../img/icon/icon-arrow-down.png");background-size:cover;background-position:center;background-repeat:no-repeat}.article{position:relative;display:flex;flex-wrap:wrap;justify-content:center;width:928px;margin:auto}.article .title{position:relative;width:100%;height:fit-content;font-size:52px;line-height:78px;color:#212121;text-align:center;margin-bottom:52px;font-family:"Satoshi-Bold",Arial,Tahoma}.article .grid-list{display:flex;gap:24px;width:50%}.article .grid-list:hover{box-shadow:0px 6px 12px 0px rgba(28,39,49,.0509803922)}.article .grid-list:hover .grid .grid-img img{transform:scale(1.5)}.article .grid-list:hover .grid .grid-desc{color:#433ed6}.article .grid-list .grid{display:flex;gap:16px;padding:8px}.article .grid-list .grid .grid-img{position:relative;width:140px;height:94px;border-radius:4px;overflow:hidden}.article .grid-list .grid .grid-img img{-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s;transition:ease all .5s}.article .grid-list .grid .grid-desc{position:relative;width:calc(100% - 180px);font-size:16px;line-height:24px;font-family:"Satoshi-Bold",Arial,Tahoma;color:#212121;-webkit-transition:ease all .5s;-moz-transition:ease all .5s;-ms-transition:ease all .5s;-o-transition:ease all .5s;transition:ease all .5s}.ranked{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:609px;height:405px;margin:auto;padding-top:7.5px;margin-bottom:108px}.ranked .ranked-head .ranked-title{font-size:52px;line-height:78px;text-align:center;color:#fafafc;font-family:"Satoshi-Bold",Arial,Tahoma;margin-bottom:16px}.ranked .ranked-head .ranked-desc{font-size:16px;line-height:24px;text-align:center;color:#fafafc;font-family:"Satoshi-Regular",Arial,Tahoma;margin-bottom:48px}.ranked .ranked-head .ranked-desc b{font-family:"Satoshi-Bold",Arial,Tahoma}.ranked .ranked-list{display:flex;gap:20px;width:570px;padding-bottom:12px}.ranked .ranked-list .ranked-grid{background-color:#fafafc;border-radius:10px;width:100%;height:179px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:16px 0px}.ranked .ranked-list .ranked-grid .ranked-img{position:relative;width:105px;height:105px}.ranked .ranked-list .ranked-grid .ranked-text{font-size:20px;line-height:30px;text-align:center}.popup-bg{position:fixed;width:100%;height:100%;top:0px;left:0px;background:rgba(33,33,33,.6);visibility:hidden;opacity:0;z-index:9;-webkit-transition:ease all .7s;-moz-transition:ease all .7s;-ms-transition:ease all .7s;-o-transition:ease all .7s;transition:ease all .7s}.popup-bg.show{visibility:visible;opacity:1}.popup-bg .popup-content{width:468px;height:auto;min-height:383px;margin:0px auto;padding:0px;overflow:hidden;position:relative}.popup-bg .popup-content iframe{border:0px}.popup-bg .popup-content-w{position:relative;width:372px;height:292px;background-color:#fff;border-radius:10px;margin:auto;padding:32px}.popup-bg .popup-content-w.type-2{width:483px;height:187px}.popup-bg .popup-content-w .popup-close{position:absolute;top:-16px;right:-16px;width:32px;height:32px;background-image:url("../img/icon/icon-close.png");background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer}.popup-bg .popup-content-w .popup-title{font-family:"Satoshi-Bold",Arial,Tahoma;font-size:20px;line-height:24px;color:#212121;text-align:center;margin-bottom:20px}.popup-bg .popup-content-w .popup-desc{font-family:"Satoshi-Regular",Arial,Tahoma;font-size:16px;line-height:24px;color:#212121;text-align:center;margin-bottom:64px}.popup-bg .popup-content-w .popup-btn{display:flex;justify-content:space-between;gap:24px}.btn-blue{border-radius:32px;border:1px solid #433ed6;background-color:#433ed6;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:14px;line-height:21px;color:#fafafc;text-align:center;cursor:pointer;padding:16px 32px}.btn-blue.md{font-size:16px;line-height:24px}.btn-blue.sm-p{padding:12px 24px}.btn-blue.sm-p2{padding:8px 36px}.btn-blue.bold{font-family:"Satoshi-Bold",Arial,Tahoma}.btn-next{border-radius:32px;background-color:#433ed6;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:14px;line-height:21px;color:#fafafc;padding:8px 24px 8px 36px;display:flex;align-items:center;justify-content:center;gap:4px}.btn-next.disabled{background-color:#cac8ff}.btn-next i{position:relative;width:16px;height:16px}.btn-next i.icon-chevron-right{background:url("../img/icon/icon-chevron-right.png");background-size:contain;background-position:center;background-repeat:no-repeat}.btn-prev{border-radius:32px;background-color:#433ed6;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:14px;line-height:21px;color:#fafafc;padding:8px 53.5px 8px 37.5px;display:flex;align-items:center;justify-content:center;gap:4px}.btn-prev.disabled{background-color:#cac8ff}.btn-prev i{position:relative;width:16px;height:16px}.btn-prev i.icon-chevron-left{background:url("../img/icon/icon-chevron-left.png");background-size:contain;background-position:center;background-repeat:no-repeat}.btn-blue-popup{width:50%;border-radius:32px;background-color:#433ed6;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:16px;line-height:24px;color:#fafafc;padding:8px 36px;border:1px solid #433ed6;text-align:center;cursor:pointer}.btn-default-popup{width:50%;border-radius:32px;background-color:#fafafc;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:16px;line-height:24px;color:#433ed6;padding:8px 36px;border:1px solid #433ed6;text-align:center;cursor:pointer}.btn-default{width:fit-content;border-radius:10px;background-color:#fafafc;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:14px;line-height:24px;color:#433ed6;padding:8px 36px;border:1px solid #433ed6;text-align:center}.btn-cream{border-radius:32px;background-color:#e9b86d;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:16px;line-height:22px;color:#fafafc;border:1px solid #e9b86d;text-align:center;padding:12px 16px}@media(max-width: 575.98px){.desktop{display:none}.mobile{display:block}.sm-w100{width:100%}.header{background-color:#fff}.header .header-list{width:100%;height:60px;padding:0px 24px}.header.no-bs{-webkit-box-shadow:unset;-moz-box-shadow:unset;-ms-box-shadow:unset;-o-box-shadow:unset;box-shadow:unset}.header-bg .header-menu{width:195px}.header-bg .header-menu .header-menu-list a{font-size:16px;line-height:24px}.sm-pb0{padding-bottom:0px !important}.sm-p30{padding:30px !important}.sm-mb32{margin-bottom:32px !important}.xs-pd{padding:24px 16px !important}.fullscreen{height:auto;padding:20px 16px}.fullscreen.fixed{position:relative;width:100%;height:auto !important}.fullscreen.fixed .headline.fixed{flex-direction:column}.fullscreen.fixed .headline.fixed .headline-desc{padding-top:unset}.fullscreen .headline{width:100%;flex-wrap:wrap;flex-direction:column-reverse;align-items:center;margin-bottom:24px}.fullscreen .headline .headline-desc,.fullscreen .headline .headline-img{width:100%;height:auto}.fullscreen .headline .headline-img{margin-bottom:16px}.fullscreen .headline .headline-desc{width:343px;justify-content:center}.fullscreen .headline .headline-desc .title{width:320px;font-size:28px;line-height:42px;text-align:center}.fullscreen .headline .headline-desc .desc{line-height:24px;margin-bottom:24px;text-align:center}.fullscreen .headline.fixed .headline-desc .time-list{flex-wrap:wrap;justify-content:center}.fullscreen .headline-footer{display:none}.fullscreen .headline-footer-m{display:flex}.bg-article{height:auto;padding:52px 24px 52px;background-image:url("../img/bg-article-m.png");background-size:contain}.bg-article .article{width:100%}.bg-article .article .title{font-size:28px;line-height:42px;margin-bottom:32px}.bg-article .article .grid-list{width:100%}.bg-article .article .grid-list .grid .grid-img{width:100px;height:100px}.bg-article .article .grid-list .grid .grid-desc{width:calc(100% - 116px)}.content .bg-blue{padding:30px 0px;height:fit-content}.content .bg-blue .img-left{display:none}.content .bg-blue .img-right{display:none}.content .bg-blue .img-bottom{display:block}.content .bg-blue .img-bottom-right{width:193px;height:101px;right:-85px}.content.type-2{padding:0px;margin-top:60px}.content.type-2 .bg-blue{border-radius:0px 0px 16px 16px;height:fit-content}.content.parallax{margin-top:-28vh}.content.form{margin-top:165px;padding:0px}.content.md-vh{height:auto;min-height:calc(100vh - 380px);padding-top:32px}.content.md-vh-2{margin-top:60px;height:auto;min-height:calc(100vh - 280px)}.ranked{width:calc(100% - 48px);height:auto;margin-bottom:135px}.ranked .ranked-head .ranked-title{font-size:28px;line-height:42px}.ranked .ranked-head .ranked-desc{margin-bottom:16px}.ranked .ranked-list{width:100%;flex-wrap:wrap;justify-content:center}.ranked .ranked-list .ranked-grid{width:147.5px;flex-direction:column;justify-content:center;height:fit-content}.ranked .ranked-list .ranked-grid .ranked-img{width:75px;height:75px;margin:auto}.ranked .ranked-list .ranked-grid .ranked-text{font-size:16px;line-height:26px}.rules{width:100%;flex-wrap:wrap;flex-direction:column-reverse;padding:2px 16px}.rules .rules-list{width:100%;margin:auto}.rules .rules-list .rules-title{font-size:20px;line-height:30px}.rules .rules-list .rules-desc{padding-left:20px}.rules .rules-list .rules-desc li{font-size:16px;line-height:24px}.rules .rules-type{width:100%;margin:auto}.rules .rules-type .rules-detail{margin-bottom:24px}.profile,.score,.score-board,.soal,.leaderboard{width:100%}.leaderboard{margin-top:0px;padding-top:0px}.leaderboard .leaderboard-title{font-size:20px;line-height:27px}.leaderboard .leaderboard-card{padding:0px 16px}.leaderboard .leaderboard-card .leaderboard-table table thead tr td{padding:12px 8px}.leaderboard .leaderboard-card .leaderboard-table table tbody tr td{padding:12px 8px}.leaderboard .leaderboard-card .leaderboard-pagination{padding:16px 0px;margin-top:16px}.leaderboard .leaderboard-card .leaderboard-pagination .leaderboard-list{gap:8px}.profile .profile-img{width:65px;height:65px}.profile .profile-info .profile-name{font-size:16px;line-height:24px}.profile .profile-info .profile-email{font-size:14px;line-height:24px}.score-board{margin-top:0px;padding:0px 24px 32px}.score-board .score-board-title{font-size:20px;line-height:27px;margin-bottom:24px}.score-board .score-board-box{padding:16px;align-items:center;flex-direction:column}.score-board .score-board-box .score-board-info .score-board-head{display:none}.score-board .score-board-box .score-board-info .score-board-grade .score-board-grid .grade{font-size:28px;line-height:38px}.score-board .score-board-box .score-board-meter,.score-board .score-board-box .score-board-info{width:100%}.score-board .score-board-box .score-board-info-m{display:block}.score-board .score-board-box .score-board-info-m .score-board-head .score-board-name{font-size:20px;line-height:24px;margin:0px}.score-board .score-board-box .score-board-info-m .score-board-head .score-board-btn{margin:0px}.score .title{font-size:20px;line-height:30px}.score .table table tr td{font-size:14px;line-height:18px}.soal-time-wp{top:60px;left:0px;justify-content:left;padding-top:0px}.soal-time-wp .soal-time{width:calc(100% - 0px);border-radius:0px 0px 10px 10px;-webkit-box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843);-moz-box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843);-ms-box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843);-o-box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843);box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843)}.soal-wrapper{width:100%}.soal-wrapper .soal{width:100%;margin-top:0px;padding-top:0px}.soal-wrapper .soal .soal-card{padding:16px;border-radius:10px 10px}.soal-wrapper .soal .soal-card .soal-row .soal-title{font-size:18px;line-height:38px}.soal-wrapper .soal .soal-card .soal-row .soal-list{margin-bottom:20px}.soal-wrapper .soal .soal-card .soal-row .soal-list .soal-pertanyaan{margin-bottom:20px}.soal-wrapper .soal .soal-card .soal-row .soal-list .soal-jawaban .soal-option{align-items:flex-start}.soal-wrapper .soal .soal-card .soal-row .soal-list .soal-jawaban .soal-option .soal-radio{margin-top:4px}.soal-wrapper .soal .soal-card .soal-row .soal-pagination{height:316px}.btn-next,.btn-prev{padding:12px 24px}footer .sponsor{width:100%;height:auto;padding:32px 16px;min-height:25vh}footer .sponsor .supported{width:100%}footer .sponsor .supported .supported-list{display:flex;flex-wrap:wrap;width:100%;justify-content:center}footer .sponsor .supported .supported-list .supported-grid{width:30%}.popup-bg .popup-content,.popup-bg .popup-content-w{width:calc(100% - 48px)}.popup-bg .popup-content iframe,.popup-bg .popup-content-w iframe{width:100%}.popup-bg .popup-content-w{padding:24px 12px;height:auto}.popup-bg .popup-content-w .popup-title{font-size:16px;line-height:22px;margin-bottom:12px}.popup-bg .popup-content-w .popup-desc{font-size:14px;line-height:24px;margin-bottom:20px}.btn-default-popup{font-size:14px;line-height:21px}}@media(min-width: 576px)and (max-width: 767.98px){.desktop{display:none}.mobile{display:block}.header{background-color:#fff}.header .header-list{width:100%;height:60px;padding:0px 24px}.header.no-bs{-webkit-box-shadow:unset;-moz-box-shadow:unset;-ms-box-shadow:unset;-o-box-shadow:unset;box-shadow:unset}.sm-p30{padding:30px !important}.sm-mb32{margin-bottom:32px !important}.fullscreen{height:auto;padding:24px}.fullscreen.fixed{position:relative;width:100%;height:auto !important}.fullscreen.fixed .headline.fixed{flex-direction:column}.fullscreen.fixed .headline.fixed .headline-desc{padding-top:unset}.fullscreen .headline{width:100%;flex-wrap:wrap;flex-direction:column-reverse;align-items:center;margin-bottom:24px}.fullscreen .headline .headline-desc,.fullscreen .headline .headline-img{width:100%;height:auto}.fullscreen .headline .headline-img{margin-bottom:16px}.fullscreen .headline .headline-desc{justify-content:center}.fullscreen .headline .headline-desc .title{font-size:28px;line-height:42px;text-align:center}.fullscreen .headline .headline-desc .desc{line-height:24px;margin-bottom:24px;text-align:center}.fullscreen .headline.fixed .headline-desc .time-list{flex-wrap:wrap}.fullscreen .headline-footer{width:100%;margin-bottom:0px;justify-content:center}.fullscreen .headline-footer .share{position:relative;align-items:center}.fullscreen .headline-footer .scroll-down{display:none}.bg-article{height:auto;padding:24px;background-image:url("../img/bg-article-m.png")}.bg-article .article{width:100%}.bg-article .article .title{font-size:42px;line-height:68px}.bg-article .article .grid-list{width:100%}.content .bg-blue{padding:30px 0px;height:fit-content}.content .bg-blue .img-left{display:none}.content .bg-blue .img-right{display:none}.content .bg-blue .img-bottom{display:block}.content .bg-blue .img-bottom-right{width:193px;height:101px;right:-85px}.content.type-2{padding:0px;margin-top:60px}.content.type-2 .bg-blue{border-radius:0px 0px 16px 16px;height:fit-content}.content.parallax{margin-top:-35vh}.content.form{margin-top:165px;padding:0px}.content.md-vh{height:auto;min-height:calc(100vh - 488px);padding-top:32px}.content.md-vh-2{margin-top:60px;height:auto;min-height:calc(100vh - 280px)}.ranked{width:calc(100% - 48px);height:auto}.ranked .ranked-head .ranked-title{font-size:42px;line-height:68px}.ranked .ranked-list{flex-wrap:wrap;justify-content:center}.ranked .ranked-list .ranked-grid{width:33.3%;flex-direction:column;justify-content:center;height:fit-content}.ranked .ranked-list .ranked-grid .ranked-img{width:75px;height:75px;margin:auto}.ranked .ranked-list .ranked-grid .ranked-text{font-size:16px;line-height:26px}.rules{width:100%;flex-wrap:wrap;flex-direction:column-reverse;padding:0px 30px}.rules .rules-list{width:100%;margin:auto}.rules .rules-type{margin:auto}.profile,.score,.score-board,.soal,.leaderboard{width:100%}.leaderboard{margin-top:0px;padding-top:0px}.profile .profile-img{width:65px;height:65px}.profile .profile-info .profile-name{font-size:16px;line-height:24px}.profile .profile-info .profile-email{font-size:14px;line-height:24px}.score-board{margin-top:0px}.score-board .score-board-box{align-items:center;flex-direction:column}.score-board .score-board-box .score-board-info .score-board-head{display:none}.score-board .score-board-box .score-board-meter,.score-board .score-board-box .score-board-info{width:100%}.score-board .score-board-box .score-board-info-m{display:block}.soal-time-wp{top:60px;left:0px;justify-content:left;padding-top:0px}.soal-time-wp .soal-time{width:calc(100% - 0px);border-radius:0px 0px 10px 10px;-webkit-box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843);-moz-box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843);-ms-box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843);-o-box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843);box-shadow:0px 2px 10px 0px rgba(178,178,178,.1019607843)}.soal-wrapper{width:100%}.soal-wrapper .soal{width:100%;margin-top:0px;padding-top:0px}.soal-wrapper .soal .soal-card{border-radius:10px 10px}footer .sponsor{width:100%;height:auto}footer .sponsor .supported{width:100%}footer .sponsor .supported .supported-list{display:flex;flex-wrap:wrap;width:100%;justify-content:center}footer .sponsor .supported .supported-list .supported-grid{width:30%}}@media(min-width: 768px)and (max-width: 991.98px){.desktop{display:none}.mobile{display:block}.header .header-list{width:100%;height:60px;padding:0px 24px}.sm-p30{padding:30px !important}.fullscreen{height:auto;padding:24px}.fullscreen.fixed{position:relative;width:100%;height:auto !important}.fullscreen .headline{width:100%;align-items:flex-start;margin-bottom:24px}.fullscreen .headline .headline-desc,.fullscreen .headline .headline-img{width:50%;height:auto}.fullscreen .headline .headline-desc .title{font-size:38px;line-height:46px}.fullscreen .headline .headline-desc .desc{margin-bottom:24px}.fullscreen .headline-footer{width:100%;margin-bottom:0px;justify-content:left}.fullscreen .headline-footer .share{position:relative;align-items:center}.fullscreen .headline-footer .scroll-down{display:none}.bg-article{height:auto;padding:24px}.bg-article .article{width:100%}.bg-article .article .title{font-size:42px;line-height:68px}.content .bg-blue{padding:30px 0px;height:fit-content}.content .bg-blue .img-left{width:240px;height:332px;background-size:contain;background-position:-100px 100%}.content .bg-blue .img-right{width:240px;height:332px;background-size:contain;background-position:100px 100%}.content .bg-blue .img-bottom-right{width:371px;height:170px;right:-170px;background-position:top}.content.parallax{margin-top:unset}.content.form{margin-top:60px;padding:0px 24px}.content.md-vh{height:auto;min-height:calc(100vh - 500px)}.content.md-vh-2{margin-top:60px;height:auto;min-height:calc(100vh - 280px)}.ranked{width:509px;height:305px}.ranked .ranked-head .ranked-title{font-size:42px;line-height:68px}.ranked .ranked-list .ranked-grid{height:fit-content}.ranked .ranked-list .ranked-grid .ranked-img{width:75px;height:75px}.ranked .ranked-list .ranked-grid .ranked-text{font-size:16px;line-height:26px}.rules{width:100%;flex-wrap:wrap;flex-direction:column-reverse;padding:0px 30px}.rules .rules-list{width:80%;margin:auto}.rules .rules-type{margin:auto}.profile,.score,.score-board,.soal,.leaderboard{width:100%}.leaderboard{margin-top:0px;padding-top:0px}.profile .profile-img{width:125px;height:125px}.profile .profile-info .profile-name{font-size:20px;line-height:20px}.profile .profile-info .profile-email{font-size:16px;line-height:20px}.score-board{margin-top:0px}.soal-time-wp{top:60px;justify-content:left}.soal-time-wp .soal-time{width:calc(100% - 48px)}.soal-wrapper{width:100%}.soal-wrapper .soal{margin-top:111px}footer .sponsor .supported{width:fit-content}}@media(min-width: 992px)and (max-width: 1199.98px){.sm-p30{padding:30px !important}.header .header-list{width:100%;padding:0px 24px}.fullscreen{height:auto;padding:24px;margin-top:96px}.fullscreen.fixed{position:relative;width:100%;height:auto !important}.fullscreen .headline{width:100%;align-items:flex-start}.fullscreen .headline .headline-desc,.fullscreen .headline .headline-img{width:50%;height:auto}.fullscreen .headline-footer{width:100%;margin-bottom:0px;justify-content:left}.fullscreen .headline-footer .share{position:relative;align-items:center}.fullscreen .headline-footer .scroll-down{display:none}.bg-article{height:auto;padding:24px}.bg-article .article{width:100%}.content .bg-blue .img-left{width:240px;height:332px;background-size:contain;background-position:bottom left}.content .bg-blue .img-right{width:240px;height:332px;background-size:contain;background-position:bottom left}.content.parallax{margin-top:unset}.content.form{margin-top:60px;padding:0px 24px}.content.md-vh{height:auto;min-height:calc(100vh - 500px)}.content.md-vh-2{margin-top:60px;height:auto;min-height:calc(100vh - 280px)}.ranked{width:509px;height:305px}.rules{width:100%;padding:0px 30px}.profile,.score,.score-board,.soal,.leaderboard{width:100%}.score-board{margin-top:0px}.soal{margin-top:155px}.soal-time-wp{justify-content:left}.soal-time-wp .soal-time{width:calc(100% - 48px)}}