.bg-profil{
    margin-top:100px;height:178px;background-size:cover !important;
}

.desk-tentang{
    font-size:20px !important; line-height:150% !important; text-align: justify !important; 
}

.desk-tentang-sm{
    font-size:16px !important; line-height:150% !important; text-align: justify !important; 
}
.disabled-link {
    pointer-events: none;
    color: #999;
    text-decoration: none;
}
.img-crop-news{
  width: 100% !important;
  height: 210px !important;
  object-fit: cover;
  border-radius: 20px;
}

.img-crop-news-1{
  width: 100% !important;
  height: 300px !important;
  object-fit: cover;
  border-radius: 20px;
}
.section-title {
      color: #7a6a5d;
      font-weight: 600;
    }

    .main-title {
      color: #e67e22;
      font-size: 32px;
      font-weight: 700;
    }
    .sub-main-title{
        color:#616161;
        font-size: 14px;
        font-weight: 400;
    }

    .card-soft {
      background: #FFFFFF;
      border-radius: 20px;
      padding: 25px;
      height: 100%;
    }

    .number-bg {
      font-size: 70px;
      font-weight: 700;
      color: rgba(230, 126, 34, 0.15);
    }

    .semester-card {
      position: relative;
      overflow: hidden;
    }

    .center-image {
      border-radius: 20px;
      width: 100%;
      object-fit: cover;
    }

    .desc {
      font-size: 11px;
      line-height: 18px;
      color: #555;
    }

    @media (max-width: 768px) {
      .number-bg {
        font-size: 50px;
      }
    }

    .leader-wrap {
  position: relative;
  border-radius: 11px;
  overflow: hidden;
   background: #f3f1ee;

  box-shadow: 
    0 2px 6px rgba(0, 0, 0, 0.05),
    0 2px 6px rgba(0, 0, 0, 0.03);

}

.leader-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 11px;
}

/* CARD PUTIH DI BAWAH */
.leader-info {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  text-align: left;
}

/* TEXT */
.leader-role {
  font-size: 10px;
  color: #EF7E2E;
}

.leader-name {
  font-weight: 600;
  color: #000000;
  font-size: 12px;
}

/* SPACING BIAR GA KEPOTONG */
.leader-wrap {
  margin-bottom: 30px;
}

/* HOVER EFFECT */
.leader-wrap:hover .leader-img {
  transform: scale(1.05);
  transition: 0.4s;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* jumlah baris */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* jumlah baris */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

 .footer-banner {
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      min-height: 300px;
    }

    .footer-banner-img {
      position: absolute;
      inset: 0;
      background: url('../../../pak/bgbanner.svg') right center / cover no-repeat;
    }

    .footer-banner-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        90deg,
        rgba(238,120,36,0.95) 0%,
        rgba(238,120,36,0.85) 50%,
        rgba(238,120,36,0.0) 100%
      );
    }

    .footer-banner-content {
      position: relative;
      z-index: 2;
      color: #fff;
      padding: 40px;
      max-width: 600px;
    }

    .btn-footer-banner {
      background: #fff;
      color: #ee7824;
      border-radius: 12px;
      padding: 10px 20px;
      font-weight: 500;
    }

    .btn-footer-banner:hover {
      background: #f1f1f1;
      color: #ee7824;
    }

    @media (max-width: 768px) {
      .footer-banner-content {
        padding: 25px;
      }
    }

    .alumni-card{
      border-radius:20px;
      padding:20px;
      background:#fff;
      display:flex;
      align-items:center;
      gap:20px;
    }
    .alumni-img{
      width:150px;
      height:150px;
      border-radius:50%;
      overflow:hidden;
      flex-shrink:0;
    }
    .alumni-img img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .linkedin-btn{
      background:#FFF3EB;
      color:#636161;
      font-size:14px;
      border-radius:20px;
      padding:5px 12px;
      display:inline-flex;
      align-items:center;
      gap:5px;
      text-decoration:none;
    }
    .cta-box{
      background:#FFF3EB;
      border-radius:20px;
      padding:40px;
      text-align:center;
    }
    .btn-orange{
      background:#f97316;
      color:#fff;
      border-radius:30px;
      padding:10px 25px;
      border:none;
    }
    .btn-orange:hover{
      background:#ea580c;
    }

    
/* CONTACT */
.contact-icon{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.contact-icon img{
  width:32px;
}

/* MAP CARD */
.map-box{
  border-radius:20px;
  overflow:hidden;
}
.map-footer{
  background:#f27c2a;
  color:#fff;
  padding:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}

/* FORM AREA */
.form-section{
  border-radius: 22px;
background: #FFF7F2;
box-shadow: 0 -1px 4px 0 rgba(193, 189, 189, 0.18);
  padding:40px;
}
.input-box{
  background:#fff;
  border-radius:15px;
  padding:18px 20px;
}

.input-box label{
  font-weight:600;
  font-size:14px;
  margin-bottom:5px;
  display:block;
}

.input-box .form-control{
  background:transparent;
  box-shadow:none;
  outline:none;
  font-size:14px;
}

.input-box .form-control:focus{
  box-shadow:none;
}
.btn-orange{
  background:#f27c2a;
  color:#fff;
  border-radius:10px;
  padding:10px 50px;
  border:none;
}
.btn-orange:hover{
  background:#e56712;
}

.img-box img{
  border-radius:20px;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ICON DI MAP */
.map-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.map-title img{
  width:16px;
}

.img-logo{
  width: 100%;
    box-shadow: rgba(12, 12, 13, 0.05) 4px 4px 10px -4px;
    height: auto !important;
    padding: 16px 40px;
    gap: 10px;
    background: rgb(255, 255, 255);
    border-radius: 20px;
}
.image-wrapper {
    position: relative;
}

.icon-prestasi {
    position: absolute;
    top: 15px;      /* jarak dari atas */
    right: 15px;    /* ini yang bikin ke kanan */
    width: 48px;    /* sesuaikan ukuran */
    z-index: 2;
}



.gambar {
    border-radius: 20px;
    width: 100%;
    height: 200px;
    object-fit: cover
}
.pagination li {
  display: inline-block;
  margin: 2px;
}

.pagination li a {
  padding: 6px 12px;
  border: 1px solid #dee2e6;
  color: #000;
  text-decoration: none;
  border-radius: 6px;
}

.pagination li.active a {
  background: #000;
  color: #fff;
}

.pagination li a:hover {
  background: #e9ecef;
}