@import"https://fonts.googleapis.com/css2?family=Zain:wght@300;400;900&family=Bitter:wght@400;600&family=Rubik&family=Paytone+One&family=Source+Code+Pro:wght@400;900&family=Roboto&family=Outfit:wght@300;400;900&family=Mulish&display=swap";.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:#8bd7db;background-image:url("../img/anim.png");background-size:contain}.preloader::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #8bd7db, rgba(139, 215, 219, 0.6), #8bd7db)}.preloader .waiting{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:135px;height:auto}.preloader .waiting img{width:100%;height:100%;object-fit:contain}.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"}section{padding:32px 0;background:#8bd7db;min-height:100vh;z-index:11;position:relative}section h3{font-family:"Outfit",sans-serif;font-weight:700;color:#124646;font-size:2rem}@media screen and (max-width: 768px){section h3{font-size:1.6rem}}section .bg-block{background:#fff;padding:16px;border-radius:16px}section p,section li{font-size:1.2rem;color:#252525}@media screen and (max-width: 768px){section p,section li{font-size:1rem}}@media screen and (max-width: 400px){section p,section li{font-size:1rem}}.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}}.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;background:#8bd7db}html,body{position:relative;height:100%;background:#8bd7db;font-family:"Mulish" !important;font-weight:400}html h1,html h2,body h1,body h2{font-family:"Outfit";color:#124646;font-weight:700}h4,h5{font-family:"Mulish",sans-serif !important;font-weight:bold}.slick-slide{margin:0 8px}.slick-list{margin:0 -8px}.img{width:100%}.img img{width:100%;height:100%;object-fit:cover}.hello{width:100%;height:auto;margin-top:8px;border-radius:16px;margin-bottom:16px;background:linear-gradient(to right, #baf5ed, rgba(186, 245, 237, 0.8));position:relative}.hello .content{padding:16px 16px;position:relative;z-index:2}.hello .content p{margin-bottom:0}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}#nav.dark{background:linear-gradient(-45deg, #33a4b9, #3f748d) !important}.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:linear-gradient(45deg, #333, #10607d) !important}.bg-blues{background:#8bd7db !important;position:relative;z-index:12}.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;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:"Mulish" !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}@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}.banner{padding:0}.banner :root{--color: rgba(122, 122, 124, 0.918)}.banner .image{position:absolute;width:75%;height:auto;left:50%;top:45%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.banner .image{left:65%;width:100%;transform:translate(-50%, -50%) scale(2)}}.banner .image.second{left:50%;z-index:-1;top:40%}.banner .image img{width:100%;height:100%;object-fit:contain}.banner .title{position:absolute;left:73%;top:40%;transform:translate(-50%, -50%);width:32%;text-align:left}@media screen and (max-width: 768px){.banner .title{width:90%;top:75%;text-align:center;left:50%}}.banner .title h2{font-size:3rem;filter:drop-shadow(2px 4px 6px #124646);color:#fff;font-weight:bold}@media screen and (max-width: 768px){.banner .title h2{font-size:2.2rem}}.banner .container_mouse{text-align:center;color:rgba(18,70,70,.7);font-weight:bold;padding-top:2rem;font-size:1rem;cursor:pointer;position:absolute;left:50%;top:80%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.banner .container_mouse{top:90%}}.banner .container_mouse .mouse-btn{margin:10px auto;width:30px;height:60px;border:4px solid rgba(18,70,70,.7);border-radius:30px;display:flex}.banner .container_mouse .mouse-btn .mouse-scroll{display:block;width:16px;height:16px;background:linear-gradient(170deg, rgba(18, 70, 70, 0.918), #124646);border-radius:50%;margin:auto;animation:scrolling 1s linear infinite}@keyframes scrolling{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(10px)}}.pembukaan{min-height:auto;padding:0}.pembukaan .teaser{font-family:"Source Code Pro";text-align:center;border-bottom:1px dashed;margin:24px 0}.pembukaan .teaser p{font-size:1.3rem}.pembukaan .data-produk{background:#33a4b9;padding:16px 0;margin-bottom:16px;border-top:2px solid #baf5ed;position:relative;color:#fff;overflow:hidden}.pembukaan .data-produk .beku{position:absolute;top:-16px;z-index:1;width:100%;height:auto}@media screen and (max-width: 768px){.pembukaan .data-produk .beku{top:-8px}}.pembukaan .data-produk .beku img{width:100%;height:100%;object-fit:contain}.pembukaan .data-produk .wraps{display:block;position:relative;margin:0 auto;text-align:center;z-index:2}.pembukaan .data-produk .wraps .cekx{display:inline-block;width:23%;padding:4px;background:#3f748d;box-shadow:2px 3px 6px #ececec;margin:16px 4px}@media screen and (max-width: 768px){.pembukaan .data-produk .wraps .cekx{width:45%}}.pembukaan .data-produk .wraps .cekx h4{font-size:.9rem;font-family:"Source Code Pro" !important;font-weight:normal !important}.pembukaan .text_{background:rgba(255,255,255,.6);padding:16px;border-top:4px solid #33a4b9}@media screen and (max-width: 768px){.pembukaan .text_{padding:8px}}.data{padding:0;background:linear-gradient(to top, #8bd7db, #ade0e2, #8bd7db)}@media screen and (max-width: 768px){.data .wrap-detikx{margin-top:-20vh}}.data .image{position:absolute;width:60%;left:50%;top:50%;transform:translate(-50%, -50%);height:auto}@media screen and (max-width: 768px){.data .image{width:100%}}.data .image img{width:100%;height:100%;object-fit:contain}@keyframes MoveUpDown{0%{left:50%;opacity:0;top:50%}20%{left:50%;opacity:0;top:50%}50%{left:53%;opacity:1;top:54%}80%{left:53%;opacity:0;top:54%}100%{left:53%;opacity:0;top:54%}}@keyframes MoveUpDownMob{0%{left:50%;opacity:0;top:50%}20%{left:50%;opacity:0;top:50%}50%{left:56%;opacity:1;top:52%}80%{left:56%;opacity:1;top:52%}100%{left:56%;opacity:0;top:52%}}.data .image.melayang{z-index:3;animation:MoveUpDown 4s linear infinite;opacity:0;left:50%;top:50%}@media screen and (max-width: 768px){.data .image.melayang{animation:MoveUpDownMob 4s linear infinite}}.japfa .thermometer{width:10vw;height:10vw;display:none;border:1vw solid;border-radius:50%;position:relative;background:#fff;left:30%;justify-content:center;margin-top:24vw;z-index:2}.japfa .thermometer::before{content:"";position:absolute;border:1vw solid;width:5.5vw;height:20vw;background:#fff;top:-20.5vw;border-bottom:0;border-radius:3.5vw 3.5vw 0 0}.japfa .thermometer::after{content:"";position:absolute;width:5.55vw;background:#fff;top:-2vw;height:5vw}.japfa .fill{width:8vw;height:8vw;border-radius:50%;background:red;z-index:2;position:absolute;top:1vw;display:flex;justify-content:center;align-items:center}.japfa .fill::before{content:"";position:absolute;width:4vw;height:3.5vw;background:red;bottom:7vw;border-radius:1.8vw 1.8vw 0 0}.japfa .fill::after{content:"";background:transparent;border:.8vw solid #fff;width:2vw;height:2vw;z-index:3;border-radius:0 6vw 0 0;position:absolute;right:.5vw;border-left:0;border-bottom:0;transform:rotate(45deg)}.japfa .lines{position:absolute;left:100%;bottom:9.5vw}.japfa .lines div{width:5vw;height:1vw;background:#000;margin:1.2vw 0}.japfa .lines div:nth-child(even){width:3vw}.japfa .fill{animation:temperature 10s linear infinite}.japfa .fill::before{animation:level 10s infinite ease-in-out,temperature 10s linear infinite}@keyframes temperature{0%,100%{background:#014fa1}50%{background:red}}@keyframes level{0%,100%{height:3vw}50%{height:21vw}}.japfa .z-1{z-index:1}.japfa .z-2{z-index:2}.japfa .z-3{z-index:3}.japfa .img{margin:0 auto 16px}.japfa .wrap-detikx{position:relative;z-index:4}@keyframes rotate{0%{transform:rotate(-360deg)}100%{transform:rotate(360deg)}}.japfa .ice{width:60px;height:60px;position:absolute;left:50%;top:32%;animation-name:rotate;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}@media screen and (max-width: 768px){.japfa .ice{top:36%}}.japfa .ice img{width:100%;height:100%;object-fit:contain}.japfa .infog{width:100%;height:auto;margin:0 auto}.japfa .infog img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.japfa .infog{width:100%}}.japfa .cek-putih{background:silver;padding:16px;position:absolute;left:50%;top:50%;width:700px;transform:translate(-50%, -50%);height:480px}@media screen and (max-width: 8768px){.japfa .cek-putih{width:90%}}.japfa .bawahx{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:520px;height:auto}@media screen and (max-width: 768px){.japfa .bawahx{width:100%}}.japfa .bawahx img{width:100%;height:100%;object-fit:contain}.japfa .coba{position:absolute;inset:0;width:100%;height:100%}.japfa .coba img{width:100%;height:100%;object-fit:cover}.japfa .cek-margin{padding-bottom:20vh}.super{padding:0}.chartx{min-height:auto}.highcharts-figure,.highcharts-data-table table{min-width:310px;max-width:800px;margin:1em auto}.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}.berkembang .hello{background:linear-gradient(to left, #baf5ed, rgba(186, 245, 237, 0.8))}.berkembang .pedagang{position:absolute;left:-35%;width:470px;z-index:-1;height:auto;display:inline-block}@media screen and (max-width: 768px){.berkembang .pedagang{left:-50%;width:100%}}.berkembang .pedagang img{width:100%;height:100%;object-fit:contain}.berkembang .margin-opsion{margin-left:20%;padding:8px 16px;background:linear-gradient(to right, rgba(139, 215, 219, 0.7), transparent)}@media screen and (max-width: 768px){.berkembang .margin-opsion.is-margin{margin-left:0;padding:0}}.lastsx{background:url("../img/plus.png");background-size:30px 30px;background-repeat:repeat}.lastsx .quotationx{position:relative;width:600px;margin:auto;padding:2rem 4rem;background-color:transparent;background-image:linear-gradient(-45deg, transparent, transparent 2%, white 2%, white 85%, transparent, 85%, transparent),linear-gradient(to bottom right, #2ad, #2ad 90%, transparent 90%);background-position:top left,.2em .2em;background-repeat:no-repeat;filter:drop-shadow(0 0 15px #0005)}.lastsx .quotationx h2{margin-block-end:1rem}.lastsx .quotationx .cekiname{font-size:1rem;font-weight:normal;text-align:right}.lastsx .quotationx .cekiname .namex{font-weight:bold}@media screen and (max-width: 768px){.lastsx .quotationx .cekiname{position:absolute;right:16px;bottom:32px}}.lastsx .quotationx p,.lastsx .quotationx blockquote{margin-block-start:1rem;text-indent:2ch;font-family:"Bitter";font-weight:600;font-size:1.1rem;margin-left:24%}@media screen and (max-width: 768px){.lastsx .quotationx p,.lastsx .quotationx blockquote{margin:1rem 0 10rem;position:relative;text-indent:3ch}}.lastsx .quotationx .image{width:224px;height:auto;overflow-x:hidden;position:absolute;bottom:0;filter:grayscale(0.8);left:0px}.lastsx .quotationx .image img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.lastsx .quotationx{width:100%;padding:2rem}}.lastsx .quotationx::before,.lastsx .quotationx::after{position:absolute;z-index:-1;display:block;width:3rem;height:4rem;content:"";z-index:0;font-size:8rem;font-family:Georgia,Times,Garamond,serif}.lastsx .quotationx::before{top:-3rem;left:1rem;content:open-quote}.lastsx .quotationx::after{bottom:0rem;right:1rem;content:close-quote}.lastsx .quotationx::before,.lastsx .quotationx::after,.lastsx .quotationx h2{text-shadow:-2px 2px #fff,-1.5px 1.5px #fff,-1px 1px #fff,-0.5px .5px #fff}.lastsx::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #8bd7db, rgba(139, 215, 219, 0.9), #8bd7db)}.credits{min-height:auto;padding:0}.credits .linex{width:100%;height:3px;position:relative;margin-bottom:32px;background:#33a4b9}.credits .linex::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:linear-gradient(to right, #8bd7db, #33a4b9, #8bd7db)}.credits .alls{margin-bottom:16px}.credits .alls .name{font-weight:bold}/*# sourceMappingURL=style.css.map */