html, body{
  margin:0px;
  padding: 0px;
  overflow-x: hidden;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
  justify-content: flex-start;
  margin-right: auto;
  display: none;
}
.scroll-hidden::-webkit-scrollbar {
    display: none;
}

.scroll-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body {
    font-family: 'Sans', 'Arial', sans-serif;
    background: #fff;
}
h1{line-height: 1.3; margin: 0px;}
h2{line-height: 1.3; margin: 0px;}
h3{line-height: 1.3; margin: 0px;}
ol{
  padding-left: 1rem !important;
}
.object-contain{
object-fit: cover;
height: 100%;
}

.img-card-between{
object-fit: cover;
height: 200px;
}

h4{line-height: 1.3; margin: 0px;}
h5{line-height: 1.3; margin: 0px;}
h6{line-height: 1.3; margin: 0px;}
p{line-height: 1.3; margin: 0px;}
i{line-height: 1.3; margin: 0px;}
span{line-height: 1.3; margin: 0px;}
a{line-height: 1.3; margin: 0px; text-decoration: none;}
.fs-13{font-size: 13px;}
.fs-12{font-size: 12px;}
.fs-11{font-size: 11px;}
.fs-10{font-size: 10px;}
.fs-9{font-size: 9px;}
.fs-8{font-size: 8px;}
.btn{border:none;}
.lh-13{line-height: 1.3;}
.lh-13 p{line-height: 1.3;}
.lh p{line-height: 1.3;}
.lh-1{line-height: 1.3;}
.i-fs-1{
font-size: 45px;
}
.bg-light{
background: #fff;
}
.pointer{
cursor: pointer;
}
.pcr:hover{
background: #000;
}
.card{
border: 0.5px solid #bebebe;
}

.border-bottom{
border-bottom: 0.5px solid #bebebe;
}

.border{
border: 0.5px solid #bebebe;
}

