.maincontent{
  padding-bottom: 20vh;
}
.gurupng{
    position: absolute;
    bottom: 0px;
    width: 12rem;
    z-index: 0;
}
.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fs-48px{
  font-size: 48px;
}

.h-md-100{
  height: 100%;
}

.sub-title span{
  font-size: 40px;
  letter-spacing: 18px;
}

.space-top-sticky{
  top: 115px;
}

.mt-n-title{
  margin-top: -30px;
}

.lh-0{
  line-height: 0 !important;
}

.text-daftar-istilah{
  font-size: 65px;
  letter-spacing: 10px;
}

.rbl-list-istilah{
  font-size: 48px;
}

.rbl-text-istilah{
  font-size: 100px;
}

.rbl-text-kuis{
  font-size: 110px;
}

.title-materi-learning{
  font-size: 64px;
  letter-spacing: 12px;
  margin-right: 14px;
}
.title-materi-learning-2{
  font-size: 64px;
  letter-spacing: 12px;
  margin-right: -8px;
}

.title-materi-learning-4{
  font-size: 46px;
  letter-spacing: 12px;
  margin-right: -8px;
}

.title-materi-learning-5{
  font-size: 48px;
  letter-spacing: 12px;
  margin-right: -8px;
}

.title-materi-learning-8{
  font-size: 56px;
  letter-spacing: 12px;
}

.title-content-with-rbl{
  letter-spacing: 22px;
  font-size: 36px;
}

.title-content-6-with-rbl{
  font-size: 40px;
  letter-spacing: 14px;
}

.rbl-detail-materi-1-1{
  font-size: 100px;
  margin-right: 11px;
}

.rbl-detail-materi-4-1{
  font-size: 80px;
  margin-right: 11px;
}

.rbl-detail-materi-5-1{
  font-size: 80px;
}

.rbl-detail-materi-2-1{
  font-size: 100px;
  margin-top: -14px;
  margin-right: 24px;
}

.rbl-detail-materi-6-1{
  font-size: 80px;
  margin-top: -10px;
}

.rbl-detail-materi-8-1{
  font-size: 99px;
}

.rbl-detail-materi-8-2{
  font-size: 84px;
  margin-top: -10px;
}

ol.custom-number li::marker {
  color: #ebd347;
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .gurupng{
    left: 5px;
    width: 10rem;
  }
  
  .title-materi div.mt-n-title{
    margin-top: -10px;
  }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .h-md-100{
    height: auto;
  }
  .gurupng{
    width: 11.5rem;
  }
  div.mt-n-title{
    margin-top: -15px;
  }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .mt-n-title{
    margin-top: -20px;
  }
  .gurupng{
    width: 11.5rem;
  }
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  
}