@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Alfa+Slab+One&family=Rowdies&family=Outfit:wght@400;700&family=Prompt:wght@400;700&display=swap";section{padding:32px 0;min-height:100vh;z-index:11;background:#b9e7f2;position:relative}section h3{color:#cb0024}section .bg-block{background:#fff;padding:16px;border-radius:16px}section .text-center h3{font-size:2.5rem}section p,section li{font-size:1rem}@media screen and (max-width: 400px){section p,section li{font-size:.9rem}}.slick-next,.slick-prev{z-index:17 !important;width:40px;height:40px;border-radius:50%;background:rgba(206,147,82,.8)}.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:"fontAwesome" !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:32px !important}}.slick-prev{left:-16px !important}@media screen and (max-width: 768px){.slick-prev{left:-16px !important}}.slick-prev::before{content:"" !important}.slick-next{right:-16px !important}@media screen and (max-width: 768px){.slick-next{right:-16px !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}}.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}html,body{position:relative;height:100%;font-family:"Poppins" !important}html h1,html h2,html h3,body h1,body h2,body h3{font-weight:700;font-family:"Prompt" !important}h4,h5{font-family:"Poppins",sans-serif !important}.slick-slide{margin:0 8px}.slick-list{margin:0 -8px}.img{width:100%;height:320px}@media screen and (max-width: 768px){.img{height:250px}}.img img{width:100%;height:100%;object-fit:cover}.hello{width:100%;height:auto;background:linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2));border-radius:16px;margin-bottom:16px}.hello .img img{border-radius:16px 16px 0 0}.hello .content{padding:16px}#nav.no_index,#share{z-index:21}.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:#4d78a1 !important;backdrop-filter:blur(11px)}@media screen and (max-width: 766px){#nav{backdrop-filter:initial;background:#4d78a1 !important}}.bg-blues{background:#b9e7f2 !important}.share_icon>a{padding: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;filter:drop-shadow(2px 4px 6px black);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:"Prompt" !important;font-size:1.2rem}@media screen and (max-width: 768px){.banner .small-banner{font-size:1.7rem !important}}.banner .lingkaran{position:absolute;bottom:0;z-index:2;width:100%;height:100%}.banner .lingkaran img{width:100%;height:100%;object-fit:cover}@keyframes woww{0%{top:10%;opacity:0}10%{top:10%;opacity:.5}50%{top:5%;opacity:1}70%{top:5%;opacity:1}80%{top:5%;opacity:.5}90%{top:5%;opacity:0}100%{top:0;opacity:0}}.banner .meriah{position:absolute;top:10%;animation:woww 2s linear infinite;opacity:0;left:50%;transform:translate(-50%, 0);right:0;width:60%;height:auto;z-index:1}@media screen and (max-width: 768px){.banner .meriah{width:100%;top:30%}}.banner .meriah img{width:100%;height:100%;object-fit:contain}.banner .nanam{position:absolute;right:0;bottom:0;width:320px;height:auto;z-index:2}.banner .nanam img{width:100%;height:100%;object-fit:contain}.banner .arrow-atasx{position:absolute;left:-10%;top:0;width:50%;z-index:2;height:fit-content}@media screen and (max-width: 768px){.banner .arrow-atasx{top:16%;width:100%}}.banner .arrow-atasx img{width:100%;height:100%;object-fit:contain}.banner .wow{position:absolute;inset:0;width:100%;height:100%;z-index:1}.banner .wow img{width:100%;height:100%;object-fit:cover}.banner .superman{position:absolute;bottom:0;left:0;right:0;width:auto;z-index:3;height:80%}@media screen and (max-width: 768px){.banner .superman{height:55%}}.banner .superman img{width:100%;height:100%;object-fit:contain}@keyframes MoveUpDown{0%{bottom:6vh;opacity:1}20%{bottom:6vh;opacity:1}30%{bottom:6vh;opacity:1}50%{bottom:10vh;opacity:1}70%{bottom:14vh;opacity:1}100%{bottom:6vh;opacity:1}}@keyframes MoveUpDownMob{0%{bottom:0vh;opacity:1}20%{bottom:0vh;opacity:1}30%{bottom:0vh;opacity:1}50%{bottom:3vh;opacity:1}70%{bottom:6vh;opacity:1}100%{bottom:0vh;opacity:1}}.banner .belakang{position:absolute;left:0;right:0;width:auto;height:66%;z-index:2;bottom:6vh}.banner .belakang-two{animation:MoveUpDown 3s linear infinite;bottom:10vh;left:50%}@media screen and (max-width: 768px){.banner .belakang{bottom:8vh}}.banner .belakang img{width:100%;height:100%;object-fit:contain}.banner .judul{position:absolute;left:50%;top:20%;z-index:2;width:100%;transform:translate(-50%, -50%);text-align:center}@media screen and (max-width: 768px){.banner .judul{position:absolute;left:50%;top:20%;z-index:2;width:100%}}.banner .judul h2{font-size:3rem;line-height:2.8rem;font-family:"Rowdies";color:#42689e;filter:drop-shadow(2px 4px 6px white)}@media screen and (max-width: 768px){.banner .judul h2{line-height:1.7rem;font-size:3rem}}.opening{position:relative;margin-top:-5%;min-height:auto;border-radius:50px 50px 0 0;background:#fff;box-shadow:7px 7px 15px 10px rgba(0,0,0,.1)}.opening .bgx{position:absolute;inset:0;width:100%;height:100%;opacity:.95;z-index:1;border-radius:50px 50px 0 0}.opening .bgx img{width:100%;border-radius:50px 50px 0 0;height:100%;object-fit:cover}.opening .lingkaran{position:absolute;border-radius:50%;background:rgba(231,244,247,.6)}.opening .lingkaran-gede{width:250px;height:250px;top:15%;right:-10%}@media screen and (max-width: 768px){.opening .lingkaran-gede{right:-20%;width:175px;height:175px}}@media screen and (max-width: 768px){.opening{margin-top:-24%}}.opening h3{color:#003a70}.opening .blocking{display:block;margin:0 auto;text-align:center}.opening .blocking__img{display:inline-block;width:250px;margin:0 8px;height:250px}@media screen and (max-width: 768px){.opening .blocking__img{width:135px;height:135px}}.opening .img{height:100%;position:relative}.opening .img::before{position:absolute;content:"";bottom:0;z-index:-1;left:0;right:0;height:70%;width:100%;background:#607975}.opening .img .org{width:100%;height:100%}@media screen and (max-width: 768px){.opening .img{height:150px}}.opening .img img{object-fit:cover}.bg-lingkaran{position:absolute;inset:0;width:100%;height:auto}.bg-lingkaran img{width:100%;height:100%;object-fit:contain}@keyframes animate1{from{stroke-dashoffset:4000}to{stroke-dashoffset:0}}.line .cls-1{stroke-dasharray:4510;stroke-dashoffset:0;animation:animate1 2s linear alternate infinite}.data{padding:72px 0 32px;background-size:contain;background-image:url(../img/bgbg.jpg);background-position:center}.data .pelengkap{font-size:.8rem}.data::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, #b9e7f2, rgba(185, 231, 242, 0.7), #b9e7f2);width:100%;height:100%}@media screen and (max-width: 768px){.data::after{background:linear-gradient(to top, #b9e7f2, rgba(185, 231, 242, 0.8), #b9e7f2)}}.data::before{content:"";position:absolute;border-radius:0 0 50px 50px;top:0;z-index:2;left:0;background-size:cover;right:0;width:100%;height:30px;background-image:url(../img/kertas.jpg);background-position:bottom;background-size:cover;box-shadow:12px 16px 15px 10px rgba(0,0,0,.1)}.data .dats{display:inline-block;vertical-align:middle}.data .data-all{display:inline-block;width:280px;margin:0 24px;vertical-align:top}@media screen and (max-width: 768px){.data .data-all{width:150px;margin:0 8px}}@media screen and (max-width: 360px){.data .data-all{width:140px}}.data .gambar{width:100%;position:relative;height:280px}@media screen and (max-width: 768px){.data .gambar{height:165px;width:90%}}.data .gambar img{width:100%;height:100%;object-fit:cover}.data .gambar--one{position:absolute;inset:0;width:100%;height:100%}@keyframes duit{0%,100%{top:5%;right:0}50%{top:10%;right:8px}}.data .gambar--duit{position:absolute;animation:duit 2s linear infinite;right:0;top:5%;width:80px;height:auto}@media screen and (max-width: 768px){.data .gambar--duit{width:40px}}.data .gambar--duit img{width:100%;height:100%;object-fit:contain}@keyframes coin{0%,100%{top:0;left:0}50%{top:10%;left:8px}}.data .gambar--coin{position:absolute;animation:coin 3s linear infinite;left:0;top:0;width:80px;height:auto}@media screen and (max-width: 768px){.data .gambar--coin{width:40px}}.data .gambar--coin img{width:100%;height:100%;object-fit:contain}.data .gambar--presentasi{position:absolute;right:-16px;top:25%;z-index:3;width:74px;height:auto}@media screen and (max-width: 768px){.data .gambar--presentasi{width:40px}}@keyframes spin{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}.data .gambar--diagram{position:absolute;top:-16px;right:8px;width:40%;height:auto}.data .gambar--diagram img{animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;border-radius:50%}.data .gambar--badan{position:absolute;top:0;right:0;width:100%;height:auto}@keyframes tangans{0%,100%{transform:rotate(0deg);left:-54px;top:2px}50%{transform:rotate(-10deg);left:-56px;top:5px}}@keyframes tangansmob{0%,100%{transform:rotate(0deg);left:-27px;top:2px}50%{transform:rotate(-10deg);left:-29px;top:5px}}.data .gambar--tangan{position:absolute;left:-54px;height:auto;z-index:5;width:60px;animation:tangans 2s linear infinite;top:4px}@media screen and (max-width: 768px){.data .gambar--tangan{width:30px;left:-27px;animation:tangansmob 2s linear infinite}}.data .gambar--hitam{position:absolute;left:8px;bottom:60%;width:75px;height:auto;display:none;z-index:3}@media screen and (max-width: 768px){.data .gambar--hitam{width:40px}}.data .gambar--badan-hitam{position:absolute;top:0;left:-25%;width:100%;height:auto}@keyframes geleng{0%,100%{transform:rotate(0deg);left:-8px}50%{transform:rotate(-6deg);left:-8px}}.data .gambar--kepala{position:absolute;transform:rotate(0deg);animation:geleng 2s linear infinite;top:-30px;left:-8px;width:40px;height:auto}@media screen and (max-width: 768px){.data .gambar--kepala{width:25px;top:-20px}}.data .gambar--monitor{position:absolute;left:50%;width:70%;z-index:2;top:30%;transform:translate(-50%, -50%)}.data .keterangan{margin-top:16px}.data .keterangan .judul{font-size:1.5rem}@media screen and (max-width: 768px){.data .keterangan .judul{font-size:1.1rem}}@keyframes bg{0%,100%{background:transparent}50%{background:linear-gradient(to right, white, transparent)}}.data .keterangan .nominal{font-size:3rem;background:transparent;font-weight:700;line-height:2.5rem;color:#003a70}@media screen and (max-width: 768px){.data .keterangan .nominal{line-height:1.5rem;font-size:1.7rem}}.data .pencapaian{margin-bottom:16px}.data .pencapaian .gam{width:50%;display:inline-block;height:auto}.data .pencapaian .gam img{width:100%;height:100%;object-fit:contain}.data .pencapaian .cont{display:inline-block;vertical-align:middle;width:45%}.data .pencapaian .cont--angka{font-size:1.5rem;line-height:1rem;font-weight:bold}.credit{min-height:auto;color:#222}.credit .title{color:#444}@media screen and (max-width: 768px){.credit .title{font-size:.8rem}}.credit .nama{font-size:1rem;font-weight:700}@media screen and (max-width: 768px){.credit .nama{font-size:1rem}}.credit .footer-bawah{position:absolute;left:0;right:0;width:100%;height:auto;top:-60%}@media screen and (max-width: 768px){.credit .footer-bawah{bottom:60%}}.credit .footer-bawah img{width:100%;height:100%;object-fit:contain}.inovasi{background:#86b2db}.inovasi .batasx{position:absolute;top:-3%;width:fit-content;height:100px;z-index:1}.inovasi .batasx.rightx{right:0}@media screen and (max-width: 768px){.inovasi .batasx.rightx{display:none}}@media screen and (max-width: 768px){.inovasi .batasx{top:-3%}}.inovasi .batasx img{width:100%;height:100%;object-fit:contain}.inovasi .bg{position:relative;width:100%;margin:0 auto;display:block;height:480px}@media screen and (max-width: 768px){.inovasi .bg{height:fit-content}}.inovasi .bg img{width:100%;height:100%;object-fit:contain}.inovasi .kecil{font-size:.7rem !important}.inovasi .blocking{display:block;width:100%;margin-bottom:24px}.inovasi .blocking .hp{display:inline-block;width:40%;height:auto;vertical-align:middle;position:relative;z-index:2}.inovasi .blocking .hp img{width:100%;height:100%;object-fit:contain}.inovasi .blocking .cont{display:inline-block;margin-left:-32px;background:rgba(255,255,255,.6);padding:8px 8px 8px 36px;border-radius:16px;vertical-align:middle;position:relative;width:66%;z-index:1}@media screen and (max-width: 768px){.inovasi .blocking .cont{width:60%}}.inovasi .blocking .cont .d-block{padding-top:8px}.inovasi .blocking .cont .kk{margin-bottom:16px}.inovasi .blocking .cont .judul{font-size:1rem}@media screen and (max-width: 360px){.inovasi .blocking .cont .judul{font-size:.9rem}}.inovasi .blocking .cont .angka{font-size:2.5rem;line-height:2.2rem;font-weight:700;color:#003a70}.inovasi .blocking .cont .angka.vol{font-size:1.7rem}.inovasi .blocking .cont small{display:inline-block;font-size:1rem}.inovasi .blocking .cont .markup{width:20px;display:inline-block;height:auto}.inovasi .blocking .cont .markup img{width:100%;height:100%;object-fit:contain}.inovasi .putus-putus{border-bottom:1px dashed #fff;padding-bottom:16px}.inovasi .imgs{width:100%;height:200px;position:relative}.inovasi .imgs #progressbar{height:14px;position:absolute;right:30%;top:85%;width:87px;background:#0a66bb;border-radius:16px;margin:-20px 0 0 -100px;padding:2px}@media screen and (max-width: 360px){.inovasi .imgs #progressbar{right:25% !important}}@media screen and (max-width: 768px){.inovasi .imgs #progressbar{right:27%}}.inovasi .imgs #loading{transition:all 500ms ease;height:7px;width:calc(100% - 10px);border-radius:10px;background:#fff;position:absolute;margin:2px;display:inline-block;animation:load 5s ease infinite}.inovasi .imgs #load{font-family:"Poppins",sans-serif;font-size:10px;text-align:center;margin-top:19px;letter-spacing:1px;color:#fff}@keyframes load{0%{width:2%}10%{width:10%}}.inovasi .imgs img{width:100%;height:100%;object-fit:contain}.inovasi .logo-smart{position:absolute;top:0;left:0;width:150px;height:auto}.inovasi .logo-smart img{width:100%;height:100%;object-fit:contain}.inovasi .contents ol{list-style-type:none}.parallax{background-image:url("../img/pejabat.jpeg");min-height:500px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 768px){.parallax{min-height:200px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-color:#b9e7f2;background-size:contain}}.bg-pol{position:absolute;inset:0;width:100%;height:100%}.bg-pol img{width:100%;height:100%;object-fit:cover}@keyframes ups{0%,100%{margin-top:0px}50%{margin-top:4px}}.markup{width:20px;margin-top:0;display:inline-block;height:auto;vertical-align:middle}.markup.rot{transform:rotate(180deg)}.markup img{width:100%;height:100%;object-fit:contain}.komitmen .ilustrasi{width:80%;margin:50px auto 0;display:block;text-align:center;position:relative;height:400px}@media screen and (max-width: 768px){.komitmen .ilustrasi{height:400px;margin:32px auto 0}}.komitmen .ilustrasi .injakan{position:absolute;left:50%;width:65%;transform:translate(-50%, -50%);top:50%}@media screen and (max-width: 768px){.komitmen .ilustrasi .injakan{width:100%}}.komitmen .ilustrasi .org{position:absolute;height:auto;width:110px}@media screen and (max-width: 768px){.komitmen .ilustrasi .org{width:100px}}.komitmen .ilustrasi .org-one{right:26%;bottom:35%;z-index:4}@media screen and (max-width: 768px){.komitmen .ilustrasi .org-one{right:15%;bottom:35%}}.komitmen .ilustrasi .org-two{right:30%;bottom:60%;z-index:3}@media screen and (max-width: 768px){.komitmen .ilustrasi .org-two{right:15%;bottom:60%}}.komitmen .ilustrasi .org-three{right:55%;bottom:60%;z-index:3}@media screen and (max-width: 768px){.komitmen .ilustrasi .org-three{right:58%;bottom:55%}}.komitmen .ilustrasi img{width:100%;height:100%;object-fit:contain}.komitmen .hello{position:relative;margin-bottom:24px}.komitmen .hello .content{padding:16px 0;position:relative}.komitmen .imgs{position:absolute;width:150px;top:45%;height:150px;left:20%;transform:translate(-50%, -50%)}.komitmen .imgs img{width:100%;height:100%;object-fit:contain}.komitmen .conetents{padding:0 16px 16px 135px}@media screen and (max-width: 768px){.komitmen .conetents{padding:0 16px 16px 120px}}.komitmen .conetents .judul{font-size:1.2rem;line-height:1.4rem}@media screen and (max-width: 768px){.komitmen .conetents .judul{font-size:1rem;line-height:1.1rem}}.komitmen .conetents .angka{font-size:2.5rem;font-weight:700;color:#003a70}@media screen and (max-width: 768px){.komitmen .conetents .angka{font-size:1.7rem}}@keyframes upup{0%,100%{margin-top:-4px}50%{margin-top:8px}}.komitmen .conetents .imgup{animation:upup 1s linear infinite;width:20px;margin-top:-4px;height:auto;position:absolute}.komitmen .conetents .imgup img{width:100%;height:100%;object-fit:contain}.komitmen .conetents .an{display:inline-block;margin-left:32px;font-size:1rem}.komitmen .bg-pol::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #b9e7f2, rgba(185, 231, 242, 0.6), #b9e7f2)}.apresiasi .bg-lingkaran{position:absolute;inset:0;width:100%;height:100%}.apresiasi .bg-lingkaran img{width:100%;height:100%;object-fit:cover}.apresiasi .judul-block{width:fit-content;margin:0 auto 32px;position:relative;border-radius:16px;text-align:center}@keyframes dash{100%{background-position:100% 0%,0% 100%,0% 0%,100% 100%}}.apresiasi .judul-block span{position:absolute;left:50%;width:60%;height:2px;bottom:-35%;transform:translate(-50%, -50%)}.apresiasi .judul-block span::before{content:"";display:block;position:absolute;left:0;right:0;top:-5px;bottom:0;width:100%;height:100%;background:linear-gradient(90deg, #a58251 50%, transparent 50%),linear-gradient(90deg, #a58251 50%, transparent 50%),linear-gradient(0deg, #a58251 50%, transparent 50%),linear-gradient(0deg, #a58251 50%, transparent 50%);background-size:8px 1px,0px 1px,0px 1px,0px 1px;background-position:0% 0%,100% 100%,0% 100%,100% 0px;animation:dash 50s linear infinite}.apresiasi .judul-block h3{color:#003a70;font-size:2.2rem}.apresiasi .wrap-semua{display:block;position:relative;z-index:2;text-align:center;margin:32px 0}.apresiasi .wrap-semua .width-logo{width:20%;display:inline-block;height:auto;margin:24px 52px}@media screen and (max-width: 768px){.apresiasi .wrap-semua .width-logo{width:75%}}.apresiasi .wrap-semua .logonya{width:180px;height:120px;padding:8px;border-radius:16px 16px 0 0;background:linear-gradient(45deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));margin:0 auto}.apresiasi .wrap-semua .logonya img{width:100%;height:100%;object-fit:contain}.apresiasi .wrap-semua .logox{position:relative;padding:8px;text-align:center;background-color:#003a70;color:#fff;font-size:1rem;font-style:italic;font-family:"Poppins",sans-serif}.apresiasi .wrap-semua .logox ol{list-style-type:none;text-align:left;padding:0;margin:0}.apresiasi .wrap-semua .logox ol li{font-size:.8rem}.apresiasi .wrap-semua .logox::before,.apresiasi .wrap-semua .logox::after{content:"";width:60px;height:100%;background-color:#0c5497;position:absolute;z-index:-1;top:20px;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);background-image:linear-gradient(45deg, transparent 50%, #1b7bd2 50%);background-size:20px 20px;background-repeat:no-repeat;background-position:bottom right}.apresiasi .wrap-semua .logox::before{left:-40px}.apresiasi .wrap-semua .logox::after{right:-40px;transform:scaleX(-1)}/*# sourceMappingURL=style.css.map */