body{
  font-size:13px;
  font-family:"Roboto",sans-serif !important;
  line-height:26px !important;
  color:#6c6c6c !important;
  background:#f0f0f0;/*background utama*/
}
h1,h2,h3,h4,h5,h6{font-weight:700;color:#1f1f1f;font-family:"Poppins",sans-serif !important;margin-bottom:5px;letter-spacing:-0.4px}
h1{font-size:24px !important;line-height:30px}
h2{font-size:22px !important;line-height:25px}
h3{font-size:20px !important;line-height:24px}
h4{font-size:18px !important;line-height:23px}
h5{font-size:16px !important;line-height:22px}
h6{font-size:14px !important;line-height:20px}
a{text-decoration:none !important}
p{color:#6c6c6c;margin-bottom:30px;padding-bottom:0px}
.main-width{
  width: 100%;
  max-width: 480px;
  margin: auto;
}
.max-width{
  width: 100%;
}
#page{position:relative;overflow-x:hidden !important}
.page-content{overflow-x:hidden !important;transition:all 300ms ease;
  z-index:90;padding-bottom:80px;padding-bottom:calc(80px + (constant(safe-area-inset-bottom))*1.1);
  padding-bottom:calc(80px + (env(safe-area-inset-bottom))*1.1)}
.ad-scroll-over{background-size:cover;top:200px;right:0px;bottom:200px;left:0px;position:fixed;
    z-index:-1;backface-visibility:visible !important}
.ad-scroll-over-clear{pointer-events:none !important;backface-visibility:visible !important}
.menu-header{display:flex;margin-bottom:45px}
.menu-header a{flex:1 1 auto;text-align:center;line-height:50px;border:solid 1px rgba(0,0,0,0.06)}
.bg-biru{background-color:#1aa1e2;}
.bg-abu{background-color:#6c757d;}
.bg-lqa{background-color:#2ABA66!important;}
.footer-class{  
  position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #474645;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .25rem;
}

.owl-dots {
  position: absolute;
  right: 0;
  margin-bottom:30px;
}
.owl-pagination .owl-page span {
  background-color: white;
}
.owl-dot.active{background:#1aa1e2;width: 25px;}

.page-title-baru [data-menu]{font-weight:500 !important;background-size:cover;border-radius:40px;position:absolute;width:40px;height:40px;right:20px;margin-top:0;z-index:98}
.page-title-baru h2{color:#fff;font-weight:500 !important;padding-top:0;font-size:18px !important}
.page-title-baru h2 a{color:#fff;font-weight:500 !important;padding-right:20px;font-size:14px}

.program-slider{padding-left:15px !important;padding-right:15px}
.sticky-program {
  position: fixed;
    top: 70px;
    width: 100%
}
.btn-program { 
  width: 80px;
  margin-right: 10px;
}

#loader{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:97;transition:all 150ms ease}
#loader .spinner-border{width:50px;height:50px;border-width:1px;position:absolute;top:50%;left:50%;margin-left:-25px}
.loader-hide{opacity:0;pointer-events:none}
#loader{background-color:#f0f0f0}

.error input{border-bottom:solid 1px rgb(189, 5, 5)}
.bg-kartu{background-image:url(../images/9.jpg)}