/* ================================
   LAYANAN UNGGULAN - MIRIP RS PERSAHABATAN
================================ */

.featured-services-section{
  background:linear-gradient(180deg,#eafffb 0%,#f8fffd 100%)!important;
  padding:76px 0 86px!important;
  overflow:hidden!important;
}

.featured-services-section .container{
  width:min(1500px,calc(100% - 64px))!important;
  max-width:none!important;
  margin:0 auto!important;
}

.featured-services{
  display:grid!important;
  grid-template-columns:330px 1fr!important;
  gap:38px!important;
  align-items:center!important;
}

/* KIRI */
.featured-services__intro h2{
  margin:0 0 20px!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:clamp(34px,3.2vw,46px)!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  color:#0b1220!important;
}

.featured-services__intro p{
  margin:0 0 28px!important;
  max-width:300px!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#64748b!important;
}

.featured-services__controls{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

.featured-services__nav{
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  border:2px solid #079b8d!important;
  background:transparent!important;
  color:#079b8d!important;
  font-size:24px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}

.featured-services__indicator{
  width:74px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#079b8d 0 60%,#cfd8e3 60% 100%)!important;
  margin-left:12px!important;
}

/* SLIDER */
.featured-services__viewport{
  width:100%!important;
  overflow:hidden!important;
  min-width:0!important;
}

.featured-services__slider{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:24px!important;
  width:100%!important;
  transition:transform .55s ease!important;
}

.featured-services__item{
  flex:0 0 calc((100% - 48px) / 3)!important;
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}

/* CARD */
.featured-service-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:430px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#078575!important;
}

.featured-service-card__image,
.featured-service-card__image picture,
.featured-service-card__image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

.featured-service-card__image img{
  object-fit:cover!important;
  object-position:center!important;
}

.featured-service-card__overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(
    to top,
    rgba(0,126,111,.98) 0%,
    rgba(0,150,134,.86) 36%,
    rgba(0,150,134,.38) 62%,
    rgba(0,150,134,.05) 84%
  )!important;
}

.featured-service-card__content{
  position:absolute!important;
  left:26px!important;
  right:26px!important;
  bottom:24px!important;
  z-index:2!important;
  color:#fff!important;
}

.featured-service-card__content h3{
  margin:0 0 10px!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:clamp(22px,2vw,28px)!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  color:#fff!important;

  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.featured-service-card__desc{
  max-height:54px!important;
  overflow:hidden!important;
  margin:0!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:400!important;
  color:#fff!important;
}

.featured-service-card__desc p{
  margin:0!important;
}

.featured-service-card__link,
.featured-service-card__link-wrap a{
  display:inline-flex!important;
  margin-top:16px!important;
  color:#fff!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

.featured-service-card__link:hover,
.featured-service-card__link-wrap a:hover{
  text-decoration:underline!important;
}

/* TABLET */
@media(max-width:1200px){
  .featured-services{
    grid-template-columns:300px 1fr!important;
  }

  .featured-services__item{
    flex:0 0 calc((100% - 24px) / 2)!important;
  }
}

/* MOBILE */
@media(max-width:767px){
  .featured-services-section{
    padding:56px 0 70px!important;
  }

  .featured-services-section .container{
    width:calc(100% - 28px)!important;
  }

  .featured-services{
    display:block!important;
  }

  .featured-services__intro{
    margin-bottom:28px!important;
  }

  .featured-services__intro h2{
    font-size:32px!important;
  }

  .featured-services__intro p{
    font-size:15px!important;
  }

  .featured-services__item{
    flex:0 0 86%!important;
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }

  .featured-service-card{
    min-height:390px!important;
  }
}