.font-anomali{
    font-family: Perandory !important;
    font-style: normal;
    font-weight: 400;
}
.judul{
    font-size: 26px;
    font-weight: 600;
}
.desk-14{
    font-size: 14px;
    font-weight: 400;
}
.btn-abu{
    background:#393733 !important; 
}
.img-crop-tentang{
    height:380px;width:100%;object-fit:cover;
}
.font-light{
    font-weight: 200;
}
.list-check{
  list-style:none;
  padding:0;
  margin:0;
}

.list-check li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:4px;
  color:#ddd;
}

.list-check img{
  width:18px;
  height:18px;
  margin-top:4px;
}

.accordion-custom .collapse-btn{
  width:100%;
  background:transparent;
  border:0;
  color:#ddd;
  text-align:left;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  font-size:16px;
}

.accordion-custom .item{
  margin-bottom:12px;
}

.accordion-custom .collapse-btn{
  background:transparent;
  border-radius:30px;
  transition:0.3s;
}

/* ACTIVE / TERBUKA */
.accordion-custom .collapse-btn:not(.collapsed){
  background:#555;
}

.arrow-icon{
  width:14px;
  transition:0.3s;
}

/* rotate arrow saat open */
.collapse-btn:not(.collapsed) .arrow-icon{
  transform:rotate(90deg);
}

.content1{
  padding:15px 20px;
  color:#fff;
  background: transparent !important;
}
.img-card{
  position:relative;
  overflow:hidden;
  border-radius:16px;
}

.img-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.img-text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#2F2F2F;
  font-size:28px;
  font-weight:600;
  text-align:center;
  padding:10px 20px;
  border-radius:10px;
}
.bg-limited{
  background:#2F2F2F;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.bg-limited-1{
  background:#222121;

  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.img-porto{
  width: 100%;
  height: 404px;
  border-radius: 30px;
  object-fit: cover;
}
.line-clamp-3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hoverzoom{

    transform: scale(1) !important;
}
.hoverzoom:hover{
    transform: scale(1.05) !important;
}