/* home */
        :root {
            --glass-bg: rgba(255, 255, 255, 0.12);
            --glass-border: rgba(255, 255, 255, 0.2);
            --blur: blur(12px);
            --dark-deep: #0b1121;
        }

        /* --- Custom Variables --- */
        :root {
            --glass-bg: rgba(255, 255, 255, 0.12);
            --glass-border: rgba(255, 255, 255, 0.2);
            --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
            --accent-color: #00d2ff;
            --blur-strength: 12px;
        }

        /* --- Global Reset --- */
        body {
            margin: 0;
            padding: 0;
            min-height: 100vh;
            color: #ffffff;
            overflow-x: hidden;
        }

        /* --- Glassmorphism Core Class --- */
        .glass-effect {
            background: var(--glass-bg);
            backdrop-filter: blur(var(--blur-strength));
            -webkit-backdrop-filter: blur(var(--blur-strength));
            border: 1px solid var(--glass-border);
            box-shadow: var(--glass-shadow);
        }

        /* --- Navigation --- */
 
        .navbar-glass {
            background: var(--glass-bg);
            backdrop-filter: var(--blur);
            -webkit-backdrop-filter: var(--blur);
            border: 1px solid var(--glass-border); /* Tambahkan border keliling agar lebih 'glass' */
            border-radius: 50px;
            
            /* PENGATURAN POSISI TENGAH */
            margin: 15px auto; /* auto ke kiri & kanan akan memposisikan ke tengah */
            width: 90%; /* Supaya tidak mepet ke pinggir layar HP */
            max-width: 1200px; /* Batas maksimal di desktop */
            
            padding: 0.8rem 1.5rem;
            display: flex;
            align-items: center;
        }

        .navbar-glass .nav-link {
            color: rgba(255, 255, 255, 0.8) !important;
            font-weight: 500;
            margin: 0 10px;
            transition: 0.3s;
        }

        .navbar-glass .nav-link:hover {
            color: var(--accent-color) !important;
            text-shadow: 0 0 10px rgba(0, 210, 255, 0.5);
        }

         .glass-card:hover {
            transform: scale(1.05);
            background: rgba(255, 255, 255, 0.2);
            border-color: var(--accent-color);
        }

        /* --- Gallery Styling --- */
        .gallery-container {
            padding: 50px 0;
        }

        .gallery-img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            border-radius: 20px;
            border: 2px solid transparent;
            transition: all 0.3s ease;
        }

        .gallery-img:hover {
            border-color: var(--accent-color);
            box-shadow: 0 0 20px rgba(0, 210, 255, 0.4);
            cursor: pointer;
        }

        /* --- Typography --- */
        h1.display-4 {
            text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5);
            letter-spacing: 2px;
        }

        .text-info {
            color: var(--accent-color) !important;
        }

         .contact-info p {
            font-size: 0.85rem;
            transition: 0.3s;
        }

        .contact-info i {
            width: 20px; /* Menjaga ikon sejajar vertikal */
        }

        .footer-link {
            font-size: 0.85rem;
            color: #94a3b8;
            text-decoration: none;
            transition: 0.3s;
            display: inline-block;
            margin-bottom: 10px;
        }

        .footer-link:hover {
            color: var(--accent-color);
            transform: translateX(5px);
        }

        .social-icons a {
            width: 38px;
            height: 38px;
            background: rgba(255, 255, 255, 0.05);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #94a3b8;
            margin-right: 10px;
            transition: 0.3s;
        }

        .social-icons a:hover {
            background: var(--accent-color);
            color: #000;
            transform: translateY(-3px);
        }

        /* Penyesuaian Grid di Mobile */
        @media (max-width: 768px) {
            .map-container {
                margin-top: 20px;
            }
            
            footer .row-cols-2 {
                margin-top: 20px;
                margin-bottom: 20px;
            }
        }

        /* --- Button Custom --- */
        .btn-info {
            background: var(--accent-color);
            border: none;
            border-radius: 30px;
            font-weight: 600;
            box-shadow: 0 4px 15px rgba(0, 210, 255, 0.3);
        }

        .btn-info:hover {
            background: #00b4db;
            transform: translateY(-2px);
        }

        /* --- Responsive Adjustments --- */

        /* Tablet & HP (Layar di bawah 992px) */
        @media (max-width: 991.98px) {
            .navbar-glass {
                width: 95%;
                margin: 10px auto;
                border-radius: 20px; /* Sedikit lebih kotak di HP agar space maksimal */
                padding: 10px 15px;
            }
            
            .hero-section {
                padding: 60px 0;
            }

            h1.display-4 {
                font-size: 2.2rem; /* Ukuran teks judul lebih kecil di HP */
            }
        }

        @media (max-width: 768px) {
            .navbar-glass {
                margin: 10px auto; 
                padding: 0.5rem 1rem;
                width: 95%; /* Di HP hampir memenuhi layar tapi tetap ada sela */
            }
            
            .navbar-brand img {
                height: 30px; /* Kecilkan logo dikit di HP supaya tidak sesak */
            }
        }

        /* Khusus Smartphone (Layar di bawah 768px) */
        @media (max-width: 767.98px) {
            .glass-card {
                margin-bottom: 20px;
                padding: 20px;
            }

            .gallery-img {
                height: 200px; /* Gambar galeri sedikit lebih pendek di HP */
            }

            footer {
                text-align: center; /* Teks footer rata tengah di HP agar rapi */
            }

            .navbar-collapse {
                background: rgba(0, 0, 0, 0.8); /* Background menu dropdown saat di klik di HP */
                backdrop-filter: blur(10px);
                margin-top: 15px;
                padding: 20px;
                border-radius: 15px;
            }
        }

        /* --- Glassmorphism Navigation --- */
        .navbar-glass {
            background: var(--glass-bg);
            backdrop-filter: var(--blur);
            -webkit-backdrop-filter: var(--blur);
            border: 1px solid var(--glass-border);
            border-radius: 50px;

            /* KUNCI STICKY */
            position: sticky; /* Wajib ada */
            top: 20px;        /* Jarak dari atas layar saat di-scroll */
            z-index: 1100;    /* Agar di atas konten lain */

            /* KUNCI POSISI TENGAH */
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
            margin-bottom: 20px;
            
            /* LEBAR NAVBAR */
            width: 95%; /* Di laptop akan mengambil 95% lebar layar */
            max-width: 1200px; /* Tapi tidak akan lebih lebar dari 1200px (agar tidak terlalu panjang) */
            
            /* LAYOUT DALAM */
            display: flex;
            justify-content: space-between; /* Logo kiri, Menu kanan */
            align-items: center;
            padding: 0.8rem 2rem;
            
        }

        /* --- Hero Section --- */
        .hero-section {
            padding: 80px 0 60px;
            text-align: center;
        }

        /* --- Card Glassmorphism --- */
         .glass-card {
            background: var(--glass-bg);
            backdrop-filter: var(--blur);
            border: 1px solid var(--glass-border);
            border-radius: 20px;
            padding: 35px 30px;
            
            /* Tambahkan dua baris ini agar semua konten ke tengah */
            display: flex;
            flex-direction: column;
            align-items: center; /* Memusatkan elemen (gambar/badge/tombol) */
            text-align: center;  /* Memusatkan teks (h3/p) */
            
            height: 100%;
            transition: all 0.3s ease;
        }

        /* Pastikan gambar icon juga punya margin yang pas */
        .glass-card img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            object-fit: contain;
        }

        /* Supaya tombol "Lihat Modul" lebarnya pas di tengah */
        .btn-learn {
            width: 100%; /* Atau hapus jika ingin tombolnya kecil di tengah */
            max-width: 200px; 
            margin-top: auto; /* Mendorong tombol ke paling bawah card */
        }

        .glass-card:hover {
            transform: translateY(-10px);
            background: rgba(255, 255, 255, 0.18);
            border-color: rgba(255, 255, 255, 0.4);
        }

        /* --- Section Pembatas (Efek Kaca Berhenti di Sini) --- */
        .content-wrapper {
            padding-bottom: 80px;
        }

        .gallery-img-container {
            border-radius: 15px;
            overflow: hidden;
            height: 250px; /* Tinggi default */
            border: 1px solid rgba(255,255,255,0.05);
        }

        .gallery-img-container.big {
            height: 100%; /* Untuk foto yang lebar */
        }

        .gallery-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease, filter 0.3s ease;
            filter: brightness(0.8);
        }

        .gallery-img:hover {
            transform: scale(1.1);
            filter: brightness(1);
            cursor: pointer;
        }

        /* --- Gallery 4 Columns --- */
        .gallery-section {
            background: #0b1121;
            padding: 80px 0 100px;
        }

        .gallery-wrapper {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            aspect-ratio: 1 / 1; /* Membuat kotak foto jadi persegi (Square) agar rapi 4 kolom */
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .gallery-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            filter: brightness(0.8);
        }

        .gallery-wrapper:hover img {
            transform: scale(1.15);
            filter: brightness(1);
            cursor: zoom-in;
        }

        /* --- Footer --- */
        footer {
            background: #060912;
            padding: 60px 0 20px;
            border-top: 1px solid rgba(255,255,255,0.05);
        }

        .footer-link {
            color: #94a3b8;
            text-decoration: none;
            transition: 0.2s;
            font-size: 0.9rem;
        }

        .footer-link:hover {
            color: #0dcaf0;
            padding-left: 5px;
        }

        .social-icons a {
            width: 35px; height: 35px;
            display: inline-flex; align-items: center; justify-content: center;
            background: rgba(255,255,255,0.05);
            color: #94a3b8; border-radius: 50%;
            margin-right: 8px; transition: 0.3s; text-decoration: none;
        }

        .social-icons a:hover {
            background: #0dcaf0; color: white; transform: translateY(-3px);
        }

        /* --- About Section (Solid Concept) --- */
        .hero-about {
            background: #0b1121; /* Warna solid, tidak tembus pandang */
            padding: 100px 0;
            position: relative;
            color: #fff;
        }

        .stat-card {
            background: rgba(255, 255, 255, 0.03); /* Gelap tapi kontras */
            border: 1px solid rgba(255, 255, 255, 0.08);
            padding: 20px;
            border-radius: 15px;
            transition: 0.3s;
        }

        .stat-card:hover {
            background: rgba(255, 255, 255, 0.06);
            border-color: #0dcaf0;
        }

        .img-wrapper {
            position: relative;
            border-radius: 25px;
            overflow: hidden;
            border: 5px solid rgba(255, 255, 255, 0.05);
        }

        .img-wrapper img {
            transition: transform 0.5s ease;
        }

        .img-wrapper:hover img {
            transform: scale(1.05);
        }

        .tracking-widest {
            letter-spacing: 3px;
        }

        /* --- Vision Mission Section --- */
        .vision-mission-section {
            background: #0b1121; /* Solid Dark */
            padding: 60px 0 100px;
        }

        .vm-container {
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 30px;
            overflow: hidden;
        }

        .vm-box {
            padding: 40px;
            height: 100%;
            transition: 0.3s;
        }

        .vm-box:hover {
            background: rgba(255, 255, 255, 0.03);
        }

        .mission-list {
            list-style: none;
            padding-left: 0;
        }

        .mission-list li {
            position: relative;
            padding-left: 30px;
            margin-bottom: 15px;
            color: #94a3b8;
        }

        .mission-list li::before {
            content: "\f633"; /* Icon check-circle dari Bootstrap Icons */
            font-family: bootstrap-icons;
            position: absolute;
            left: 0;
            color: #0dcaf0;
        }

        /* --- Facilities Section --- */
        .facility-section {
            background: #0b1121; /* Tetap solid dark */
            padding-bottom: 100px;
        }

        .facility-card {
            transition: all 0.3s ease;
        }

        .facility-card .img-wrapper {
            aspect-ratio: 16 / 10; /* Menjaga semua gambar seragam */
            overflow: hidden;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 20px;
        }

        .facility-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .facility-card:hover img {
            transform: scale(1.1);
        }

        .facility-card h5 {
            color: #fff;
            transition: 0.3s;
        }

        .facility-card:hover h5 {
            color: #0dcaf0; /* Warna info saat hover */
        }

        /* --- History Section (Solid Dark) --- */
        .history-section {
            background: #0b1121; /* Warna solid yang sama dengan About & Visi Misi */
            padding: 80px 0;
            position: relative;
            border-top: 1px solid rgba(255, 255, 255, 0.05); /* Garis pemisah halus */
        }

        .history-img-container {
            position: relative;
            border-radius: 25px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0,0,0,0.4);
        }

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

        .history-badge-year {
            position: absolute;
            top: 20px;
            right: 20px;
            background: #0dcaf0;
            color: #000;
            padding: 10px 20px;
            border-radius: 50px;
            font-weight: bold;
            box-shadow: 0 5px 15px rgba(13, 202, 240, 0.3);
        }

        /* --- Tutor Section --- */
        .tutor-section {
            background: #0b1121; /* Solid Dark */
            padding-bottom: 100px;
        }

        .tutor-card .img-wrapper {
            position: relative;
            border: 3px solid rgba(13, 202, 240, 0.1); /* Border info tipis */
            padding: 5px;
            transition: all 0.3s ease;
        }

        .tutor-card:hover .img-wrapper {
            border-color: #0dcaf0;
            transform: scale(1.05);
            box-shadow: 0 0 20px rgba(13, 202, 240, 0.2);
        }

        .tutor-card img {
            filter: grayscale(20%); /* Efek profesional */
            transition: 0.3s;
        }

        .tutor-card:hover img {
            filter: grayscale(0%);
        }

        /* --- Testimonial Section --- */
        .testimonial-section {
            background: #0b1121;
            padding: 80px 0 120px;
        }

        .testi-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 20px;
            padding: 25px;
            height: 100%;
            transition: 0.3s;
        }

        .testi-card:hover {
            background: rgba(255, 255, 255, 0.05);
            border-color: #0dcaf0;
            transform: translateY(-5px);
        }

        .quote-icon {
            font-size: 2rem;
            color: #0dcaf0;
            opacity: 0.3;
            line-height: 1;
        }

        .user-img {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid #0dcaf0;
        }

        /* --- Perbaikan Jarak Teks di Card materi --- */
        .glass-card h3 {
            font-size: 1.4rem;
            font-weight: 700;
            margin-top: 10px;
            margin-bottom: 12px; /* Jarak judul ke deskripsi */
            color: #fff;
        }

        .glass-card p.text-secondary {
            line-height: 1.6; /* Membuat teks deskripsi tidak rapat atas-bawah */
            margin-bottom: 20px; /* Jarak deskripsi ke list materi */
            color: rgba(255, 255, 255, 0.7) !important;
        }

        .glass-card {
            background: var(--glass-bg);
            backdrop-filter: var(--blur);
            border: 1px solid var(--glass-border);
            border-radius: 20px;
            
            /* Tambahkan/Sesuaikan bagian ini */
            padding: 35px 30px; /* Atas-Bawah 35px, Kiri-Kanan 30px */
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Menjaga tombol tetap di bawah jika card ditarik tinggi */
            
            height: 100%;
            transition: all 0.3s ease;
        }

        /* Tambahkan margin pada elemen di dalamnya agar tidak berhimpitan */
        .glass-card .category-badge {
            margin-bottom: 20px;
        }

        .glass-card h3 {
            margin-bottom: 15px;
            line-height: 1.3;
        }

        .glass-card p {
            margin-bottom: 25px; /* Jarak ke tombol */
            line-height: 1.6;
        }

        .materi-list li {
            padding: 10px 0; /* Memberi ruang antar item list */
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            display: flex;
            align-items: center;
            font-size: 0.95rem;
            line-height: 1.4; /* Jarak baris jika teks list panjang */
        }

        .materi-list li:last-child {
            border-bottom: none; /* Hilangkan garis di item terakhir */
        }

        /* Tambahan: Spasi untuk Tombol */
        .btn-learn {
            margin-top: 25px; /* Jarak aman dari list ke tombol */
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        /* --- News & Video Section --- */
        .news-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 15px;
            overflow: hidden;
            transition: 0.3s;
        }

        .news-card:hover {
            transform: translateY(-5px);
            border-color: #0dcaf0;
        }

        .news-img-wrapper {
            height: 180px;
            overflow: hidden;
        }

        .news-img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            height: 0;
            overflow: hidden;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 20px 40px rgba(0,0,0,0.4);
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        /* Menghilangkan dekorasi default link pada kartu berita */
        a.text-decoration-none:hover .news-card {
            border-color: #0dcaf0;
            background: rgba(255, 255, 255, 0.08); /* Sedikit lebih terang saat di-hover */
        }

        a.text-decoration-none:hover .news-img-wrapper img {
            transform: scale(1.1); /* Efek zoom pada gambar */
            transition: 0.5s;
        }

        /* --- Navbar Optimization --- */
        .navbar-glass {
            background: var(--glass-bg);
            backdrop-filter: var(--blur);
            -webkit-backdrop-filter: var(--blur);
            border: 1px solid var(--glass-border);
            border-radius: 50px;
            margin: 15px 20px;
            padding: 0.8rem 1.5rem;
            transition: all 0.3s ease;
        }

        /* Memperbaiki tampilan link agar tidak terlalu rapat */
        .nav-link {
            font-size: 0.9rem;
            font-weight: 500;
            margin: 0 3px;
            transition: 0.3s;
        }

        .nav-link:hover {
            color: var(--info-cyan) !important;
        }

        /* Responsif Mobile (Breakpoint Bootstrap lg) */
        @media (max-width: 991.98px) {
            .navbar-glass {
                border-radius: 20px; /* Di HP kotak sedikit lebih kaku agar pas dengan layar */
                margin: 10px;
                padding: 10px 20px;
            }

            .navbar-collapse {
                background: rgba(11, 17, 33, 0.95); /* Background gelap solid saat menu dibuka di HP */
                backdrop-filter: blur(20px);
                margin-top: 15px;
                border-radius: 15px;
                padding: 20px;
                border: 1px solid var(--glass-border);
            }

            .nav-item {
                border-bottom: 1px solid rgba(255,255,255,0.05);
                padding: 5px 0;
            }

            .nav-item:last-child {
                border-bottom: none;
            }

            .nav-link.btn-info {
                margin-top: 15px;
                text-align: center;
                border-radius: 10px !important;
            }
        }

        .navbar-brand img {
            object-fit: contain; /* Menjaga proporsi logo */
            filter: drop-shadow(0 0 5px rgba(13, 202, 240, 0.3)); /* Memberi efek glow tipis sesuai tema */
            transition: transform 0.3s ease;
        }

        .navbar-brand:hover img {
            transform: rotate(-5deg) scale(1.05); /* Efek interaksi saat logo disentuh mouse */
        }

        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* Rasio 16:9 */
            height: 0;
            overflow: hidden;
            border-radius: 20px;
            background: #000;
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
        /* Memberi jarak aman saat scroll ke ID agar tidak tertutup navbar */
        section {
            scroll-margin-top: 100px; 
        }

        /* whatsapp melayang */
        .whatsapp-float {
            position: fixed;
            bottom: 25px;
            right: 25px;
            background: #ffffff; /* Background putih agar logo kontras */
            border: 2px solid #25d366;
            border-radius: 50px;
            padding: 5px 15px 5px 5px;
            text-decoration: none;
            z-index: 9999;
            box-shadow: 0 8px 20px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
        }

        .wa-container {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* Wrapper Logo */
        .wa-logo-wrapper {
            position: relative;
            width: 45px;
            height: 45px;
        }

        .wa-logo-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            border-radius: 50%;
        }

        /* Ikon WA Kecil di pojok logo */
        .wa-badge {
            position: absolute;
            bottom: -2px;
            right: -2px;
            background: #25d366;
            color: white;
            font-size: 12px;
            width: 18px;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            border: 1px solid white;
        }

        /* Teks Bimbel */
        .wa-text-content {
            display: flex;
            flex-direction: column;
            color: #333;
        }

        .wa-text-content small { font-size: 9px; color: #666; text-transform: uppercase; }
        .wa-text-content span { font-size: 13px; font-weight: 700; white-space: nowrap; }

        /* --- RESPONSIVE UNTUK HP --- */
        @media (max-width: 768px) {
            .whatsapp-float {
                padding: 5px; /* Hilangkan padding kanan agar jadi bulat */
                width: 55px;
                height: 55px;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            /* SEMBUNYIKAN TEKS DI HP */
            .wa-text-content {
                display: none;
            }
            
            .wa-logo-wrapper {
                width: 40px;
                height: 40px;
            }
        }

        .footer-logo {
            width: 45px;      /* Ukuran lebar logo */
            height: 45px;     /* Ukuran tinggi logo */
            object-fit: contain;
            filter: drop-shadow(0 0 5px rgba(13, 202, 240, 0.2)); /* Efek glow tipis sesuai tema */
        }

        /* Biar tetap sejajar di HP */
        .footer-brand-wrapper {
            display: flex;
            align-items: center;
        }

        @media (max-width: 768px) {
            .footer-logo {
                width: 35px;  /* Sedikit lebih kecil di HP */
                height: 35px;
            }
            
            .footer-brand-wrapper h5 {
                font-size: 1.1rem; /* Biar teks nggak terlalu besar dibanding logo di HP */
            }
        }

        @media (max-width: 991.98px) {
            /* Membuat info kontak tetap rata kiri tapi posisinya di tengah layar HP */
            .contact-info {
                display: inline-block; /* Agar lebar hanya sebatas teks */
                text-align: left;
                margin-bottom: 25px;
            }
            
            /* Menyelaraskan teks deskripsi di HP */
            footer p.text-secondary {
                padding: 0 10%; /* Memberi ruang di kiri-kanan agar tidak mentok */
            }
        }

        /* Styling Kontak Footer */
        .contact-info .d-inline-block {
            max-width: 100%; /* Agar tidak meluap di HP layar kecil */
        }

        .contact-info p {
            line-height: 1.5;
            margin-bottom: 12px !important;
        }

        .contact-info i {
            font-size: 1.1rem;
            min-width: 25px; /* Menjaga jarak ikon agar teks di sampingnya sejajar vertikal */
        }

        @media (max-width: 991.98px) {
            /* Penyelarasan di HP */
            .footer-brand-wrapper {
                margin-bottom: 1.5rem !important;
            }
            
            footer p.text-secondary {
                margin-bottom: 1.5rem !important;
            }

            /* Membuat blok alamat berada di tengah secara visual tapi teks tetap rata kiri */
            .contact-info {
                display: block;
                width: 100%;
            }
        }
        /* Pastikan lebar kontak item tidak melebihi lebar deskripsi di HP */
        .contact-item {
            max-width: 100%;
            width: 100%; /* Default Full */
        }

        .contact-item i {
            min-width: 20px; /* Lebar tetap untuk ikon agar teks setelahnya lurus */
            font-size: 1.1rem;
        }

        .contact-item span {
            line-height: 1.5;
        }

        @media (max-width: 991.98px) {
            .contact-info {
                /* Memberi padding kiri-kanan yang sama dengan teks deskripsi 'partner terbaik' */
                padding: 0 5%; 
            }
            
            .contact-item {
                /* Membatasi lebar agar tidak terlalu mepet ke pinggir layar HP */
                max-width: 320px; 
                margin-left: auto;
                margin-right: auto;
            }
        }

        /* Memastikan dropdown muncul di atas elemen lain saat di mobile */
        @media (max-width: 991px) {
            .navbar-collapse {
                max-height: 80vh; /* Agar menu tidak melebihi layar */
                overflow-y: auto;
            }
            
            .dropdown-menu {
                border: none !important;
                background: rgba(255, 255, 255, 0.05) !important; /* Gaya glassmorphism di mobile */
                margin-left: 1rem;
                margin-right: 1rem;
            }
        }