.tp-caption.mx-auto.tp-caption-summary{
  font-size: 20px!important;
  color :#fff!important;
  opacity: 1!important;
  line-height: 1.8!important;
}

.gs-quote{
  border-left: 6px solid #cecece;
  padding-left: 20px;
  margin-left: 10px;
}

.gs-clienttop{
  border-top: 1px solid #cecece;
  padding-top: 30px;
}

/* ==== COLOR VAR ==== */
.bg-base-color, .btn.btn-base-color{
  background-color: var(--main-theme);
  color: var(--main-font);
}

.text-base-color, .btn-link.text-base-color{
  color: var(--main-theme);
}


.navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link{
  color: var(--main-theme);
  opacity: 1;
}

.menu-drop:hover{
  border-color: var(--main-theme);
}

.header-light .navbar-nav .nav-link{color: var(--menu-font);}

.navbar .container-fluid{
  background-color: var(--menu-bg);
}


.about-img-sticky {
    position: sticky;
    top: 90px;
    height: fit-content;
}

.review-col{
  width: calc(25% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.bg-gradient-bottom-dark-transparent{
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 10%, rgba(0,0,0,0.90) 50%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.90) 50%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.90) 50%);
}

.hdetailsub {
    font-size: 2.1rem;
}

.cutrow-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* jumlah baris maksimal */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cutrow-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;      /* jumlah baris maksimal */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cutrow-4 {
  display: -webkit-box;
  -webkit-line-clamp: 3;      /* jumlah baris maksimal */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popular-post-sidebar figure img{object-fit: cover;}

.asidesticky{
  position: sticky;
  top: 100px;
  height: fit-content;
}

.hdetail{
  font-size: 2.5rem;
}
.navbar .container-fluid{
 box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important;
 }

  .modpop-wrapper {
    width: 100%;
    max-width: 360px;
    font-family: 'Inter', Arial, sans-serif;
  }

  .modpop-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 14px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--main-theme);
    color: var(--main-theme);
  }

  .modpop-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #e7e7e7;
    text-decoration: none;
    align-items: flex-start;
    transition: background 0.18s ease, padding-left 0.18s ease;
  }

  .modpop-item:last-child {
    border-bottom: none;
  }

  .modpop-item:hover {
    background: #f6f8fc;
    padding-left: 4px;
  }

  .modpop-rank {
    font-weight: 800;
    font-size: 2rem;
    line-height: 1;
    color: var(--main-theme);
    width: 3.1rem;
    flex-shrink: 0;
    text-align: center;
  }

  .modpop-text {
    font-size: 1rem;
    font-weight: 500;
    color: #111;
    line-height: 1.35;
  }

    .modtag-wrapper {
    width: 100%;
    max-width: 360px;
    font-family: 'Inter', Arial, sans-serif;
  }

  .modtag-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 14px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--main-theme);
    color: var(--main-theme);
  }

  .modtag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .modtag-item {
    display: inline-block;
    padding: 6px 10px;
    font-size: 14px;
    color: var(--main-theme);
    background: #eef3ff;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease;
  }

  .modtag-item:hover {
    background: var(--main-theme);
    color: #fff;
  }

 .tolink{
  position: absolute;
  right: 3px;
  top: 0;
  /* Tambahan style icon */
  font-size: 18px;
  color: #878787;
  text-decoration: none;
  
  display: flex;
  align-items: center;
}
.tolink:hover i{
  margin-right: -3px;                       
}
.tolink span{font-size: 13px; line-height: 1.6; }
.tolink i{height: 13px; margin-left: 6px; transition: all 0.2s ease;}

.homearrow .swiper-button-prev,
.homearrow .swiper-button-next {
  width: 60px;
  height: 60px;
}

.homearrow .swiper-button-prev i,
.homearrow .swiper-button-next i {
  font-size:24px;
}

.homearrow  .swiper-button-prev:hover,
.homearrow  .swiper-button-next:hover {
  opacity: 1;
}

.homearrow .swiper-button-prev, .homearrow .swiper-button-next {
    background: rgba(0,0,0,0.4);
    border-radius: 100%;
    color: #fff;
    top:45%;
}

  .force100{
    width: 100vw;
    margin-left: calc(50% - 50vw); /* force full bleed */
    /* background: #111; */
  }

  .force100 h3{color: #232323;}

  .force100-dark{
    background-color: #111;
  }

.portal{
  background-color: #fff;
    border-radius: 15px;
    padding: 15px;
    /* box-shadow: 0 0 5px #cecece; */
    margin: 5px;
}

.portal-top{}
.portal-bottom{}
.portalnews{}
.portalnews-col{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.portalnews-col:nth-child(1){
  flex-wrap: wrap;
  border-bottom: 1px solid #cecece;
  padding-bottom: 15px;
  margin-bottom: 20px;

}

.portalnews-col:nth-child(1) .portalnews-img{
width: 100%;
height: 200px;
}

.portalnews-img{
  margin-bottom: 7px;
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}
.portalnews-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.portalnews-text{
  padding-left: 12px;
}
.portalnews-title{ font-weight: 600; color:var(--menu-font)}
.portalnews-title h3{font-size: 1rem; line-height: 1.5rem; margin-bottom: 0;}


.portal-dark{}


/* ================== RESPONSIVE ==================== */
@media screen and (max-width:1199px){

  .sid::before{
    height: 100%;
    width: 100%;
    margin-left: 0px;
  }

  .review-col{
  width: calc(33% - 20px);
  }
}


@media screen and (max-width:991px){

 .about-img-sticky{
    position: relative;
    top:0px;
  } 
  .review-col{
   width: calc(100% - 20px);
  }


  .asidesticky{
  position: relative;
  top: unset;
  }
}

footer a{
  color: #fff;
}

.popular-post-sidebar figure img{
  height: 100%;
}
.terkait-title{
      font-size: 1.4rem;
    font-weight: 600;
}

@media screen and (max-width:991px){
  .terbaru{    font-size: 2.3rem;}
  .br-summary{line-height: 2rem;}
  .modpop-text {font-size: 1.3rem;}
  .modpop-rank {
    font-size: 2.6rem;
    width: 50px;  
  }
  .modpop-item{align-items: center;}
  .col.media-body .text-dark-gray.cutrow-3 {
    font-size: 1.3rem;
  }
  ul.popular-post-sidebar.position-relative{margin-top: 17px;}
  header .navbar-brand {padding: 15px 0;}
  header .navbar-brand img {max-height: 30px;}
  .hdetail {font-size: 2rem;}
  header.sticky .navbar-brand {padding: 10px 0;}
  .summary {line-height: 1.5;}
  .terkaitbox{border-bottom: 1px dashed #d3d3d3;}
  .portalnews-title h3 {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .sectionportal .slider-navigation-style-03.swiper-button-next, .sectionportal .slider-navigation-style-03.swiper-button-prev{display: none;}
}