/* MeetMe-inspired theme — custom styles */
:root{
  --primary: #6c63ff;
  --text: #222;
}
*{box-sizing:border-box}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);}
.navbar .nav-link{font-weight:500}
.navbar .nav-link.active{color:var(--primary) !important}
.hero{padding-top:6rem;padding-bottom:4rem;background:linear-gradient(180deg,#f8f9ff,transparent)}
.hero-avatar{width:350px;height:350px;object-fit:cover;border:10px solid #fff}
.section{padding:80px 0}
.service-card{background:#fff;border-radius:1rem;border:1px solid #eee;transition:transform .2s, box-shadow .2s}
.service-card .icon{font-size:28px;margin-bottom:12px;color:var(--primary)}
.service-card:hover{transform:translateY(-4px);box-shadow:0 1rem 2rem rgba(0,0,0,.08)}
.progress{height:10px;background:#e9ecef;border-radius:999px}
.progress-bar{background:var(--primary)}
/* .timeline{border-left:2px solid #eee;padding-left:20px} */
/* .timeline-item{margin-bottom:24px;position:relative} */
/* .timeline-item::before{content:'';position:absolute;left:-11px;top:6px;width:12px;height:12px;background:var(--primary);border-radius:50%} */
.timeline {
  border-left: 2px solid #eee;
  padding-left: 20px; /* jarak teks dari garis */
  position: relative;
}

.timeline-item {
  margin-bottom: 24px;
  position: relative;
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: -26px;       /* geser lebih jauh ke kiri */
  top: 6px;
  width: 12px;
  height: 12px;
  background: var(--primary);
  border-radius: 50%;
}

.filters .btn{margin:.25rem}
.card-img-top{aspect-ratio:3/2;object-fit:cover}
footer a{text-decoration:none}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#fff;border:1px solid #eee;margin-right:10px;color:#444;transition:.2s}
.socials a:hover{transform:translateY(-3px);color:var(--primary);border-color:var(--primary)}
.skill{margin-bottom: 1.5rem;}
/* Small tweaks */
@media (max-width: 991.98px){
  .hero{padding-bottom:2rem}
}