dl, ol, ul {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.nav-link{
color: #6c6c6c;
}
.nav-link:hover{
background: #00000021;
  cursor: pointer;
  color: #6c6c6c;
}
.card-min-text{
min-height: 100px;
}
.active{
color: #6c6c6c;
font-weight: bolder;
}

.bg-table-default{
background: #ccb7e6;
color: #fff;
}

.bg-response-success{
background-color: #61b55a;
}

.bg-response-danger{
background-color: #e15353;
}

.overflow-srh::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.overflow-srh {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scrolling-wrapper{
  overflow-x: auto;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.img-fluid-item{
width: 80px;
  height: 50px;
  object-fit: cover;
}


.detail {
      max-height: 90px;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    .detail.show {
      max-height: 1000px; /* cukup besar agar semua teks muncul */
    }
    .read-more-btn {
      background: #007BFF;
      color: #fff;
      border: none;
      padding: 6px 12px;
      margin-top: 5px;
      cursor: pointer;
      border-radius: 5px;
    }

.img-list-prodi{
  width: 100%;
  height: 140px;
  object-fit: cover;
}

.table-default {
  --bs-table-color: #000;
  --bs-table-bg: #ccb7e6;
  color: #fff;
}

.tabledefaults td {
  border: 1px solid;
  padding-top:3px;
  padding-bottom: 3px;
}

.tabledefaults th {
  border: 1px solid;
  padding-top:3px;
  padding-bottom: 3px;
}

.tabledefaults {
  width: 100%;
  border-collapse: collapse;
}

.container{background: #fff}

.pcr:hover{
  background: #eee;
  cursor: pointer;
}

.pcr-muted:hover{
  background: #00000021;
  cursor: pointer;
}

.carousel-control-next, .carousel-control-prev{
width: 10%;
}

.text-default{color:#6b2cb7;}
.bg-default{background:#7952b3; color:#fff;}
.btn-default{background:#7952b3; color:#fff;}
.btn-default:hover{background:#7952b3;color:#fff;}
.bg-default:hover{background:#7952b3;color:#fff;}

.text-blue{color:#4757ae;}
.bg-blue{background:#4757ae; color:#fff;}
.btn-blue{background:#4757ae; color:#fff;}
.btn-blue:hover{background:#4757ae;color:#fff;}
.bg-blue:hover{background:#4757ae;color:#fff;}

.text-green{color:#358a46;}
.bg-green{background:#358a46; color:#fff;}
.btn-green{background:#358a46; color:#fff;}
.btn-green:hover{background:#358a46;color:#fff;}
.bg-green:hover{background:#358a46;color:#fff;}

.text-teal{color:#37828a;}
.bg-teal{background:#37828a; color:#fff;}
.btn-teal{background:#37828a; color:#fff;}
.btn-teal:hover{background:#37828a;color:#fff;}
.bg-teal:hover{background:#37828a;color:#fff;}

.text-gold{color:#e3c62c;}
.bg-gold{background:#e3c62c; color:#fff;}
.btn-gold{background:#e3c62c; color:#0d0d0d; }
.btn-gold:hover{background:#e3c62c;color:#0d0d0d;}
.bg-gold:hover{background:#e3c62c;color:#fff;}

.text-red{color:#f44242;}
.bg-red{background:#f44242; color:#fff;}
.btn-red{background:#f44242; color:#fff;}
.btn-red:hover{background:#f44242;color:#fff;}
.bg-red:hover{background:#f44242;color:#fff;}

.text-dark{color:#535353;}
.bg-dark{background:#535353; color:#fff;}
.btn-dark{background:#535353; color:#fff;}
.btn-dark:hover{background:#535353;color:#fff;}
.bg-dark:hover{background:#535353;color:#fff;}

.text-pink{color:#a41f9b;}
.bg-pink{background:#a41f9b; color:#fff;}
.btn-pink{background:#a41f9b; color:#fff;}
.btn-pink:hover{background:#a41f9b;color:#fff;}
.bg-pink:hover{background:#a41f9b;color:#fff;}

.text-jingga{color:#e8aa35;}
.bg-jingga{background:#e8aa35; color:#fff;}
.btn-jingga{background:#e8aa35; color:#fff;}
.btn-jingga:hover{background:#e8aa35;color:#fff;}
.bg-jingga:hover{background:#e8aa35;color:#fff;}

.border-default{border: 0.5px solid #ddd;}

.img-item-media {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.block-text-page img{
width: 80%;
border-radius: var(--bs-border-radius) !important;
}

.zn-1{
z-index: 99;
}

.mb-5{
margin-bottom: 2.5rem !important;
}


@media(min-width: 800px){
.d-mobile{
display: none;
}
.images-sm{
height: 150px;
object-fit: cover;
}
.mb-d-4{
margin-bottom: 1.5rem !important;
}
.d-desktop{
display: ;
}
.carousel-item img {
  width: 100%;
  height: 355px;
  object-fit: cover;
}
.nav-link{
font-size: 12px;
}
.img-list-artikel{
  width: 100%;
  height: 60px;
  object-fit: cover;
}
.carousel-indicators{
margin-bottom: 0.5rem;
}
.pxm-5{padding-right: 3rem !important; padding-left: 3rem !important;}
.pxm-4{padding-right: ; padding-left: ;}
.mtm-4{margin-top: ;}
.pem-4{padding-right: 1.5rem !important;}
.pxd-4{padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
.psd-4{padding-left: 1.5rem !important;}
.pxd-3{padding-right: 1rem !important;padding-left: 1rem !important;}
.pxd-0{padding-right: 0px;padding-left: 0px;}
.ped-0{padding-right: 0px;}
.border-d-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.card-body-prodi{padding-right: 0.7rem !important; padding-left: 0.7rem !important;}
.mb-d-3{
margin-bottom: 1.5rem !important;
}
.px-d-4{
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-d-2{
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.img-media-s{
width: 75%;
}
}

.text-body p{
line-height: 1.2;
font-size: 1rem !important;

}

@media(max-width: 800px){
.d-mobile{
display: ;
}
.h3-title {
  font-size: 1.3rem;
}
.p, p {
  font-size: 0.8rem;
}
.pxm-1{padding-right: 0.25rem !important; padding-left: 0.25rem !important;}
.pxm-0{padding-right: 0px;padding-left: 0px;}
.card-body-prodi{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}
.d-desktop{
display: none;
}
.carousel-item img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.pxm-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}
.pxm-sm-4{padding-right: 1rem !important; padding-left: 1rem !important;}
.mtm-4{margin-top: 1.5rem !important;}
.mbm-4{margin-bottom: 1.5rem !important;}
.pem-4{padding-right: ;}
.fsm-6{font-size: 14px;}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 50%;
}
.nav-link{
font-size: 12px;
}
.mb-m-3{
margin-bottom: 1.3rem !important;
}

.images-sm{
height: 140px;
object-fit: cover;
}
.img-media-s{
width: 100%;
}
.fs-6-rs{
font-size: 0.8rem;
}

.px-2-rs{
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}


}