html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:16px;color:#212121}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e9e8e8}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}#main-web{overflow:hidden}a{text-decoration:none;color:#018cd1}.navbar-custom{background:#fff;padding:0 30px;border-bottom:1px solid #eee;top:0;z-index:1090;height:80px;box-shadow:0 2px 12px 0 rgb(36 50 66 / .075)}.navbar-custom .logo{width:60px;height:auto;position:relative;bottom:2px}.navbar-custom .navbar-nav .nav-item .nav-link{font-size:16px;padding:8px 16px;height:40px;color:#444;transition:none;margin-bottom:5px}.navbar-custom .navbar-nav .nav-item .nav-link:hover{border-bottom:2px solid #fcc415}.navbar-custom .navbar-nav .nav-item .nav-link.active{border-bottom:2px solid #018cd1;color:#018cd1}.navbar-custom .navbar-toggler{box-shadow:none;position:relative;right:-20px;border:none}.about-section{min-height:680px;padding:0 30px;padding-top:90px;display:flex;text-align:left!important;justify-content:left;align-items:center;background-color:rgb(1 140 209);background-image:linear-gradient(180deg,rgb(1 140 209) 0%,rgb(12 83 124) 100%)}.about-section .row{align-items:center}.about-section .section{padding:15px}.about-section .section.short-desc{margin:4em 0}.about-section .section .title{color:#fff;font-size:2.5rem;padding:0;margin-bottom:8px}.about-section .section .description{font-size:20px;color:#ededed;margin-bottom:35px}.about-section .section .image-dashboard{max-width:100%;height:auto;width:100%;border-radius:12px;box-shadow:0 0 25px #444}.about-section .section .about-us-btn{font-size:18px;padding:12px 30px;height:auto;background:#fcc415;border-color:#fcc415;border-radius:12px}.about-section .section .about-us-btn img{width:15px;height:auto;display:inline-block;margin-left:5px}.about-section .section .play-btn{width:68px;height:50px}.about-section .section .play-btn,.about-section .section .play-btn:focus-visible,.about-section .section .play-btn:focus{border:0;box-shadow:0;outline:none}.about-section .section .play-btn img{width:30px;height:auto;position:relative;top:2px}.wave{overflow:hidden;position:relative;top:-5px}.wave img{min-width:1200px}.content-section{min-height:100vh;padding:5em 20px;border-bottom:1px solid #eee}.content-section .title{text-align:center;font-weight:700}.content-section .title .subtitle{max-width:800px;font-size:16px;color:#898989;margin:0 auto;margin-top:10px;font-weight:400}.content-section .title h2{font-size:1.8rem;border-bottom:4px solid #fcc415;display:inline-block;padding:15px 0;max-width:500px;min-width:150px}.content-section .description{margin-top:5em}#tentang-kami{align-items:center;min-height:90vh;justify-content:center}#tentang-kami .description{text-align:center;font-size:18px;max-width:1150px;margin:3.5em auto;color:#777}.feature-section .row{justify-content:center}.feature-section .item{margin:15px;padding:40px 15px;text-align:center;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 8px 12px rgb(3 7 18 / .02),0 32px 49px rgb(3 7 18 / .04)}.feature-section .item:hover,#manfaat .item:hover{box-shadow:0 8px 12px rgb(3 7 18 / .06),0 32px 49px rgb(3 7 18 / .08)}.feature-section .item .head{height:80px;display:flex;align-items:center;text-align:center}.feature-section .item h3{font-size:18px!important}.feature-section .item .icon{max-width:35px;margin-bottom:15px;height:auto}.feature-section .item .list{text-align:left;margin:0;margin-top:15px;padding:0;list-style:none}.feature-section .item .list li::before{content:url(../images/icons/check_outlined.svg);display:inline-block;position:absolute;left:5px;top:18px;height:15px;width:15px}.feature-section .item .list li{padding:15px 0;padding-left:32px;position:relative;border-bottom:1px solid #eee;color:#777}.feature-section .item .list li:last-child{border-bottom:none}#manfaat{background:#f9f9f9;padding:80px 20px}#manfaat .row{justify-content:center}#manfaat .item{border:1px solid #eee;margin:15px;background:#fff;border-radius:10px;box-shadow:0 8px 12px rgb(3 7 18 / .02),0 32px 49px rgb(3 7 18 / .04);padding:40px 20px}#manfaat .item .list{margin:0;padding:0;padding-left:20px;list-style:none}#manfaat .item .list li::before{content:url(../images/icons/circle-dot_outlined.svg);display:inline-block;position:absolute;left:0;top:16.5px;height:14px;width:14px}#manfaat .item .list li{padding:15px 0;padding-left:30px;border-bottom:1px solid #eee;color:#777;position:relative}#manfaat .item .list li:last-child{border-bottom:none}#manfaat .item .title{height:60px;text-align:center}#manfaat .item h3{font-size:20px;color:#006596}.footer{padding:25px 18px;border-top:1px solid #eee;color:#555}#analisis-dan-pelaporan .description{text-align:center;margin:0;position:relative}#analisis-dan-pelaporan .description img{max-width:1000px;width:100%;height:auto;border:1px solid #eee;position:relative;margin-top:4em;box-shadow:0 12px 16px rgb(3 7 18 / .06),0 32px 49px rgb(3 7 18 / .08)}#notifikasi-autentikasi{background:url(../images/notifikasi-dan-autentikasi.png) bottom right no-repeat;background-size:35%;align-content:center}#notifikasi-autentikasi .title,#notifikasi-autentikasi .title .subtitle{text-align:left!important;max-width:calc(100% - 380px);margin:12px 0}#notifikasi-autentikasi .list{margin:0;margin-top:2em;padding:0;list-style:none;max-width:calc(100% - 380px)}#notifikasi-autentikasi .list li::before{content:url(../images/icons/check_outlined.svg);display:inline-block;position:absolute;left:0;top:10px;height:14px;width:14px}#notifikasi-autentikasi .list li{padding:10px;padding-left:30px;font-size:20px;color:#555;position:relative}#traction{min-height:auto}#traction .description{font-size:20px;margin-top:0;padding:20px}#traction .description .total{display:block;font-size:2rem;font-weight:700;color:#018cd1;margin-bottom:10px}#back-to-top{position:fixed;bottom:30px;right:30px;height:55px;width:55px;background:#fff;display:block;border:1px solid #ddd;border-radius:50%;z-index:1090;box-shadow:0 8px 12px rgb(3 7 18 / .1),0 32px 49px rgb(3 7 18 / .08);display:none}#back-to-top img{width:16px;position:relative;left:18.5px;top:12.5px;height:auto}#loading-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:2005;overflow:hidden;height:100vh;display:flex;align-items:center;justify-content:center}#loading-page img{max-width:60px;height:auto}.small-section{margin:0 auto}.small-section img{max-height:550px;height:auto;width:auto;filter:drop-shadow(-18px 6px 12px rgb(78 78 80 / .15))}.small-section .title .subtitle{font-size:20px;margin-left:0;margin-right:0;max-width:100%}.navbar-collapse{max-height:calc(100vh - 150px);overflow:auto}@media screen and (max-width:1200px){.navbar-custom{height:auto;padding:15px 30px}.navbar-custom .navbar-collapse{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.navbar-custom .navbar-nav .nav-item .nav-link{height:auto;padding:12px 0;margin-bottom:2px}.navbar-custom .navbar-nav .nav-item .nav-link:hover:not(.active){border-bottom:none;color:#999}#notifikasi-autentikasi .title,#notifikasi-autentikasi .title .subtitle{max-width:calc(100% - 150px)}}@media screen and (max-width:1050px){.about-section .section.short-desc{margin:.5em 0}.about-section .section .title{font-size:2.2rem}}@media screen and (min-height:1000px){.content-section{min-height:60vh}}@media screen and (max-width:992px){.about-section .section{padding:20px 0}.about-section .section.short-desc{margin:0;text-align:center}.about-section .section .image-dashboard{margin-top:10px;margin-bottom:40px}.about-section .section .about-us-btn{font-size:15px;padding:12px 20px;height:auto}.about-section{height:auto}.about-section .section .title{font-size:1.8rem}.about-section .section .description{font-size:18px}.about-section{padding:7em 30px}#manfaat .item .title{margin-bottom:20px}#notifikasi-autentikasi .title,#notifikasi-autentikasi .title .subtitle{max-width:100%;width:auto}.small-section img{max-height:450px;filter:drop-shadow(12px 12px 12px rgb(78 78 80 / .15))}}@media screen and (min-height:800px){.content-section{min-height:80vh}#tentang-kami{min-height:50vh}}@media screen and (max-width:768px){.wave img{min-width:780px}#manfaat .item .title{height:auto;margin-bottom:10px}#notifikasi-autentikasi{background:#fff;min-height:60vh}#notifikasi-autentikasi .title,#notifikasi-autentikasi .title .subtitle,#notifikasi-autentikasi .list{max-width:100%}}@media screen and (max-width:768px) and (min-width:576px){#traction .description{font-size:18px}#traction .description .total{font-size:30px}}