@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Michroma&family=Orbitron:wght@400..900&family=Quicksand:wght@300..700&family=Karla:ital,wght@0,200..800;1,200..800&family=Archivo+Black&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Special+Gothic+Expanded+One&display=swap";.key{font-size:5rem;font-family:"Jost";font-weight:700;display:inline-block;letter-spacing:-0.3vw;transition:transform .2s}@media screen and (max-width: 768px){.key{font-size:2.2rem}}.keyboard{display:inline-block;margin-left:8px}@keyframes pressDown1{30%,40%,100%{transform:translateY(0)}35%{transform:translateY(10px)}}@keyframes pressDown2{70%,80%,100%{transform:translateY(0)}75%{transform:translateY(10px)}}@keyframes pressDown3{30%,40%,100%{transform:translateY(0)}35%{transform:translateY(10px)}}@keyframes pressDown4{40%,50%,100%{transform:translateY(0)}45%{transform:translateY(10px)}}@keyframes pressDown5{20%,30%,100%{transform:translateY(0)}25%{transform:translateY(10px)}}@keyframes pressDown6{60%,70%,100%{transform:translateY(0)}65%{transform:translateY(10px)}}@keyframes pressDown7{10%,20%,100%{transform:translateY(0)}15%{transform:translateY(10px)}}@keyframes pressDown8{35%,45%,100%{transform:translateY(0)}40%{transform:translateY(10px)}}.key:nth-child(1){animation:pressDown1 2s infinite}.key:nth-child(2){animation:pressDown2 3s infinite}.key:nth-child(3){animation:pressDown3 4s infinite}.key:nth-child(4){animation:pressDown4 2.5s infinite}.key:nth-child(5){animation:pressDown5 2.5s infinite}.key:nth-child(6){animation:pressDown6 3.5s infinite}.key:nth-child(7){animation:pressDown7 2.2s infinite}.key:nth-child(8){animation:pressDown8 3.2s infinite}.banner{background:#e3b38c;height:200vh;padding:0}@keyframes zoom{0%,100%{scale:1}50%{scale:1.2}}.banner .judul{position:absolute;left:10%;top:50%;width:70%;z-index:8;font-family:"Archivo Black";font-size:4rem;font-weight:800;color:#a41e1e;-webkit-text-stroke-width:.01rem;-webkit-text-stroke-color:#fff}@media screen and (max-width: 768px){.banner .judul{font-size:2.1rem;width:90%}}.banner .wrap-detikx{top:-30vh}.banner .sticky-mode::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20vh;background:linear-gradient(to top, #e3b38c, transparent)}@keyframes rotation{0%,100%{left:-2px}50%{left:1px}}@keyframes org{0%,100%{left:-6px}50%{left:4px}}@keyframes buku{0%,100%{bottom:-8px}50%{bottom:0}}@keyframes tgnbuku{0%,100%{left:-4px}50%{left:0}}.banner .tgnbuku{animation:tgnbuku 1.5s linear infinite}.banner .org{animation:org 1.5s linear infinite;z-index:-1}.banner .tangan{animation:rotation 1s linear infinite}.banner .buku{z-index:-1;rotate:0deg;animation:buku 1.5s linear infinite}.banner .image{position:absolute;bottom:0;left:0;right:0;width:100%;height:100%;animation:zoom 40s linear infinite}@media screen and (max-width: 768px){.banner .image{height:100%}}.banner .image img{width:100%;height:100%;object-fit:cover}.banner .title{position:absolute;left:50%;top:30%;translate:-50% -50%;width:90%}.banner .title h2{font-size:5rem;font-family:"Jost"}@media screen and (max-width: 768px){.banner .title h2{font-size:2.5rem}}@font-face{font-family:"Audiowide-Regular";src:url("Audiowide-Regular.woff2");src:local("Audiowide-Regular");src:url("Audiowide-Regular.woff2") format("woff2")}.load{background:linear-gradient(to top, white, white);padding:16px;border-radius:24px;margin-bottom:32px;position:relative}.load::after{width:0;height:0;border-left:25px solid rgba(0,0,0,0);border-right:25px solid rgba(0,0,0,0);border-top:50px solid #fff;content:"";position:absolute;left:50%;top:100%;transform:translate(-50%, -50%);z-index:-1}.labels{background:#840020;padding:4px 8px;color:#fff;text-transform:uppercase;width:fit-content;margin:0 auto 8px;font-size:1rem}@media screen and (max-width: 768px){.labels{margin:0}}.preloader{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;background:#fee1ca;background-size:contain}.preloader::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #fee1ca, rgba(254, 225, 202, 0.6), #fee1ca)}.preloader .waiting{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:100%}.preloader .waiting svg{width:100%;height:100%;visibility:hidden}.preloader .animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateX(0)}50%{-webkit-transform:translateX(-10px)}}@keyframes bounce{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}.preloader .bounce{-webkit-animation-name:bounce;animation-name:bounce}.mb-80{margin-bottom:20vh}.source-code{font-family:"Source Code Pro"}.highcharts-figure,.highcharts-data-table table{min-width:310px;max-width:800px;margin:1em auto}#container{height:500px}@media screen and (max-width: 768px){#container{height:320px}}.highcharts-data-table table{font-family:Verdana,sans-serif;border-collapse:collapse;border:1px solid #ebebeb;margin:10px auto;text-align:center;width:100%;max-width:500px}.highcharts-data-table caption{padding:1em 0;font-size:1.2em;color:#555}.highcharts-data-table th{font-weight:600;padding:.5em}.highcharts-data-table td,.highcharts-data-table th,.highcharts-data-table caption{padding:.5em}.highcharts-data-table thead tr,.highcharts-data-table tr:nth-child(even){background:#f8f8f8}.highcharts-data-table tr:hover{background:#f1f7ff}.color-primary{color:#1b1b1b !important}section{padding:32px 0;min-height:100vh;z-index:11;position:relative}section h3{font-family:"Jost",sans-serif !important;font-weight:700;color:#fcfcfc;font-size:3.3rem}@media screen and (max-width: 768px){section h3{font-size:2rem}}section h4{font-family:"Jost",sans-serif;font-weight:700;color:#fcfcfc;font-size:2.3rem}@media screen and (max-width: 768px){section h4{font-size:1.3rem}}section .bg-block{background:#fff;padding:16px;border-radius:16px}section p,section li{font-size:1.3rem}@media screen and (max-width: 768px){section p,section li{font-size:1.1rem}}@media screen and (max-width: 400px){section p,section li{font-size:1.1rem}}.slick-next,.slick-prev{z-index:17 !important;width:40px;height:40px;border-radius:50%;background:rgba(206,147,82,.8)}@media screen and (max-width: 768px){.slick-next,.slick-prev{width:25px;height:25px;top:100%}}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{background:rgba(206,147,82,.5)}.slick-next::before,.slick-prev::before{font-family:"Font Awesome 5 Pro" !important;font-size:32px !important;color:#fff !important;font-weight:700 !important}@media screen and (max-width: 766px){.slick-next::before,.slick-prev::before{font-size:20px !important}}.slick-prev{left:-16px !important}@media screen and (max-width: 768px){.slick-prev{left:20% !important}}.slick-prev::before{content:"" !important}.slick-next{right:-16px !important}@media screen and (max-width: 768px){.slick-next{right:20% !important}}.slick-next::before{content:"" !important}.sticky-mode{position:sticky;left:0;right:0;top:0;bottom:0;min-height:100vh}.wrap-detikx{width:700px;position:relative;margin:0 auto}@media screen and (max-width: 766px){.wrap-detikx{width:90%;margin:0 auto;display:block}}.line-line{width:100%;height:1px;background:linear-gradient(to right, transparent, white, transparent);margin:24px 0}.totop{position:relative;z-index:19}.firstletter::first-letter{float:left;font-weight:bold;margin-right:8px;font-size:60px;font-size:6rem;line-height:40px;line-height:4rem;height:4rem;text-transform:uppercase}main{overflow-x:clip}main p{color:#1b1b1b;font-weight:500}body{position:relative;height:100%;background-color:#e3b38c;font-family:"Quicksand" !important}body h1,body h2{font-family:"Quicksand";font-weight:700}.slick-slide{margin:0 8px}.slick-list{margin:0 -8px}.img{width:100%}.img img{width:100%;height:100%;object-fit:cover}section .nav-pills .nav-link.active,section .nav-pills .show>.nav-link{background:#333;color:#fff}section .nav-pills .nav-link{border-radius:25px}.dashboard-content{display:none}#nav.no_index,#share{z-index:19 !important}#nav.dark{background:rgba(0,0,0,.5) !important;top:0}.footer{z-index:22}.share_icon>a i{font-size:25px !important;line-height:initial !important}@media screen and (max-width: 766px){.share_icon>a i{font-size:16px !important;line-height:initial !important;width:30px !important;height:30px !important}}#nav{background:rgba(0,0,0,.5) !important}.bg-blues{background:#fee1ca !important;position:relative;z-index:12}.share_icon>a{padding:0 !important}.ismobile{opacity:0 !important}@media screen and (max-width: 768px){.ismobile{opacity:1 !important}}.isdesktop{opacity:1 !important}@media screen and (max-width: 768px){.isdesktop{opacity:0 !important}}.baca-detikx .bacajuga_box{display:initial !important}.baca-detikx .bacajuga_box .container{display:none}.baca-detikx .bacajuga{width:100% !important;display:block}.baca-detikx .bacajuga a{display:inline-block;padding:0px;width:47% !important;margin:0 8px;border-radius:24px;position:relative;height:320px;text-align:left}.baca-detikx .bacajuga a::after{border-radius:24px}@media screen and (max-width: 766px){.baca-detikx .bacajuga a{width:100% !important;margin:4px 0}}.baca-detikx .bacajuga a:hover{text-decoration:none;color:orange !important}.baca-detikx .bacajuga a article{position:absolute;top:initial;width:100%;background:linear-gradient(to top, black, transparent);padding:8px 16px;border-radius:24px;bottom:0;transform:initial}.baca-detikx .bacajuga a article h2{font-family:"Jost" !important;font-size:1.2rem;color:#fff !important}.haha,.hahad{background:#fff;border-radius:16px;padding:0px 8px;position:absolute;top:165px;right:0}@media screen and (max-width: 768px){.haha,.hahad{display:none;color:#333;top:140px}}.haha:hover,.hahad:hover{background:rgba(206,147,82,.5)}.all-helping{position:absolute;inset:0;background:#fff;text-align:center;width:100%;height:100%;z-index:17}.slider{display:none}.slider.slick-initialized{display:block}.hello{background:linear-gradient(to right, white, rgba(255, 255, 255, 0.7));padding:16px 32px;border-radius:16px;margin-bottom:35vh}.hello h4{color:#2a2a2a}.hello p{color:#1b1b1b}@media screen and (max-width: 768px){.help-bawah{position:fixed;bottom:0;left:0;right:0;width:100%;height:59px;background:#ccc;z-index:21}}.color-white{color:#fafafa}.color-second{color:#42d4bf}.add-shadow{text-shadow:2px 2px #000}.sticky{position:sticky;padding:8px;width:70px;z-index:21;top:50%;float:right}@media screen and (max-width: 768px){.sticky{position:sticky;padding:8px;width:100%;background:#42d4bf;z-index:30;top:92vh;height:60px}}@media screen and (max-width: 768px){.sticky .navigation{text-align:center;margin:0 auto}}@media screen and (max-width: 768px){.sticky .navigation a{display:inline-block;margin:0 8px}}.font-bold{font-weight:bold}#scroll-down-animation{position:absolute;top:90%;left:50%;z-index:3;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){#scroll-down-animation{top:93%}}#scroll-down-animation small{color:#1b1b1b}.mouse{margin:0 auto;display:block;border-radius:50px;border:2px solid #1b1b1b;height:50px;width:25px;position:absolute;left:50%;top:-90%;translate:-50% -50%;z-index:9}.move{position:absolute;background-color:#1b1b1b;height:10px;width:10px;border-radius:50%;left:50%;transform:translateX(-50%);animation:move 2s linear infinite}@keyframes move{0%{transform:translate(-50%, 5px);opacity:0}50%{transform:translate(-50%, 20px);opacity:1}100%{transform:translate(-50%, 40px);opacity:0}}.creditx{min-height:auto !important;background:#e3b38c}.creditx .alls{width:75%;font-size:1.2rem;margin:0 auto;text-align:center;margin-bottom:16px}@media screen and (max-width: 768px){.creditx .alls{width:100%;font-size:1rem}}.creditx .alls .jobs{font-weight:600}.tgl{font-family:"Source Code Pro";margin:16px 0;width:fit-content}.alls{margin-bottom:16px}.content_indent{background:#fff}.bgtrans{background-color:rgba(0,0,0,0)}.pembukaan{background:#e3b38c;padding:120px 0 0;z-index:14}.pembukaan .image-data{width:100%;height:400px}.pembukaan .image-data img{width:100%;height:100%;object-fit:contain}.pembukaan .aboutfoto{display:block}.pembukaan .aboutfoto__inline{display:inline-block;width:46%;margin-right:8px;vertical-align:middle}.pembukaan .s-about-img{height:230px;margin-bottom:16px}.pembukaan .s-about-img.big{height:400px}@media screen and (max-width: 768px){.pembukaan .s-about-img.big{height:285px}}@media screen and (max-width: 768px){.pembukaan .s-about-img{height:150px}}.pembukaan .s-about-img img{width:100%;height:100%;border-radius:16px;box-shadow:6px 8px 13px 0px rgba(0,0,0,.65);object-fit:cover}.pembukaan .about-content2 ul{margin:0px;padding:0px}.pembukaan .about-content2 li{display:inherit;margin-top:10px;width:50%;float:left;margin-bottom:0;padding-right:20px}.pembukaan .about-content2 li .text{padding-top:4px}.pembukaan .about-content2 li h3{font-size:24px;margin-bottom:16px}.pembukaan .about-content2 .abcontent{display:flex}.pembukaan .sticky-mode{z-index:8}.pembukaan .sticky-mode::before{content:"";position:absolute;bottom:-2%;background:#fee1ca;z-index:1;width:100%;height:5%}@media screen and (max-width: 768px){.pembukaan .sticky-mode::before{height:8%}}.pembukaan .next{float:right;background:#fff;padding:8px 32px;border-radius:32px}.pembukaan .next a{color:#000;font-weight:bold}.pembukaan .bg-help{background:#ffc79a;position:relative;padding-bottom:72px}.pembukaan .bg-help::before{content:"";position:absolute;top:-30vh;left:0;right:0;width:100%;height:30vh;background:#ffc79a;z-index:-1}@media screen and (max-width: 768px){.pembukaan .bg-help::before{height:55vh;top:-55vh}}.cardx--reverse{flex-direction:row-reverse}.cardx--reverse .cardx__img-holder::before{left:8px;bottom:-8px;top:8px;right:-8px}@media screen and (max-width: 766px){.cardx--reverse .cardx__img-holder::before{left:8px;bottom:-8px;top:8px;right:-8px}}.cardx--reverse .imagex{margin-bottom:16px;height:360px}@media screen and (max-width: 766px){.cardx--reverse .imagex{height:320px;margin-bottom:4px}}.cardx--reverse .imagex img{width:100%;height:100%;object-fit:cover}.cardx__text{width:400px;position:relative;z-index:18}.cardx__text .tes-judul{color:#fff;position:relative;margin-bottom:24px}.cardx__text .tes-judul::before{content:"";position:absolute;bottom:-12px;left:0;width:80px;height:2px;background:#fff}@media screen and (max-width: 766px){.cardx__text .tes-judul{display:block}}.cardx__text .tes-judul h2{margin-bottom:0}@media screen and (max-width: 766px){.cardx__text{width:100%;background:hsla(0,0%,100%,.5);padding:12px}}.pembukaan{position:relative;z-index:8;padding:32px 0}.pembukaan .titlex-lala{text-align:center;font-weight:bold;color:#32debe;font-size:2.5rem;width:fit-content;margin:0 auto 16px;padding:4px 8px}@media screen and (max-width: 766px){.pembukaan .titlex-lala{font-size:2rem}}.pembukaan .cardx{display:flex;justify-content:space-around;align-items:center;padding:60px;position:relative}.pembukaan .cardx .petax{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:1}@media screen and (max-width: 766px){.pembukaan .cardx .petax{width:100%}}.pembukaan .cardx .petax::before{content:"";position:absolute;bottom:0;left:0;top:0;right:0;width:100%;height:100%}.pembukaan .cardx .petax img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 766px){.pembukaan .cardx{display:block;padding:16px !important}}@keyframes warna{0%,100%{background:#1a2d25}50%{background:#2b4138}}.pembukaan .cardx__img-holder{width:50%;height:75vh;position:relative;z-index:18;margin:8px;padding:16px;border-radius:16px}.pembukaan .cardx__img-holder::before{content:"";position:absolute;left:-8px;bottom:-8px;top:8px;right:8px;border-radius:4px;z-index:2}@media screen and (max-width: 766px){.pembukaan .cardx__img-holder::before{left:-8px;bottom:-8px;top:8px;right:8px}}@media screen and (max-width: 766px){.pembukaan .cardx__img-holder{width:100%;height:40vh;margin:8px}}.pembukaan .cardx__img-holder img{width:100%;height:100%;position:relative;z-index:3;border-radius:4px;object-fit:cover}footer{width:100vw;height:8px;position:sticky;bottom:0;z-index:18;left:0;background:#495057}@media screen and (max-width: 768px){footer{bottom:0;height:10px}}#footer__progress_bar{height:8px;background:#6ab2ff;width:0%;position:relative;text-align:left}.box-white{background:hsla(0,0%,100%,.75);padding:8px 16px}.box-black{background:rgba(0,0,0,.8);padding:16px;border-radius:16px;margin-bottom:30vh}.box-black p{color:#fff}.perpus-black h2{color:silver}.perpus-black::before{content:"";position:absolute;top:0;left:0;right:0;width:100%;z-index:6;height:30vh;background:linear-gradient(#e3b38c, transparent)}@media screen and (max-width: 768px){.perpus-black::before{height:50vh}}.perpus-black::after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;z-index:7;height:10vh;background:linear-gradient(to top, #3e3e3e, transparent)}@media screen and (max-width: 768px){.perpus-black::after{height:50vh}}.perpus-black .image{position:absolute;inset:0;width:100%;height:100%}.perpus-black .image img{width:100%;height:100%;object-fit:cover}.black-bg{background:#3e3e3e}.black-bg p{color:silver}.min-auto{min-height:auto}.tingkat-gemar{background-color:#fee1ca;padding:100px 0}.tingkat-gemar::before{content:"";width:0;height:0;position:absolute;top:0;z-index:-1;left:50%;translate:-50%;border-left:30px solid rgba(0,0,0,0);border-right:30px solid rgba(0,0,0,0);border-top:30px solid #3e3e3e}.tingkat-gemar::after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:100px;background-color:#e3b38c}.tingkat-gemar .sticky-mode::before{content:"";position:absolute;bottom:-2%;background:#e3b38c;z-index:-1;width:100%;height:60%}@media screen and (max-width: 768px){.tingkat-gemar .sticky-mode::before{height:65%}}.tingkat-gemar .image-duduk{width:70%;position:absolute;left:-16%;top:0;height:80vh}@media screen and (max-width: 768px){.tingkat-gemar .image-duduk{width:100%;left:0%}}.tingkat-gemar .image-duduk img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.tingkat-gemar .image-duduk img{scale:1.5}}.color-red-title{color:#ab4d4e !important}.melisa .imagef{position:absolute;inset:0;width:100%;height:100%}.melisa .imagef::before{content:"";position:absolute;inset:0;width:100%;height:100%;color:#e3b38c}.melisa .imagef img{width:100%;height:100%;object-fit:cover}.melisa .to-right{position:relative;right:-32%;height:500px;margin-bottom:32px}@media screen and (max-width: 768px){.melisa .to-right{height:250px}}.melisa .to-right::before{content:"";position:absolute;left:-1%;top:1%;bottom:0;width:100%;height:101%;background:rgba(0,0,0,.2);z-index:-1}@media screen and (max-width: 768px){.melisa .to-right::before{left:-3%}}.melisa .to-right img{object-fit:cover}.melisa .image{width:100%}.melisa .image img{width:100%;height:100%}.melisa .ilustrasi{position:relative;width:100%;height:70vh}.melisa .ilustrasi .image{position:absolute;width:100%;height:100%;inset:0}.melisa .ilustrasi .image img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.melisa .ilustrasi .image img{scale:1.2}}.top-help{margin-top:-30vh}@media screen and (max-width: 768px){.top-help{margin-top:-30vh}}@keyframes naikturun{0%,100%{margin-top:0}50%{margin-top:32px}}.naikturun{animation:naikturun 3s linear infinite}.negara{background:hsla(0,0%,100%,.8);width:40vw;margin:16px auto;border-radius:8px;padding:8px;display:block}@media screen and (max-width: 768px){.negara{width:100%}}.negara-name{display:inline-block;width:30%;vertical-align:middle}.negara-name .image{width:auto;height:70px}.negara-name .image img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.negara-name{width:30%}}.negara-name h4{color:#000;font-size:1rem}@media screen and (max-width: 768px){.negara-name h4{font-size:1rem}}.negara .datax{display:inline-block;width:65%;vertical-align:middle}@media screen and (max-width: 768px){.negara .datax{width:65%}}.negara .datax-buku{font-weight:bold;font-size:1.3rem}.negara .datax-buku::before{content:"";font-weight:normal;font-family:"Font Awesome 5 Pro"}.negara .datax-buku::after{content:"Buku per tahun";font-weight:normal;font-size:1rem}.negara .datax-durasi{font-weight:bold;font-size:1.3rem}.negara .datax-durasi::before{content:"";font-weight:normal;font-family:"Font Awesome 5 Pro"}.negara .datax-durasi::after{font-size:1rem;font-weight:normal;content:"jam per tahun"}.melisa .imagex{position:absolute;bottom:0;left:0;right:0;filter:grayscale(1) opacity(0.3);width:100%;height:fit-content}@media screen and (max-width: 768px){.melisa .imagex{bottom:38%;scale:2}}.melisa .imagex img{width:100%;height:100%;object-fit:contain}.melisa .image-ilustrasi{position:absolute;width:50%;height:100%;left:70%;top:60%;translate:-50% -50%}@media screen and (max-width: 768px){.melisa .image-ilustrasi{width:100%;height:fit-content}}.melisa .image-ilustrasi img{width:100%;height:100%;object-fit:contain}.melisa .hanya{animation-name:buku;z-index:8;animation-duration:502s;animation-iteration-count:infinite;animation-timing-function:linear}.melisa .bumi{animation-name:bumi;animation-duration:110s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes bumi{0%{transform:translate(-50%, 0) rotate(360deg)}100%{transform:translate(-50%, 0) rotate(-360deg)}}@keyframes buku{0%{transform:translate(-50%, 0) rotate(-360deg)}100%{transform:translate(-50%, 0) rotate(360deg)}}.titlex{font-size:3rem}@media screen and (max-width: 768px){.titlex{font-size:2.2rem}}.border-bottom{border-bottom:2px dashed #1a1a1a !important}.border-bottom p{color:#1a1a1a !important}.containerx{width:300%;height:100vh;display:flex;flex-wrap:nowrap}.containerx .rutex{display:block;margin-bottom:8px}@media screen and (max-width: 768px){.containerx .rutex{margin-bottom:4px}}.containerx .bullet{width:35px;height:35px;background:#49efc3;border-radius:50%;text-align:center;padding:3px;font-weight:600;vertical-align:middle;color:#0a4e3c;font-size:1.2rem;display:inline-block}.containerx .bullet.or{background:#f7bd42}.containerx .namex{font-family:"jost";font-size:1.2rem;vertical-align:middle;display:inline-block;width:80%}@media screen and (max-width: 768px){.containerx .namex{font-size:1rem}}.containerx .road{width:100%;height:20vh;background:#555;position:absolute;z-index:3;bottom:0}.containerx .lane{width:100%;height:6px;background:repeating-linear-gradient(80deg, #fff 10%, #fff 50%, transparent 75%, transparent 100%);position:absolute;top:50%;transform:translateY(-50%);background-size:40px 100%}.containerx .sidewalk{width:100%;height:10px;background:#777;position:absolute}.containerx .sidewalk.top{top:0}.containerx .sidewalk.bottom{bottom:0}.firstContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#ff0}.image-bg{position:absolute;width:101%;inset:0;height:100%}.image-bg img{width:100%;height:100%;object-fit:cover}.panelx{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.5em;text-align:center;position:relative;box-sizing:border-box;padding:0px}.panelx .box{padding:16px;z-index:5;background:hsla(0,0%,100%,.5);position:absolute;border-top:4px solid #777;border-radius:4px;top:100px;text-align:left;width:30%;left:65px}.panelx .box-tops{top:125px}.panelx .box-mintops{top:-8px}@media screen and (max-width: 768px){.panelx .box{width:85%;left:8px}}.panelx .box p{margin-bottom:0}.panelx .sudirman{position:absolute;left:50%;top:50%;transform:translate(0%, -50%);width:auto;height:80%;z-index:3}.panelx .sudirman img{width:100%;height:100%;object-fit:contain}.panelx .kota{position:absolute;bottom:20vh;width:100%;height:80%;z-index:3}@media screen and (max-width: 768px){.panelx .kota{position:absolute;width:150%;height:fit-content;z-index:3}}.panelx .kota img{width:100%;height:100%;object-fit:contain}.busway{width:35vw;height:auto;position:absolute;left:10%;bottom:24px;z-index:12}@media screen and (max-width: 768px){.busway{width:fit-content;height:96px;position:absolute;left:16px;bottom:46px;z-index:12}}.busway img{width:100%;height:100%;object-fit:contain}@keyframes banner{0%{transform:rotateY(0deg);left:-40px}50%{transform:rotateY(0deg);left:100%}51%{transform:rotateY(180deg);left:calc(100% + 40px)}100%{transform:rotateY(180deg);left:-40px}}.gojek{width:135px;height:135px;position:absolute;bottom:93px;left:-40px;z-index:8;animation:linear infinite;animation-name:banner;animation-duration:40s}@media screen and (max-width: 768px){.gojek{width:70px;height:70px}}.gojek img{width:100%;height:100%;object-fit:contain}@keyframes banner2{0%{transform:rotateY(180deg);right:-270px}50%{transform:rotateY(180deg);right:100%}51%{transform:rotateY(0deg);right:calc(100% + 270px)}100%{transform:rotateY(0deg);right:-270px}}.agya{position:absolute;z-index:8;right:0;width:200px;bottom:93px;animation:linear infinite;animation-name:banner2;animation-duration:40s}@media screen and (max-width: 766px){.agya{width:130px;animation-duration:20s}}.agya img{width:100%;height:100%;object-fit:contain}.buta-huruf{background:#0aa7a7}.buta-huruf .image{position:absolute;inset:0;width:100%;height:100vh}@media screen and (max-width: 768px){.buta-huruf .image{scale:2}}.buta-huruf .image img{width:100%;height:100%;object-fit:contain}.buta-huruf .wrap-detikx{margin-top:70vh}.buta-huruf p{color:#fff}.capaian{padding:72px 0 32px}@media screen and (max-width: 768px){.capaian{padding:42px 0 32px}}.capaian .wrapingx{position:relative;width:100%;background:#fff;border-radius:32px;margin-bottom:52px;margin-left:20px;display:inline-block}@media screen and (max-width: 768px){.capaian .wrapingx{width:90%}}.capaian .wrapingx .color-y1{background:#ffca00}.capaian .wrapingx .color-y2{background:#ffdd71}.capaian .wrapingx .color-b1{background:#2fc4de}.capaian .wrapingx .color-b2{background:#81d7ed}.capaian .wrapingx .color-g1{background:#00dca1}.capaian .wrapingx .color-g2{background:#72e9c4}.capaian .wrapingx .year{position:absolute;width:fit-content;box-shadow:2px 4px 1px rgba(0,0,0,.3);left:8px;padding:8px 16px;top:-8%;border-radius:24px}.capaian .wrapingx .year h4{font-size:1.4rem;margin-bottom:0;color:#000;padding-bottom:0}.capaian .wrapingx .data-all .titlex{padding:16px;text-align:center;border-radius:32px 32px 0 0}.capaian .wrapingx .data-all .titlex h5,.capaian .wrapingx .data-all .titlex h4{color:#000}.capaian .wrapingx .data-all .descriptionx{padding:16px}.capaian .wrapingx .data-all .descriptionx p{font-size:1.2rem;font-family:"Jost";font-weight:400}.capaian .step{padding:10px;display:flex;flex-direction:row;justify-content:flex-start}.capaian .v-stepper{position:relative}.capaian .step .circle{background-color:#fff;border:3px solid gray;border-radius:100%;width:20px;height:20px;display:inline-block}.capaian .step .line{top:20px;left:8px;height:100%;position:absolute;border-left:3px solid gray}.capaian .step.completed .circle{visibility:visible;background-color:#0696d7;border-color:#0696d7}.capaian .step.completed .line{border-left:3px solid #0696d7}.capaian .step.active .circle{visibility:visible;border-color:#0696d7}.capaian .step.empty .circle{visibility:hidden}.capaian .step.empty .line{top:0;height:150%}.capaian .step:last-child .line{border-left:3px solid #fff;z-index:-1}/*# sourceMappingURL=new.css.map */