body {overflow: hidden;padding-right: 10px;height: 100vh;width: 100%;font-size: 12pt;}
    ::-webkit-scrollbar {width: 0px;}

    .disclaimer {background-color: black;color: white; width:100%;text-align: center;margin-top: 40px;}
    p {text-align: justify;}
    .arab {font-family: "Me Quran", "Traditional Arabic", Tahoma, sans-serif;font-size: 22px;line-height: 42px;direction: rtl;text-align: right;}
    .list-item2 {margin-left: 0px;}
    .list-content2 {margin-left: 10px;font-weight: 600;color: black;text-align: justify;font-weight: normal;}
    .list-label-huruf1 {margin-left:0px; color: black;font-weight: normal;}
    .card-body1 {padding: 10px;padding-top: -60pxpx; padding-left: -0px;padding-bottom: 0px;margin-left: -20px;overflow-y: auto;}
    .card-body-pembukaan {padding: 0px;padding-top: 0pxpx;padding-left: 0px;padding-bottom: 60px;margin-left: 0px;margin-right: 0px;margin-top: -30px; height: 100%;}
    .isi {margin-right: 0px; padding-right: 20px; overflow-y: auto;height: 100%;}
    .disclaimer {background-color: black;color: white;text-align: center;height: 30px;padding-top: 10px;}
    .latin {color: blue;margin-left: 30px;text-align: justify;overflow: hidden;}
    .terjemahan {color: black;margin-left: 30px;text-align: justify;overflow: hidden;}


@media (max-width: 600px) {
     body {font-size: 10pt;}
    .disclaimer {background-color: black;color: white; width:100%;text-align: center;}
    p {text-align: justify;}
    .arab {font-family: "Me Quran", "Traditional Arabic", Tahoma, sans-serif;font-size: 14px;line-height: 30px;direction: rtl;text-align: right;}
    .indo {font-size: 12pt;text-align: justify;}
    .card-bod1 {padding: 10px;padding-top: 0px;padding-bottom: 0px;padding-right: 0px;width: 100%;margin-top: -40px;}
    .card-body-pembukaan {padding: 0px;padding-top: -40pxpx;padding-left: -0px;padding-bottom: 0px;margin-left: 0px;overflow-y: none;margin-right: 0px;margin-top: -30px;height:100%;}
    .isi {margin-right: 10px;margin-left: 0px;height: 100%;overflow-y: auto;}


}