:root{--bs-primary:#8b1e1e;--bs-primary-rgb:139,30,30;--bs-dark:#6a1717;--bs-body-bg:#f3f4f6;--bs-body-color:#222;--bs-border-color:#d7d7d7;--bs-surface:#fff}
body{font-family:'Roboto',sans-serif;font-size:14px;line-height:1.6;color:var(--bs-body-color);background:#2f2f2f;padding-top:60px;margin-bottom:30px}
.container{max-width:1000px}
body>.container{background:#fff;border-radius:.5rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.18)}
a{color:#8b1e1e;text-decoration:none;transition:.2s}
a:hover{color:#6a1717}
.bg-danger{background:linear-gradient(180deg,#8b1e1e,#6a1717)!important}
.navbar-brand{font-family:'Yellowtail',cursive;font-size:30px;color:#fff}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.9);font-weight:600;padding:.5rem .9rem}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .active>.nav-link{color:#fff}
h1,h2{font-size:2rem;color:#8b1e1e;font-weight:700;margin-bottom:1rem}
h3,h4{font-size:1.5rem;color:#8b1e1e;font-weight:700}
.table-bordered th{background:#8b1e1e;color:#fff;text-align:center;font-weight:700}
footer{font-size:.875rem;color:#555}
img{max-width:100%;height:auto}
body.hasftop{margin-top:95px}
body.hasfbot{margin-bottom:105px}
.floating-top,.floating-bottom{background:transparent;height:auto;left:0;padding:0;position:fixed;text-align:center;width:100%;z-index:1001}
.floating-top{top:0}
.floating-bottom{bottom:0}
.banner img,.banner-float img,.banner-top img{display:block;width:100%}
.banner-float,.banner-float img{width:100%}
.banner-top{text-align:center;margin:8px 0}
.banner-top a{display:inline-block;max-width:728px;width:100%}
.banner-top img{height:auto;border:0}
div[class^=banner-]>.btn-close{font-size:12px;position:absolute;top:-28px;left:0;width:100%}
.banner-float-bottom>.btn-close{width:auto!important;left:50%!important;margin-left:-32px}
.banner-float-center>.btn-close{width:auto!important;left:unset!important;right:0!important;margin:0}
@media only screen and (max-device-width:1000px){.floating-top img,.floating-bottom img,.headerbanner img,.banner1 img,.banner2 img,.banner-float img,.banner-top img{width:100%;vertical-align: sub !important;}.banner{width:100%;box-sizing:border-box;text-align:center;background:#fff}.banner img{display:inline-block;width:48%;box-sizing:border-box;margin:5px}.banner-float{position:fixed;width:100%;text-align:center;bottom:1px;z-index:9999}}
.mb-3,.my-3{margin-bottom:0!important}
.tahun th{text-transform:uppercase!important}
#loading-datahk{padding:40px;text-align:center}
#loading-datahk p{margin-top:15px;font-weight:700;color:#8b1e1e}
.spinner-border{width:3rem;height:3rem}
@media screen and (max-width:768px){
a img,img.responsive-banner{height:auto!important;max-width:100%!important}
}
@media(max-width:767px){
h3,h4{font-size:1.35rem}
}
@media(max-width:480px){
.caripas .input-group-text,.caripas .form-control{font-size:13px}
h1,h2{font-size:1.5rem}
h3,h4{font-size:1.25rem}
}
#hasil-datahk .table{border:1px solid #dee2e6!important;border-collapse:collapse!important}
#hasil-datahk .table th,#hasil-datahk .table td{border:1px solid #dee2e6!important}
.data-contact{margin:8px 15px 12px;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.25rem;color:#495057}
.data-contact p{margin:0}
.data-contact a{color:#495057;font-weight:700}
.data-contact a:hover{color:#212529;text-decoration:underline}
.partner-web{border-top:1px solid #dee2e6;background:#fff;color:#495057}
.partner-web h2{color:#343a40}
.partner-links{line-height:1.9}
.partner-links a{color:#495057;font-weight:600}
.partner-links a:hover{color:#212529;text-decoration:underline}
.partner-links span{display:inline-block;margin:0 6px;color:#6c757d}
.faq-section{margin-top:.5rem;background:#fff;color:#343a40}
.faq-section h2{color:#343a40}
.faq-section .card{margin-bottom:7px;background:#fff;border:1px solid #dee2e6;border-radius:.25rem;overflow:hidden}
.faq-section .card:last-child{margin-bottom:0}
.faq-section .card-header{padding:0;background:#f8f9fa;border-bottom:0}
.faq-section .btn-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;color:#343a40;background:#f8f9fa;font-weight:700;line-height:1.45;text-align:left;white-space:normal;text-decoration:none}
.faq-section .btn-link:hover,.faq-section .btn-link:focus{color:#212529;background:#e9ecef;text-decoration:none;box-shadow:none}
.faq-section .btn-link:not(.collapsed){color:#212529;background:#e9ecef}
.faq-section .btn-link i{flex:0 0 auto;margin-left:12px;color:#6c757d;font-size:11px;transition:transform .2s ease}
.faq-section .btn-link:not(.collapsed) i{transform:rotate(180deg)}
.faq-section .card-body{padding:.85rem 1rem;background:#fff;color:#343a40;border-top:1px solid #dee2e6;line-height:1.65}
@media(max-width:767px){
.data-contact{margin:8px 15px 10px;padding:.6rem .75rem}
.partner-links span{margin:0 4px}
.faq-section .btn-link{padding:.68rem .75rem;font-size:14px}
.faq-section .card-body{padding:.75rem;font-size:14px}
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    margin-bottom: 3px;
}