.logo {
    position: relative;
    display: inline-block;
}

.logo-img {
    height: 90px;
    transition: opacity 0.3s ease;
}

.text-subjudul{
    color: #FFF !important;
font-size: 24px;
font-style: normal;
font-weight: 600 !important;
line-height: normal;
}
/* default tampil */
.logo-top {
    opacity: 1;
    position: relative;
}

.btn-transparant{
    border-radius: 16px;
    border: 0px;
    font-size: 14px;
background: rgba(174, 174, 174, 0.35);
}
.btn-font14{
    font-size: 14px;
}

/* hidden awal */
.logo-scroll {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

/* saat scroll */
.scrolled .logo-top {
    opacity: 0;
}

.scrolled .logo-scroll {
    opacity: 1;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

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

.img-detail-artikel{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.wa-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    text-decoration: none;
}

.wa-text {
    background: #fff;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 18px;
    color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    white-space: nowrap;
}

.wa-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.wa-float:hover .wa-text {
    transform: translateX(-5px);
    transition: 0.2s;
}

.img-fitur{
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}

.img-produk{
    width: 100%;
}

.stat-icon{
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    display: block;
}
.stat-number{
    color: #2D2D2D;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Poppins', sans-serif;
    font-size: 15.824px;
    font-style: normal;
    font-weight: 700;
    line-height: 17.423px;
    margin-bottom: 6px;
}
.stat-label{
    color: #3A3A3A;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Poppins', sans-serif;
    font-size: 9.89px;
    font-style: normal;
    font-weight: 400;
    line-height: 11.132px;
}
.subjudul-tentang{
   color: #E80505;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.judul-layanan{
text-align: center;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: 43px; /* 119.444% */
letter-spacing: -0.72px;
}

.desk-layanan{
text-align: center;
font-family: Poppins;
font-size: 15.201px;
font-style: normal;
font-weight: 400;
line-height: 30.402px; /* 200% */
letter-spacing: 0.456px;
}

.biaya-layanan{
text-align: center;
font-family: Poppins;
font-size: 15.201px;
font-style: normal;
font-weight: 600;
line-height: 30.402px; /* 200% */
letter-spacing: 0.456px;
}

.btn-outline-green{
    border-radius: 14.241px;
border: 0.4px solid #3CC455 !important;
color:#3CC455 !important;
}

.desk-heading{
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 166.667% */
}

.testimonial-section{
    background:#fff;
}

.testimonialSwiper{
    padding-bottom:60px;
}

.testimonial-card{
    background:#ececec;
    border-radius:30px;
    overflow:hidden;
    min-height:300px;
}

.testimonial-image{
    width:220px;
    flex-shrink:0;
}

.testimonial-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.testimonial-content{
    padding:40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.testimonial-content p{
    font-size:20px;
    line-height:1.8;
    margin-bottom:40px;
}

.testimonial-content h4{
    font-size:32px;
    font-weight:700;
    margin-bottom:5px;
}

.testimonial-content span{
    font-size:18px;
}

.swiper-pagination{
    position:relative;
    margin-top:30px;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#d2d2d2;
    opacity:1;
}

.swiper-pagination-bullet-active{
    background:#5c578d;
}

@media(max-width:768px){

    .testimonial-card{
        flex-direction:column;
    }

    .testimonial-image{
        width:100%;
        height:250px;
    }

    .testimonial-content{
        padding:25px;
    }

    .testimonial-content p{
        font-size:16px;
    }

    .testimonial-content h4{
        font-size:24px;
    }
}

.produk-label{
    color: #E80505;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.produk-title{
    color: #002960;
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
}
.produk-desc{
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    max-width: 700px;
}
.produk-more{
    color: #002960;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    white-space: nowrap;
}

.produk-card{
    background: #fff;
    overflow: hidden;
    padding: 12px;
    height: 100%;
    display: flex;
    border-radius: 8px;
    flex-direction: column;
}
.produk-card img{
    border-radius: 10px;
    width: 100%;
    height: 164.274px;
    object-fit: cover;
    display: block;
}
.produk-card-body{
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.produk-card-title{
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 12.329px;
    font-weight: 600;
    line-height: 18.038px;
    margin-bottom: 4px;
}
.produk-card-desc{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 8.957px;
    font-weight: 400;
    line-height: 17.027px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.produk-card-btn{
    display: inline-block;
    border-radius: 10.166px;
    margin-bottom: 8px;
    background: #0653DD;
    color: #fff;
    border: none;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 16px;
    align-self: flex-start;
    margin-top: auto;
}
.produk-card-btn:hover{
    background: #0540b0;
    color: #fff;
}

.title-galleri{
    color: #000;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}


  .testimoni-section{
    background:#fff;
    border-radius:24px;
    padding:60px 40px;
  }
 
  .testimoni-label{
   color: #E80505;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
  }
 
  .testimoni-title{
   color: #002960;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
 
  .testimoni-desc{
   color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
  }
 
  /* Swiper card */
  .testi-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(16,12,99,0.08);
    height:100%;
  }
 
  .testi-card img.testi-photo{
    width:100%;
    height:170px;
    object-fit:cover;
    display:block;
  }
 
  .testi-body{
    padding:18px 20px 22px;
  }
 
  .testi-avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    object-fit:cover;
    flex-shrink:0;
  }
 
  .testi-name{
    font-weight:600;
    font-size:14px;
    color:#1a1a1a;
    margin-bottom:2px;
  }
 
  .testi-role{
    font-size:12.5px;
    color:var(--mku-orange);
    font-weight:500;
  }
 
  .testi-stars{
    color:#FFC107;
    font-size:14px;
    letter-spacing:2px;
    margin:12px 0 10px;
  }
 
  .testi-text{
    font-size:13px;
    color:#666;
    line-height:1.6;
    margin-bottom:14px;
  }
 
  .testi-date{
    font-size:12px;
    color:#999;
    display:flex;
    align-items:center;
    gap:6px;
  }
 
  /* Swiper container needs overflow visible on the right to peek next slide,
     but hidden overall is handled by Swiper itself */
  .testi-swiper{
    padding-bottom:10px;
  }
 
  .swiper-slide{
    height:auto;
  }
 
  @media (max-width: 991px){
    .testimoni-section{
      padding:40px 20px;
    }
    .testimoni-desc{
      max-width:100%;
      margin-bottom:30px;
    }
  }

   /* Bootstrap's row-cols utility only goes up to 6, so this adds a 7-col variant */
  .row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.2857143%;
  }
 
  .partner-card{
    background:#fff;
    border-radius:14px;
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    box-shadow:0 2px 10px rgba(16,12,99,0.05);
    transition:box-shadow .2s ease, transform .2s ease;
  }
 
  .partner-card:hover{
    box-shadow:0 6px 18px rgba(16,12,99,0.12);
    transform:translateY(-2px);
  }
 
  .partner-card img{
    max-width:100%;
    max-height:74px;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:0.75;
    transition:filter .2s ease, opacity .2s ease;
  }
 
  .partner-card:hover img{
    filter:grayscale(0%);
    opacity:1;
  }

   .kmk-card{
    background:#fff;
    border-radius:14px;
    padding:24px;
    height:100%;
    display:flex;
    gap:16px;
    box-shadow:0 2px 10px rgba(16,12,99,0.05);
  }
 
  .kmk-icon{
    width:56px;
    height:56px;
    object-fit:contain;
    flex-shrink:0;
  }
 
  .kmk-title{
    color:#2D2D2D;
    font-feature-settings:'liga' off, 'clig' off;
    font-family:'Poppins', sans-serif;
    font-size:13.32px;
    font-weight:600;
    line-height:25.141px;
    margin-bottom:2px;
  }
 
  .kmk-desc{
    color:#3A3A3A;
    font-feature-settings:'liga' off, 'clig' off;
    font-family:'Poppins', sans-serif;
    font-size:9.449px;
    font-weight:400;
    line-height:16.063px;
    margin-bottom:0;
  }
 
  .kmk-label{
    color:#E80505;
    font-family:'Inter', sans-serif;
    font-size:16px;
    font-weight:600;
    line-height:150%;
    margin-bottom:10px;
  }
 
  .kmk-heading{
    color:#002960;
    font-family:'Inter', sans-serif;
    font-size:26px;
    font-weight:700;
    line-height:150%;
  }
 
  .kmk-text{
    color:#000;
    font-family:'Inter', sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:150%;
    max-width:420px;
  }
 
  /* CTA banner */
  .cta-banner{
    background:#002960;
    border-radius:24px;
    padding:40px 50px;
  }
 
  .cta-title{
    color:#FFF;
    font-family:'Poppins', sans-serif;
    font-size:22.944px;
    font-weight:600;
    line-height:62.871px; /* 274.02% */
  }
 
  .cta-desc{
    color:#BEBEBE;
    font-family:'Inter', sans-serif;
    font-size:13.384px;
    font-weight:500;
    line-height:24.856px; /* 185.714% */
    margin-bottom:0;
    max-width:600px;
  }
 
  .cta-btn{
    background:#fff;
    color:#002960;
    font-weight:700;
    font-size:14.5px;
    border:none;
    border-radius:50px;
    padding:16px 32px;
    white-space:nowrap;
  }
 
  .cta-btn:hover{
    background:#f0f0f0;
  }
 
  @media (max-width: 991px){
    .cta-banner .row{
      text-align:center;
    }
    .cta-banner .col-lg-auto{
      margin-top:20px;
    }
  }

  .judul-footer{
    color: #E80505 !important;
font-size: 20px;
    font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 600 !important;
line-height: 28px; /* 140% */
  }