@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:transparent}img{color:transparent;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 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.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:0.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:transparent;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 #8C8C8C1A;-moz-box-shadow:0px 4px 10px 0px #8C8C8C1A;-ms-box-shadow:0px 4px 10px 0px #8C8C8C1A;-o-box-shadow:0px 4px 10px 0px #8C8C8C1A;box-shadow:0px 4px 10px 0px #8C8C8C1A}.header-bg{position:fixed;top:60px;left:0px;background:rgba(33,33,33,0.25);width:100%;height:100%;z-index:8;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.header-bg .header-menu{position:absolute;top:0px;right:-40%;width:40%;height:100%;background-color:#FAFAFC;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.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}.ads-300x250{width:300px;height:250px;margin-left:auto;margin-right:auto;background-color:#f1f1f1}.ads320{width:320px !important;margin-left:auto !important;margin-right:auto !important;border-radius:0px !important}.ads336{width:336px !important;margin-left:auto !important;margin-right:auto !important;border-radius:0px !important}.ads970{width:970px !important;margin-left:auto !important;margin-right:auto !important;border-radius:0px !important}.ads-720x90{width:720px;height:90px;margin-left:auto;margin-right:auto;background-color:#f1f1f1}.ads1x1{width:1px;height:1px}.skin-ads{position:absolute;top:24px;z-index:8}.skin-ads.left{left:16px}.skin-ads.right{right:16px}.skin-ads .ads-120x600{position:relative;width:120px;height:600px;background-color:#f1f1f1;margin:auto}.leaderboard{position:relative;width:770px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:32px;padding:24px 0px 32px;margin-top:72px}.leaderboard .leaderboard-title{font-family:"Satoshi-Bold",Arial,Tahoma;font-size:32px;line-height:43px;color:#212121;text-align:center}.leaderboard .leaderboard-card{position:relative;width:100%;display:flex;flex-wrap:wrap;background-color:#fff;padding:0px 24px;border-radius:30px}.leaderboard .leaderboard-card .leaderboard-table{position:relative;width:100%;height:auto}.leaderboard .leaderboard-card .leaderboard-table table{width:100%;border:0px}.leaderboard .leaderboard-card .leaderboard-table table thead tr td{padding:16px 24px;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:26px;line-height:28px;color:#212121;text-align:center}.leaderboard .leaderboard-card .leaderboard-table table tbody tr td{padding:16px 24px;font-family:"Satoshi-Regular",Arial,Tahoma;font-size:16px;line-height:40px;color:#212121;text-align:center}.leaderboard .leaderboard-card .leaderboard-table table tbody tr td .icon{position:relative;width:40px;height:40px;margin:auto}.leaderboard .leaderboard-card .leaderboard-table table tbody tr:last-child td{border-bottom:1px solid #efefef}.leaderboard .leaderboard-card .leaderboard-pagination{position:relative;width:100%;border-radius:10px;padding:16px;margin-top:26px;margin-bottom:16px}.leaderboard .leaderboard-card .leaderboard-pagination .leaderboard-list{display:flex;align-items:center;justify-content:center;gap:16px}.leaderboard .leaderboard-card .leaderboard-pagination .leaderboard-list .leaderboard-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-family:"Satoshi-Bold",Arial,Tahoma;font-size:14px;line-height:25px;color:#433ED6;cursor:pointer}.leaderboard .leaderboard-card .leaderboard-pagination .leaderboard-list .leaderboard-num:last-child{width:fit-content}.leaderboard .leaderboard-card .leaderboard-pagination .leaderboard-list .leaderboard-num.active{border-radius:50%;background-color:#CAC8FF;border:1px solid #CAC8FF}.leaderboard .leaderboard-card .leaderboard-pagination .leaderboard-list .leaderboard-num .icon{position:relative;width:32px;height:32px}@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 #B2B2B21A;-moz-box-shadow:0px 2px 10px 0px #B2B2B21A;-ms-box-shadow:0px 2px 10px 0px #B2B2B21A;-o-box-shadow:0px 2px 10px 0px #B2B2B21A;box-shadow:0px 2px 10px 0px #B2B2B21A}.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}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 #B2B2B21A;-moz-box-shadow:0px 2px 10px 0px #B2B2B21A;-ms-box-shadow:0px 2px 10px 0px #B2B2B21A;-o-box-shadow:0px 2px 10px 0px #B2B2B21A;box-shadow:0px 2px 10px 0px #B2B2B21A}.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)}}