@media (min-width: 768px){
  .remove-bottom-md{
    border-bottom: 0 !important;
  }
}


.carousel-inner img{
max-height:400px;
width:100%;
object-fit:cover; /* penting biar gak gepeng */
}

.img-card{
width:80px;
object-fit:cover; /* penting biar gak gepeng */
}

.img-content{
    width:100%;
    height: 200px;
    object-fit: cover;
}

@media (min-width: 769px){
    .img-content{
        height: 600px;
    }
}




/* Default: mobile → border aktif */
.mobile-border {
  border-bottom: 1px solid #ddd;
  padding-top: 15px;
}

/* Mulai layar lg (≥992px) → border dimatikan */
@media (min-width: 992px) {
  .mobile-border {
    border-bottom: none;
  }
}


.clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}

.clamp-3::after{

  position:absolute;
  bottom:0;
  right:0;
  padding-left:5px;
  background: linear-gradient(to right, transparent, white 40%);
}


.page-item.active .page-link {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color:#fff !important;
}
.page-link {
    color: #28a745!important;
 }

 /* google translate*/
/* .goog-te-banner-frame {
  display: none !important;
} */
 /* Google Translate Widget Styles */
 .translate-container {
  height: 40px;
  display: flex;
  align-items: center;
  gap: o.5rem;
  background: #4baf47;
  padding: 0.5rem 0rem;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  font-size: 2.5vh;
  color: black;
}

#google_translate_element {
  min-width: 140px;
}

/* Custom styling untuk Google Translate dropdown */
.goog-te-gadget {
  font-family: inherit !important;
  color: white !important;
}

div#google_translate_element .goog-te-gadget-simple {
  border: none !important;
}

.goog-te-gadget-simple {
  background: transparent !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
}

.goog-te-gadget-simple a {
  color: white !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
}

.VIpgJd-ZVi9od-xl07Ob-lTBxed span {
  color: white !important;
}

 .reset-btn {
  background: #4baf47;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s ease;
}

.reset-btn:hover {
  background: green;
}

.reset-btn svg {
  width: 18px;
  height: 18px;
}