@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Michroma&family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Special+Gothic+Expanded+One&display=swap";@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:#61cee7;background-size:contain}.preloader::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #61cee7, rgba(97, 206, 231, 0.6), #61cee7)}.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:450px}}.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;background:#61cee7;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:1.6rem}}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:50%}}.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:0% !important}}.slick-prev::before{content:"" !important}.slick-next{right:-16px !important}@media screen and (max-width: 768px){.slick-next{right:0% !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:300}.jost{font-family:"jost" !important;font-size:1.5rem}@media screen and (max-width: 768px){.jost{font-size:1.3rem;text-align:left !important}}html,body{position:relative;height:100%;background:#61cee7;font-family:"Poppins" !important}html p,html li,body p,body li{font-family:"Poppins" !important;font-weight:400 !important}html h1,html h2,body h1,body h2{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:#61cee7 !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.5));padding:16px 32px;border-radius:16px;margin-bottom:35vh}.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:relative}.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}}.source-code{border-bottom:1px dashed #fff;margin-bottom:16px}.source-code p{font-family:"Source Code Pro";text-align:center}.creditx{min-height:auto !important;background:#8fa6b5;padding-top:48px !important}.creditx .alls{width:75%;font-size:1rem;margin:0 auto;text-align:center;color:#fff;margin-bottom:16px}@media screen and (max-width: 768px){.creditx .alls{width:100%;font-size:1rem}}.creditx .alls .jobs{font-weight:bold}.creditx::after{width:0;height:0;position:absolute;top:0;left:50%;translate:-50% -50%;border-left:25px solid rgba(0,0,0,0);border-right:25px solid rgba(0,0,0,0);border-top:50px solid #a6bfce;content:""}.tgl{font-family:"Source Code Pro";margin:16px 0;width:fit-content}.alls{margin-bottom:16px}.content_indent{background:#fff}.kanal{background:red;font-size:1.2rem;text-transform:uppercase;color:#fff;width:fit-content;margin:0 auto;padding:8px}@media screen and (max-width: 768px){.kanal{margin:0;font-size:1rem}}.banner{padding:0}@media screen and (max-width: 768px){.banner{min-height:65vh}}.banner .z4{z-index:4}@keyframes awan{0%,100%{right:20%}50%{right:23%}}.banner .awan{position:absolute;right:20%;top:20%;width:100px;height:auto;animation:awan 5s linear infinite}@media screen and (max-width: 768px){.banner .awan{width:70px}}.banner .awan img{width:100%;height:100%;object-fit:contain}@keyframes bannerMob{0%{transform:rotateY(180deg);right:-110%}50%{transform:rotateY(180deg);right:100%}51%{transform:rotateY(0deg);right:calc(100% + 270px)}100%{transform:rotateY(0deg);right:-110%}}@keyframes banner{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}}@keyframes mobs{0%{transform:rotateY(180deg);left:-270px}100%{transform:rotateY(180deg);left:50%}}.banner .mobil{position:absolute;bottom:25vh;width:230px;height:auto;transform:rotateY(180deg);left:50%;animation-duration:10s;animation-name:mobs}@media screen and (max-width: 768px){.banner .mobil{position:absolute;left:15%;bottom:15%;width:170px;height:auto}}.banner .mobil img{width:100%;height:100%;object-fit:contain}.banner .bulldozer{position:absolute;right:0;bottom:24px;width:600px;height:auto;animation:linear infinite;animation-duration:60s;animation-name:banner}@media screen and (max-width: 768px){.banner .bulldozer{animation-name:bannerMob;width:400px}}.banner .bulldozer img{width:100%;height:100%;object-fit:contain}.banner .image{width:100vw;position:absolute;inset:0;height:100vh}@media screen and (max-width: 768px){.banner .image{height:65vh}}.banner .image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.banner .image img{object-fit:cover}}.pembukaan{padding:0}.pembukaan .title{text-align:center;margin:8px 0 24px}@media screen and (max-width: 768px){.pembukaan .title{text-align:left}}.pembukaan .title h2{font-size:4.3rem;font-family:"jost"}@media screen and (max-width: 768px){.pembukaan .title h2{font-size:2.5rem}}.infog{padding:0;background:#5f9ea0}.infog .hello li{color:#1a1a1a}.infog .box,.infog .box2{position:relative;z-index:8}@media screen and (max-width: 768px){.infog .help-awan{position:absolute;bottom:0;left:0;right:0;width:100%;height:20px;background:#497f7f}}.infog .help-awan img{width:100%;height:100%;object-fit:cover}.infog .gubernur{position:absolute;left:50%;top:75%;width:100%;height:79%;translate:-50% -50%}@media screen and (max-width: 768px){.infog .gubernur{top:85%;width:100%;height:65%}}.infog .gubernur img{width:100%;filter:drop-shadow(0px 9px 4px black);height:100%;object-fit:contain}.infog .all-sampah{position:absolute;left:50%;top:50%;translate:-50% -50%;width:100%}@media screen and (max-width: 768px){.infog .all-sampah{position:absolute;left:50%;top:65%;scale:1.3;translate:-50% -50%;width:100%}}.infog .all-sampah img{width:100%;height:100%;object-fit:contain}.infog .tong-sampah{position:absolute;bottom:0;left:0;width:350px;height:auto;z-index:2}@media screen and (max-width: 768px){.infog .tong-sampah{width:50%;bottom:16%;left:-16%}}.infog .tong-sampah img{width:100%;height:100%;object-fit:contain}.infog .kota{position:absolute;bottom:8%;left:0;right:0;z-index:1;width:100%;height:50vh}.infog .kota img{width:100%;height:100%;object-fit:contain}.infog .gunung{position:absolute;bottom:0;z-index:2;right:0;width:480px;height:auto}@media screen and (max-width: 768px){.infog .gunung{width:55%;bottom:16%;right:-16%}}.infog .gunung img{width:100%;height:100%;object-fit:contain}.infog .bak{position:absolute;bottom:0;z-index:2;right:0;width:480px;height:auto}@media screen and (max-width: 768px){.infog .bak{width:55%;bottom:16%;right:-16%}}.infog .bak img{width:100%;height:100%;object-fit:contain}.infog .center-text{position:absolute;left:50%;top:30%;translate:-50% -50%;text-align:center;z-index:8;width:60%}@media screen and (max-width: 768px){.infog .center-text{width:90%;top:50%}}.infog .center-text h3{color:#fff}@media screen and (max-width: 768px){.infog .center-text h3{font-size:2.4rem}}.infog .text1{width:50%;height:100vh;position:absolute;left:0;top:0;bottom:0;z-index:3}.infog .text1 .img{width:100%;height:100%}.infog .text1 .img img{width:100%;height:100%;object-fit:cover}.infog .text2{width:50%;z-index:3;height:100vh;position:absolute;right:0;top:0;bottom:0}.infog .text2 .img{width:100%;height:100%}.infog .text2 .img img{width:100%;height:100%;object-fit:cover}.data-infog{background:#01cdf0;color:#eaeaea}.data-infog .hello li{color:#1a1a1a;font-size:1rem;margin-bottom:16px}.data-infog .hello li h5{font-size:1.3rem;color:#444;font-weight:bold;font-family:"jost" !important;text-decoration:underline;margin-bottom:8px}@media screen and (max-width: 768px){.data-infog .hello ul{margin:0;padding:0}}.data-infog .sub-title{font-size:2rem;color:#1a1a1a;display:inline-block;margin-left:8px;vertical-align:middle;max-width:60%;padding:4px 8px}@media screen and (max-width: 768px){.data-infog .sub-title{font-size:2rem;width:100%;max-width:100%;text-align:center}}.data-infog .tong-infog{position:absolute;inset:0;width:100%;height:100vh;margin:0 auto}.data-infog .tong-infog img{width:100%;height:100%;object-fit:contain}.data-infog .gambar{width:200px;display:inline-block;height:200px}@media screen and (max-width: 768px){.data-infog .gambar{width:35%;display:inline-block;height:auto}}.data-infog .gambar img{width:100%;height:100%;object-fit:contain}.data-infog .penjelasan{display:inline-block;margin-left:8px;width:60%;vertical-align:middle}.data-infog .penjelasan h4{font-size:1.8rem}.data-infog .penjelasan p{font-size:1.2rem;color:#eaeaea}@keyframes awanx{0%,100%{left:16%}50%{left:19%}}.awanx{position:absolute;left:16%;top:16%;animation:awanx 5s linear infinite;width:150px;height:auto}.awanx img{width:100%;height:100%;object-fit:contain}#map{height:100%;width:100%}.leaflet-popup-content-wrapper{background:#2c2c2c;color:#fff;border-radius:8px;border:1px solid #444}.leaflet-popup-tip{background:#2c2c2c}.tpa-title{color:#0f8;font-weight:bold;font-size:1.1em;margin-bottom:5px}hr{border:0;border-top:1px solid #444;margin:8px 0 24px}.dark-leaflet-map{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.leaflet-layer,.leaflet-control-zoom-in,.leaflet-control-zoom-out,.leaflet-control-attribution{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}@keyframes pulse-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}100%{transform:scale(1);opacity:1}}.animated-icon{animation:pulse-animation 2s infinite ease-in-out}:root{--phone-color: #000}.handphone #phone{margin:0 auto;display:block;text-align:center;width:414px;height:600px;border:12px solid var(--phone-color);border-radius:2.5rem;background:var(--phone-color);position:relative}@media screen and (max-width: 768px){.handphone #phone{width:320px}}.handphone #di{position:absolute;width:150px;height:30px;border-radius:20px;background:#000;top:10px;left:50%;transform:translateX(-50%)}.handphone .button{position:absolute;width:5px;background-color:var(--phone-color)}.handphone .button.left{left:-14px;border-top-left-radius:25px;height:46px}.handphone .button.right{top:142px;height:64px;right:-14px;border-top-right-radius:25px}.handphone .button.left:nth-of-type(1){top:72px;height:26px}.handphone .button.left:nth-of-type(2){top:124px}.handphone .button.left:nth-of-type(3){top:178px}.handphone .content{width:100%;height:100%;overflow:hidden;border-radius:1.5rem}.handphone .content img{width:100%;height:100%}.handphone img{object-fit:cover;display:block}.iframe-help{width:100%;height:80vh;border:none}@media screen and (max-width: 768px){.iframe-help{width:100%}}.hahax{height:100%;position:relative;width:100%;padding:16px;background:#fff}@media screen and (max-width: 768px){.hahax{padding:8px}}.hahax .kota p{font-size:1.2rem}.hahax h3{color:#000;font-size:1.5rem}.gubernurx{width:200px;height:200px;border-radius:50%;display:inline-block;vertical-align:middle;border:3px solid}@media screen and (max-width: 768px){.gubernurx{display:block;margin:0 auto;text-align:center}}.gubernurx img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mbak-mel{padding:0}.mbak-mel .box2{position:relative;z-index:8}.mbak-mel .lala{font-size:2.5rem;width:fit-content;margin:0 auto;padding:4px 24px;background:#ffeb3b;color:#304648}@media screen and (max-width: 768px){.mbak-mel .lala{font-size:1.6rem}}.mbak-mel .data-sampah{height:100vh}.mbak-mel .data-sampah .judul{text-align:center;color:#304648;background:hsla(0,0%,100%,.7);padding:4px;border-radius:16px}@media screen and (max-width: 768px){.mbak-mel .data-sampah .judul{font-size:2.2rem}}.mbak-mel .data-sampah p{color:#fff;font-size:1rem}.mbak-mel .data-sampah .wraps{width:50%;padding:16px;border-radius:16px;background:rgba(48,70,72,.8)}@media screen and (max-width: 768px){.mbak-mel .data-sampah .wraps{width:100%}}.mbak-mel .data-sampah .wraps .tagging{background:orange;padding:4px;width:fit-content;border-radius:8px}.mbak-mel .cek-bg{width:100%;height:100vh;background:#fff}.mbak-mel .cek-bg .text12,.mbak-mel .cek-bg .text22{opacity:0}.mbak-mel .cek-bg::before{content:"";position:absolute;left:0;right:0;z-index:3;bottom:0;width:100%;height:30vh;background:#a6bfcf}@media screen and (max-width: 768px){.mbak-mel .cek-bg::before{height:40vh}}.mbak-mel .z-2{z-index:2 !important}.mbak-mel-bg{position:absolute;inset:0;z-index:3}.mbak-mel-bg img{width:100%;height:100%;object-fit:contain}.col-md-5 h3{color:#000}.col-md-5 .kota{background:#ff0;padding:4px 24px;border-radius:8px;width:fit-content}.col-md-5 .kota p{margin-bottom:0;font-size:1rem;font-weight:bold}.dampak{height:100%;position:relative}.dampak .image{width:100%;position:relative;height:100vh}@media screen and (max-width: 768px){.dampak .image{height:fit-content}}.dampak .image::before{content:"";position:absolute;inset:0;z-index:-1;width:100%;height:100%;background:linear-gradient(to bottom, transparent 55%, white 55%)}.dampak .image img{width:100%;height:100%;object-fit:contain}.h-100{height:100%}.button-team{position:absolute;left:50%;z-index:8;width:45%;top:50%;translate:-50% -50%}.button-team .btn-click{background:#ffeb3b;padding:8px;border-radius:36px;margin-bottom:8px;font-weight:bold;border:3px solid #fff;font-size:1.8rem}@media screen and (max-width: 768px){.button-team .btn-click{font-size:1.3rem}}.modal-body{padding:0;background:#fffde5}.modal-body .allsh b{font-size:1.3rem}.modal .bg-yellowkids{background:#fffde5}.modal .image{background:linear-gradient(to top, #fffde5 40%, #61cee7 40%);width:100%;padding:50px;height:420px}@media screen and (max-width: 768px){.modal .image{height:fit-content;padding:16px}}.modal .image img{width:100%;height:100%;object-fit:contain}/*# sourceMappingURL=style.css.map */