/* =========================================
   STYLING KHUSUS HALAMAN ABOUT
   ========================================= */

/* -----------------------------------------
   1. Typography & Text Utilities
   ----------------------------------------- */
   .text-relaxed {
    line-height: 1.8;
  }
  
  .ls-1 {
    letter-spacing: 2px;
  }
  
  /* -----------------------------------------
     2. Background & Decorations
     ----------------------------------------- */
  /* Lingkaran blur untuk dekorasi background hero */
  .bg-decoration-circle {
    width: 300px; 
    height: 300px; 
    filter: blur(80px);
  }
  
  /* Garis vertikal dekoratif */
  .vertical-line-decoration {
    width: 5px;
  }
  
  /* -----------------------------------------
     3. Components: Icons & Boxes
     ----------------------------------------- */
  .icon-box-circle {
    width: 60px; 
    height: 60px;
  }
  
  /* -----------------------------------------
     4. Interactive Effects (Hover & Animation)
     ----------------------------------------- */
  /* Efek transisi halus */
  .hover-top {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  /* Efek saat kursor diarahkan (Card naik + Shadow) */
  .hover-top:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
  }