/* --- Variables --- */
:root {
    --color-main-blue: #143371;      /* Biru Utama (Dark Navy) */
    --color-overlay-blue: #70c2ec;   /* Biru Overlay (Sky Blue) */
    --color-text-dark: #333333;
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    font-family: var(--font-primary);
    color: var(--color-text-dark);
    background-color: #fff;
    overflow-x: hidden;
}

/* --- Utilities --- */
.bg-main-blue { background-color: var(--color-main-blue) !important; }
.x-small { font-size: 0.75rem; }

/* --- Navbar with Elegant Shadow --- */
/* Mengatur ukuran logo pada navbar brand */
.navbar-brand img {
    width: 250px !important;
    height: 55px !important;
    /* object-fit: contain memastikan logo tidak gepeng/tertarik 
       jika rasio gambar aslinya berbeda */
    object-fit: contain; 
}

#mainNav {
    background-color: #ffffff;
    /* Bayangan: Horizontal 0, Vertical 4px, Blur 15px, Opacity 10% */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
    
    /* Tambahan border bawah tipis untuk mempertegas batas */
    border-bottom: 1px solid rgba(20, 51, 113, 0.05);
    
    padding: 0.8rem 0;
    transition: all 0.3s ease-in-out;
}

/* Efek saat Navbar di-hover atau aktif (opsional) */
#mainNav:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* --- Hero Section with Parallax --- */
.hero-section {
    /* Path gambar sesuai permintaan user */
    background-image: url('../img/hero-bg.webp');
    
    /* Efek Parallax */
    background-attachment: fixed; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    min-height: 85vh;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 1;
}

/* Overlay Warna: Biru 143371 & 70c2ec */
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Gradient dari Biru Tua ke Biru Muda Transparan */
    background: linear-gradient(
        135deg, 
        rgba(20, 51, 113, 0.9) 0%, 
        rgba(112, 194, 236, 0.6) 100%
    );
    z-index: -1;
}

/* Responsivitas: Matikan parallax di mobile jika ingin performa lebih ringan */
@media (max-width: 768px) {
    .hero-section {
        background-attachment: scroll; /* Parallax sering glitch di mobile browser */
        min-height: 60vh;
	
    }
}

.btn-hero-square {
    background-color: rgba(20, 51, 113, 0.9);
    color: white;
    border: none;
    border-radius: 4px; /* Kotak sesuai gambar */
    padding: 10px 20px;
    font-weight: 500;
    transition: 0.3s;
}

.btn-hero-square:hover {
    background-color: var(--color-overlay-blue);
    color: white;
}

/* --- Floating Social Icons --- */
.social-icons-floating {
    position: absolute;
    bottom: 40px;
    right: 40px;
    gap: 10px;
}

.social-link {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: white;
    transition: 0.3s;
    text-decoration: none;
}
.social-link.fb { background-color: #3b5998; }
.social-link.ig { background-color: #c13584; }
.social-link.tiktok { background-color: #000; }
.social-link.yt { background-color: #ff0000; }
.social-link:hover { transform: translateY(-5px); }

/* --- Footer Info Section --- */
.info-item {
    transition: transform 0.3s ease;
}

.info-item:hover {
    transform: translateY(-8px);
    cursor: default;
}

.info-item i {
    color: #fff;
    opacity: 0.9;
}

/* --- Styling Tautan Singkat --- */
.tautan-singkat {
    background-color: #FFF8E6; /* PERUBAHAN: Warna latar belakang abu-abu muda */
}

.quick-link-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    color: #143371; /* Warna Biru Utama (Dark Navy) */
    padding: 25px 15px;
    height: 100%;
    min-height: 150px;
    border-radius: 0; /* Tetap kotak tegas sesuai gambar rujukan */
    
    /* SHADOW: Efek bayangan pada tiap box */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); 
    border: 1px solid rgba(0, 0, 0, 0.1); /* Border sedikit dipertegas agar kontras */
    transition: all 0.3s ease-in-out;
}

/* Hover Effect: Perubahan warna & penguatan bayangan */
.quick-link-box:hover {
    background-color: #143371; /* Berubah menjadi biru saat hover */
    color: #ffffff !important;
    transform: translateY(-8px); /* Efek melayang */
    
    /* SHADOW SAAT HOVER: Bayangan lebih dalam/gelap */
    box-shadow: 0 12px 25px rgba(20, 51, 113, 0.25); 
    text-decoration: none;
}

.quick-link-box i {
    font-size: 2rem;
    margin-bottom: 12px;
    color: inherit; /* Ikut berubah saat hover */
}

.quick-link-box span {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    display: block;
}

/* Grid adjustment untuk mobile */
@media (max-width: 576px) {
    .quick-link-box {
        min-height: 120px;
        padding: 15px 10px;
    }
}

/* --- Styling Section Aduan (Dark Parallax Minimal) --- */
.bg-parallax-aduan {
    background-image: url('../img/bg-lapor.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

/* Overlay Gelap Konsisten */
.bg-parallax-aduan::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(135deg, rgba(20, 51, 113, 0.96) 0%, rgba(20, 51, 113, 0.8) 100%);
    z-index: -1;
}

/* Link Minimalis (Tanpa Box & Putih) */
.aduan-minimal-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #ffffff; /* Teks default putih di atas bg gelap */
    transition: all 0.3s ease;
    padding: 10px;
}

.minimal-ico {
    width: 200px;
    height: 200px;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)); /* Shadow hanya pada ikon .ico */
}

