.login-page .right{border-radius:0 10px 10px 0}.login-page .left,.login-page .right{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);padding-top:20px;padding-bottom:20px;margin-top:100px!important}.login-page .left{background:#2267c5;background:-webkit-gradient(linear,left top,right top,from(#2267c5),to(#4fccdc));background:linear-gradient(90deg,#2267c5,#4fccdc);border-radius:10px 0 0 10px}.btn.login-button{width:100%;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#2267c5),to(#4fccdc));background:linear-gradient(90deg,#2267c5,#4fccdc);background-position:100% 100%;background-size:200% 100%;-webkit-transition:.8s;transition:.8s}.btn.login-button:hover{background-position:0 100%;color:#fff}.btn.btn-menu{color:#fff;border-radius:50px;border:1px solid #fff;background:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,transparent));background:linear-gradient(90deg,#fff 50%,transparent 0);background-position:100% 100%;background-size:200% 100%;-webkit-transition:.5s;transition:.5s}.btn.btn-menu:hover{background-position:0 100%;color:#2368c5;border:1px solid #2368c5}.flat-input{border-radius:0;border:none;border-bottom:1px solid #cecece;-webkit-transition:all .5s;transition:all .5s;background:-webkit-gradient(linear,left top,left bottom,color-stop(96%,hsla(0,0%,100%,0)),color-stop(4%,#0d515e));background:linear-gradient(180deg,hsla(0,0%,100%,0) 96%,#0d515e 0);background-position:-500px 0;background-size:100% 100%;background-repeat:no-repeat}.flat-input:focus{box-shadow:none;outline:none;background-position:0 0;border-bottom:0}.form-check-input{border:1px solid #0d515e}body{font-family:Roboto!important}.header-shape{width:100%;height:800px;background:-webkit-gradient(linear,left top,right top,from(#4fccdc),color-stop(70%,#2267c5));background:linear-gradient(90deg,#4fccdc,#2267c5 70%);position:absolute;-webkit-clip-path:ellipse(700px 700px at 10% 5%);clip-path:ellipse(700px 700px at 10% 5%);margin-top:-300px;z-index:-999}p{font-size:20px!important}.navbar-custom-public{background:transparent;margin-top:0}.navbar-custom-public-nav>li>a{color:#4d4d4d!important;font-size:22px}.navbar-custom-public-nav>li:hover{border-bottom:5px solid #2267c5}.navbar-active{border-bottom:5px solid hsla(0,0%,100%,.7)}.navbar-toggler-public{display:none}.navbar-brand{font-size:30px;font-weight:700;color:#fff!important}.primary-color{color:#2368c5}.secondary-color{color:#4d4d4d!important}.text-white{color:#fff!important}.primary-bg{background:-webkit-gradient(linear,left top,right top,from(#4fccdc),color-stop(70%,#2267c5));background:linear-gradient(90deg,#4fccdc,#2267c5 70%)}.homepage-head{margin-bottom:40px}.homepage-head>.left>h1{font-size:5vw;font-weight:700;padding-top:60px;color:#4d4d4d}.homepage-head>.left>h2{font-size:30px;color:#4d4d4d}.homepage-title{font-size:50px;font-weight:700}.home-service-info{background:-webkit-gradient(linear,left top,right top,from(#4fccdc),color-stop(70%,#2267c5));background:linear-gradient(90deg,#4fccdc,#2267c5 70%);opacity:.8;color:#fff;border-radius:10px;padding:10px;margin-bottom:10px}.home-service-info h3{color:#ffd600}.home-service-info p{color:#fff;font-size:15px!important}.home-service-close-btn{background:transparent;border:0}.warta-section{margin-top:20px;padding-top:80px}.warta-section>div{border-radius:30px}.warta-img-list{padding:0;margin:0}.warta-img-list img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.warta-overlay-title{text-align:center;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.warta-overlay{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,right top,from(rgba(79,204,220,.9)),color-stop(70%,rgba(34,103,197,.8)));background:linear-gradient(90deg,rgba(79,204,220,.9),rgba(34,103,197,.8) 70%);overflow:hidden;width:0;height:100%;-webkit-transition:.5s ease;transition:.5s ease}.warta-img-list:hover .warta-overlay{width:100%}.white-bg-trasparent{background:hsla(0,0%,100%,.6)}.feature{background:hsla(0,0%,80.8%,.5);border-radius:20px;border:2px solid #fff;text-align:center;padding:10px 0;margin-bottom:5px;cursor:pointer}.feature:hover{background:-webkit-gradient(linear,left top,right top,from(rgba(79,204,220,.9)),color-stop(70%,rgba(34,103,197,.8)));background:linear-gradient(90deg,rgba(79,204,220,.9),rgba(34,103,197,.8) 70%)}.siaga-section>div{padding-top:40px}.ibadah-section>.row{border-radius:20px;background:rgba(0,141,143,.938);color:#fff;margin-top:20px}.ibadah-title{color:#ffd600}.lokasi-terdekat-section,.pangan-section{border-radius:20px}.pangan-section{background:-webkit-gradient(linear,right top,left top,from(rgba(79,204,220,.9)),color-stop(70%,transparent));background:linear-gradient(270deg,rgba(79,204,220,.9),transparent 70%)}.ispu-section{background:#2368c5;text-align:center;border-radius:20px 0 20px 0;padding:30px 10px}.warkop-section{padding:20px;margin-bottom:20px;border-radius:20px}.warkop-title{font-size:6vw;font-weight:700;line-height:.8}.quote-text{font-family:Pacifico,cursive}.download-section{background:linear-gradient(to top left,rgba(34,103,197,.8) 50%,transparent 50.5%) no-repeat top,linear-gradient(30deg,rgba(34,103,197,.8),rgba(34,103,197,.8)) no-repeat bottom;background-size:100% 15em,100% calc(100% - 15em)}.mockup2{margin-right:-200px}.box{position:fixed;bottom:0;-webkit-transform:rotate(80deg);transform:rotate(80deg);right:0;z-index:-555;margin-bottom:-600px;margin-left:-300px}.wave{position:absolute;opacity:.1;width:1000px;height:1300px;border-radius:43%}.wave.-one{-webkit-animation:rotate 7s linear infinite;animation:rotate 7s linear infinite;opacity:.1;background:#2b353a}.wave.-two{-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite;opacity:.1;background:#000}.wave.-three{-webkit-animation:rotate 7.5s linear infinite;animation:rotate 7.5s linear infinite;background-color:#b3e3f5;opacity:.1}.page-content{padding:30px 10px;margin-top:200px;background:hsla(0,0%,80%,.7);border-radius:20px;font-size:20px!important;text-align:justify}.homepage-footer{margin-top:30px;padding:20px 0;background:-webkit-gradient(linear,left top,right top,from(rgba(79,204,220,.9)),color-stop(70%,rgba(34,103,197,.8)));background:linear-gradient(90deg,rgba(79,204,220,.9),rgba(34,103,197,.8) 70%)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home-footer{padding-top:40px;background:transparent}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-5}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(35,104,197,.3);-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;bottom:-150px}.circles li:first-child{left:25%;width:80px;height:80px;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s}.circles li:nth-child(3){left:30%;width:20px;height:20px;-webkit-animation-delay:4s;animation-delay:4s}.circles li:nth-child(4){left:70%;width:60px;height:60px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(6){left:85%;left:80%;width:110px;height:110px;-webkit-animation-delay:3s;animation-delay:3s}@-webkit-keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}@keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}@media screen and (max-width:600px){.homepage-head>.left>h1{font-size:50px;text-align:center}.homepage-head>.left>h2{font-size:20px;text-align:center}.header-shape{-webkit-clip-path:ellipse(700px 700px at 10% 5%);clip-path:ellipse(300px 300px at 10% 5%);margin-top:-200px}.navbar-toggler-public{display:block}.download-app{width:70%;display:block;margin-left:auto;margin-right:auto}.text-center-mobile{text-align:center}.warkop-title{font-size:15vw}}.grecaptcha-badge{display:none!important}
/*# sourceMappingURL=main.a68bb035.chunk.css.map */