.aduan-minimal-link span {
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    opacity: 0.8;
}

/* Efek Hover: Minimalis (Hanya scaling dan pencerahan teks) */
.aduan-minimal-link:hover {
    color: #70c2ec !important; /* Berubah ke Biru Muda Overlay saat hover */
}

.aduan-minimal-link:hover .minimal-ico {
    transform: scale(1.15) translateY(-5px); /* Ikon membesar & naik sedikit */
}

.aduan-minimal-link:hover span {
    opacity: 1;
}

/* --- MOBILE RESPONSIVE (Perbaikan Utama) --- */
@media (max-width: 576px) {
    /* Memperbesar Icon di HP */
    .minimal-ico {
        width: 75px;  /* Ukuran proporsional untuk layout 3 kolom */
        height: 75px;
        margin-bottom: 0px;
    }

    /* Mengatur Teks di HP */
    .aduan-minimal-link div {
        font-size: 0.75rem; /* Ukuran teks pas, tidak terlalu kecil */
        font-weight: 600; /* Sedikit ditebalkan agar terbaca */
    }
    
    /* Mengurangi jarak antar baris grid di HP */
    .row.g-2 {
        --bs-gutter-y: 1rem; 
    }
}

/* Menetapkan warna utama untuk section statistik */
.stats-section-new {
    background-color: #FFF8E6 !important;
    color: #1A237E !important; /* Memaksa warna biru gelap */
}

/* Pastikan judul dan subtitle tidak berwarna putih */
.stats-section-new .subtitle,
.stats-section-new .main-title,
.stats-section-new .univ-title,
.stats-section-new .description-box p {
    color: #1A237E !important;
    opacity: 1; /* Mengatur ulang jika ada opacity yang terlalu rendah */
}

/* Subtitle sedikit lebih halus */
.stats-section-new .subtitle {
    opacity: 0.8;
    letter-spacing: 2px;
}

/* Border di samping deskripsi */
.stats-section-new .description-box {
    border-left: 3px solid #1A237E !important;
    padding-left: 15px;
    margin-top: 20px;
}

/* Univ Title sedikit lebih tipis/transparan agar elegant */
.stats-section-new .univ-title {
    opacity: 0.7;
}

/* Sisi Kiri: Tipografi */
.subtitle {
    color: #1A237E;
    letter-spacing: 2px;
    font-size: 0.9rem;
    opacity: 0.8;
}

.main-title {
    color: #1A237E;
    line-height: 1;
}

.univ-title {
    color: #1A237E;
    opacity: 0.6;
    font-size: 1.75rem;
}

.description-box {
    border-left: 3px solid #1A237E;
    padding-left: 15px;
    margin-top: 20px;
}

/* Sisi Kanan: Box Statistik */
.stats-box {
    background-color: rgba(236, 237, 251, 0.25); /* #ecedfb dengan transparansi 25% */
    border-radius: 12px;
    padding: 15px 10px;
    transition: all 0.3s ease;
    border: 1px solid rgba(26, 35, 126, 0.05); /* Border sangat tipis */
}

.stats-box:hover {
    background-color: rgba(236, 237, 251, 0.5); /* Lebih pekat saat hover */
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(26, 35, 126, 0.05);
}

.stat-label {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px;
    opacity: 0.7;
    height: 32px; /* Menjaga label tetap rapi */
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.stat-content i {
    font-size: 1.2rem;
    opacity: 0.8;
}

.stats-box .counter {
    font-size: 1.8rem;
    font-weight: 800;
    color: #1A237E;
}

/* Responsivitas */
@media (max-width: 768px) {
    .main-title { font-size: 2.2rem; }
    .univ-title { font-size: 1.2rem; }
    .stats-box .counter { font-size: 1.4rem; }
}







/* ==== Footer Styling ===== */
.footer {
    background-color: #143371; /* Biru Utama */
    color: #ffffff;
}

.text-sky {
    color: #70c2ec; /* Biru Muda Aksen */
}

.footer-title {
    position: relative;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    background-color: #70c2ec;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.footer-links a:hover {
    color: #70c2ec;
    padding-left: 5px;
}

.social-circle {
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-circle:hover {
    background-color: #70c2ec;
    color: #143371;
    transform: translateY(-3px);
}

.bg-white-10 {
    background-color: rgba(255, 255, 255, 0.05);
}

.leading-relaxed {
    line-height: 1.7;
}

/* Responsivitas */
@media (max-width: 991px) {
    .footer-links li {
        display: inline-block;
        margin-right: 15px;
    }
}


/* =========================================
   PAGE HEADER (Internal Pages like SAKIP)
   ========================================= */
.page-header {
    /* Menggunakan background yang sama dengan hero tapi lebih pendek */
    background: linear-gradient(135deg, rgba(20, 51, 113, 0.95) 0%, rgba(112, 194, 236, 0.8) 100%), url('../img/hero-bg.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Parallax effect */
    padding-top: 130px; /* Memberi ruang untuk navbar fixed */
    padding-bottom: 60px;
    margin-bottom: 0;
}

.page-header .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.5);
}

* =========================================
   PAGE HEADER (Internal Pages like SAKIP)
   ========================================= */
/* 1. Judul SAKIP */
.sakip-title {
  color: #ffffff !important; /* WARNA PUTIH (DI-FORCE) */
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  letter-spacing: 3px;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: uppercase;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); /* Shadow sedikit dipergelap agar teks lebih pop-up */
}

/* 2. Sub-judul (Sistem Akuntabilitas...) */
.sakip-subtitle {
  color: #ffffff !important; /* WARNA PUTIH (DI-FORCE) */
  font-size: 1.1rem;
  font-weight: 400;
  opacity: 0.95; /* Opacity dinaikkan agar lebih putih terang */
  margin-bottom: 35px;
  letter-spacing: 1px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Tambah shadow agar terbaca di background terang/gelap */
}

.sakip-header {
  /* Background & Gambar Tetap */
  background: linear-gradient(
      135deg,
      rgba(20, 51, 113, 0.95) 0%,
      rgba(10, 31, 77, 0.9) 100%
    ),
    url("../img/hero-bg.webp");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;

  padding-top: 150px;
  padding-bottom: 100px; /* Padding dalam diperbesar sedikit agar kurva manis */
  position: relative;
  text-align: center;
  color: #ffffff !important;

  /* BORDER RADIUS (Lengkungan Bawah) */
  border-bottom-left-radius: 60px; /* Lengkungan diperhalus */
  border-bottom-right-radius: 60px;

  /* RESET MARGIN BAWAH JADI 0 (Kita atur jaraknya lewat container bawah saja) */
  margin-bottom: 0 !important;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  z-index: 2; /* Agar bayangan header berada di atas konten */
}

/* =========================================
   WRAPPER SECTION (FLEXBOX & SPACING)
   ========================================= */

/* Update Container Section agar nyambung dengan Deskripsi */
.sakip-container-section {
  position: relative;
  z-index: 1;

  /* REVISI: Margin atas di-NOL-kan agar nempel rapi dengan section deskripsi */
  margin-top: 0 !important;
  padding-top: 50px; /* Ganti dengan padding agar napasnya enak */

  /* Footer Tetap Aman (Jarak Bawah Tetap 150px) */
  margin-bottom: 150px !important;
}

/* Responsif Mobile */
@media (max-width: 991px) {
  .sakip-container-section {
    margin-top: 0 !important;
    padding-top: 30px;
    margin-bottom: 80px !important;
  }
}

/* =========================================
   REVISI FINAL SIDEBAR (FONT LEBIH RAMPING)
   ========================================= */

/* 2. Container Sidebar (Kolom Kiri) */
.custom-sidebar {
  background: linear-gradient(160deg, #143371 0%, #0a1f4d 100%) !important;
  color: #ffffff !important;
  border-radius: 15px;
  padding: 30px 25px;
  height: 100%;
  box-shadow: 0 10px 25px rgba(20, 51, 113, 0.25);
  position: relative;
  overflow: hidden;
}

/* 3. Judul "MENU DOKUMEN" (Dikecilkan & Semi-Bold) */
.sidebar-label {
  /* Ukuran dikecilkan dari 2rem menjadi 1.25rem (lebih manis) */
  font-size: 1.25rem !important;
  font-weight: 600 !important; /* SEMI BOLD (Tidak lagi Black/Sangat Tebal) */
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.9) !important;
  padding-left: 15px;
  border-left: 4px solid #70c2ec;
}

/* 4. Tombol Navigasi (Item Menu) */
.custom-sidebar .nav-pills .nav-link {
  /* Ukuran dikecilkan dari 1.35rem menjadi 1rem (Standar terbaca) */
  font-size: 1rem !important;
  font-weight: 500 !important; /* Medium/Regular menuju Semi-Bold */

  color: rgba(255, 255, 255, 0.8) !important;
  padding: 15px 20px;
  margin-bottom: 10px;
  border-radius: 10px;
  text-align: left;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}

/* Saat Mouse Hover */
.custom-sidebar .nav-pills .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  padding-left: 25px;
}

/* 5. Saat Tombol Aktif (Diklik) */
.custom-sidebar .nav-pills .nav-link.active {
  background-color: #ffffff !important;
  color: #143371 !important;
  font-weight: 600 !important; /* SEMI BOLD saat aktif */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: scale(1.02); /* Efek membesar sedikit saja */
}

/* Ikon di dalam tombol */
.custom-sidebar .nav-pills .nav-link i {
  width: 30px;
  font-size: 1.1rem !important; /* Ikon disesuaikan */
  text-align: center;
  margin-right: 12px;
}

/* =========================================
   PAGE: DAFTAR INFORMASI PUBLIK
   ========================================= */

/* --- Page Header Banner --- */
.page-header {
    /* Path naik satu folder (..) dari css, lalu masuk ke img */
    background: linear-gradient(135deg, rgba(20, 51, 113, 0.95) 0%, rgba(20, 51, 113, 0.8) 100%), 
                url('../img/hero-bg.webp'); 
    background-size: cover;
    background-position: center;
    color: white;
    padding: 60px 0;
    margin-bottom: 40px;
    border-radius: 0 0 50px 50px; /* Lengkungan sedikit di bawah agar estetik */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* --- Tombol Kembali (Back Button Style) --- */
.btn-back-home {
    display: inline-flex;
    align-items: center;
    color: #143371; /* Warna Biru Utama */
    font-weight: 700;
    text-decoration: none;
    font-size: 1rem;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: transparent;
    border: 2px solid rgba(20, 51, 113, 0.1); /* Border tipis */
    transition: all 0.3s ease;
}

.btn-back-home:hover {
    background-color: #143371;
    color: #ffffff;
    border-color: #143371;
    transform: translateX(-5px); /* Efek bergerak sedikit ke kiri */
    box-shadow: 0 4px 10px rgba(20, 51, 113, 0.2);
}

.btn-back-home i {
    transition: transform 0.3s ease;
}

.btn-back-home:hover i {
    transform: translateX(-3px); /* Panah bergerak lebih jauh */
}




/* --- Accordion Custom Style (Blue Theme) --- */
.accordion-item {
    border: 1px solid rgba(0,0,0,0.05);
    overflow: hidden;
}

.accordion-button {
    background-color: #f8f9fa;
    color: #143371; /* Warna Biru Utama */
    font-weight: 700;
    transition: all 0.3s ease;
}

/* Saat Accordion Terbuka (Active) */
.accordion-button:not(.collapsed) {
    background-color: #143371;
    color: #ffffff;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.1); /* Efek kedalaman */
}

/* Mengubah warna panah accordion menjadi putih saat aktif */
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1); 
}

.accordion-button:focus {
    box-shadow: none; /* Hilangkan glow biru default bootstrap */
    border-color: rgba(20, 51, 113, 0.1);
}

/* --- List Hierarchy (Indentation) --- */
/* --- Custom List Item dengan Action Icon --- */

/* Mengubah item list menjadi flex container (Kiri Teks - Kanan Icon) */
.info-list li {
    display: flex;
    justify-content: space-between; /* Teks di kiri, Icon di kanan */
    align-items: center;      /* Vertikal center */
    padding: 12px 0;          /* Sedikit lebih renggang agar mudah diklik di HP */
    border-bottom: 1px dashed #e0e0e0;
}

/* Container untuk teks agar tidak menabrak icon jika teks panjang */
.list-text {
    padding-right: 15px; 
    flex: 1; /* Mengambil sisa ruang yang ada */
}

/* Styling Tombol Gambar (Klikme.png) */
.action-link {
    display: inline-block;
    flex-shrink: 0; /* Mencegah icon mengecil/gepeng */
    text-decoration: none;
}

.action-icon {
    height: 30px; /* Tinggi icon disesuaikan agar manis */
    width: auto;  /* Lebar menyesuaikan proporsi */
    transition: transform 0.2s ease, filter 0.2s ease;
    cursor: pointer;
}

/* Efek Hover pada Icon */
.action-link:hover .action-icon {
    transform: scale(1.15); /* Membesar sedikit saat disentuh */
    filter: brightness(1.1); /* Sedikit lebih terang */
}

/* Penyesuaian Indentasi dengan Flexbox */
.sub-item {
    padding-left: 35px !important; 
}
.sub-sub-item {
    padding-left: 60px !important; 
}


/* FIX WARNA STATISTIK */
.stats-section-new {
    background-color: #ffffff !important;
    padding: 80px 0;
}

.stats-section-new .main-title, 
.stats-section-new .subtitle, 
.stats-section-new .univ-title, 
.stats-section-new .description-box p {
    color: #1A237E !important;
}

.stats-section-new .subtitle {
    letter-spacing: 2px;
    opacity: 0.9;
}

.stats-section-new .description-box {
    border-left: 3px solid #1A237E !important;
    padding-left: 15px;
}

/* KOTAK STATISTIK (Warna BG #ecedfb transparan 25%) */
.stats-box {
    background-color: rgba(236, 237, 251, 0.25) !important;
    border-radius: 12px;
    padding: 20px 10px;
    transition: all 0.3s ease;
}

.stats-box:hover {
    background-color: rgba(236, 237, 251, 0.5) !important;
    transform: translateY(-5px);
}

.stats-box .stat-label {
    font-size: 0.65rem;
    font-weight: 700;
    color: #1A237E !important;
    opacity: 0.7;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.stats-box i {
    color: #1A237E !important;
    font-size: 1.1rem;
    margin-right: 8px;
}

.stats-box .counter {
    color: #1A237E !important;
    font-size: 1.8rem;
    font-weight: 800;
}




/* BACKGROUND TOTAL CALM BLUE */
.stats-section-final-calm {
    background-color: #FFF8E6 !important; /* Biru sangat muda, manis, dan kalem */
    color: #1A237E !important;
    padding: 100px 0;
    border: none !important; /* Menghilangkan garis batas jika ada */
}

/* Sisi Kiri */
.subtitle-final {
    font-size: 1.1rem !important;
    color: #1A237E !important;
    letter-spacing: 3px;
    opacity: 0.8;
}

.main-title-final {
    font-size: 4.2rem !important;
    line-height: 0.95;
    color: #1A237E !important;
    letter-spacing: -1px;
}

.univ-title-final {
    font-size: 2.3rem !important;
    font-weight: 300 !important;
    color: #1A237E !important;
    opacity: 0.6;
}

.description-box-final {
    border-left: 5px solid #b70606;
    padding-left: 20px;
    margin-top: 25px;
    font-size: 1.15rem;
    opacity: 0.8;
}

/* Grid Statistik Polos & Elegant */
.label-final {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #1A237E !important;
    opacity: 0.5;
    margin-bottom: 5px;
}

.content-final {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.content-final i {
    font-size: 1.4rem;
    color: #1A237E !important;
    opacity: 0.7;
}

.content-final .counter {
    font-size: 2.2rem;
    font-weight: 800;
    color: #1A237E !important;
}

/* Responsif untuk Mobile */
@media (max-width: 991px) {
    .main-title-final { font-size: 3rem !important; }
    .univ-title-final { font-size: 1.6rem !important; }
    .stats-section-final-calm { padding: 60px 0; }
}