/* Section Utama */
    .stats-cta-section {
        background-color: #21438D;
        /* Biru Tua dari Logo */
        padding: 80px 0 0;
        /* Padding atas lebih besar untuk menampung box statistik */
        margin-top: 50px;
        position: relative;
        overflow: hidden;
        /* Penting untuk bentuk lengkung di bawah */
    }

    /* Bentuk Melengkung/Wave di Bagian Bawah */
    .stats-cta-section::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        /* Atur ketinggian lengkungan sesuai kebutuhan */
        background-color: #f8f9fa;
        /* Warna latar belakang section berikutnya */
        /* Membuat bentuk lengkungan di sisi bawah (Contoh bentuk wave CSS) */
        clip-path: ellipse(100% 100px at 50% 100%);
        z-index: 1;
    }

    /* Container untuk Statistik (di atas area biru) */
    .stats-container-top {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0 15px;
        margin-bottom: -50px;
        /* Naikkan container statistik agar overlap */
        position: relative;
        z-index: 10;
        /* Pastikan statistik di atas latar belakang biru */
    }

    /* Kotak Statistik Individual */
    .stat-box-ast {
        background-color: white;
        border-radius: 15px;
        padding: 25px 15px;
        text-align: center;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
        flex-basis: 22%;
        /* Menyesuaikan lebar kotak agar 4 kotak muat */
        min-width: 150px;
        margin: 10px;
        transition: transform 0.3s ease;
    }

    .stat-box-ast:hover {
        transform: translateY(-5px);
        /* Efek elegan saat di-hover */
    }

    .stat-box-ast .number {
        font-size: 2.2rem;
        font-weight: 800;
        color: #198754;
        /* Warna Hijau untuk angka (dari gambar) */
        margin-bottom: 5px;
    }

    .stat-box-ast .label {
        font-size: 0.95rem;
        color: #495057;
        font-weight: 500;
    }

    /* Tombol CTA Besar */
    .cta-button-large-ast {
        /* Bentuk Oval/Kapsul */
        background-color: #FDD202;
        /* Kuning dari Logo */
        color: #21438D;
        /* Biru Tua dari Logo */
        font-size: 1.8rem;
        font-weight: 800;
        padding: 20px 60px;
        border-radius: 50px;
        /* Membuat bentuk oval */
        text-decoration: none;
        display: inline-block;
        margin: 50px auto 100px;
        /* Jarak atas bawah dan tengah */
        position: relative;
        z-index: 5;
        transition: background-color 0.3s ease, transform 0.3s ease;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
        /* Bayangan menarik */
    }

    .cta-button-large-ast:hover {
        background-color: #FFA800;
        /* Kuning lebih gelap saat di-hover */
        transform: scale(1.03);
        color: #21438D;
    }

    /* Responsif */
    @media (max-width: 992px) {
        .stats-container-top {
            flex-wrap: wrap;
            /* Pindah ke baris baru saat sempit */
        }

        .stat-box-ast {
            flex-basis: 45%;
            /* Dua kolom di tablet */
            margin-bottom: 20px;
        }

        .cta-button-large-ast {
            font-size: 1.5rem;
            padding: 15px 40px;
        }
    }

    @media (max-width: 576px) {
        .stat-box-ast {
            flex-basis: 90%;
            /* Satu kolom di HP */
        }

        .stats-cta-section {
            padding-bottom: 0;
        }
    }



    /* Section Utama */
    .expertise-cta-ast {
        background-color: #21438D;
        /* Background Kuning Dominan */
        color: #ffffff;
        /* Warna teks Biru Tua */
        padding: 60px 0;
        position: relative;
        overflow: hidden;
        margin: 50px 0;
        border-radius: 10px;
    }

    /* Container untuk Teks */
    .expertise-cta-ast .text-content {
        padding: 20px;
    }

    /* Judul Utama */
    .expertise-cta-ast h1 {
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: 10px;
        color: #ffffff;
        /* Biru Tua */
    }

    /* Sub Judul/Pertanyaan */
    .expertise-cta-ast h2 {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 20px;
        color: #ffffff;
        /* Biru Tua */
    }

    /* Paragraf Deskripsi */
    .expertise-cta-ast p {
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    /* Gambar Teknisi */
    .expertise-cta-ast .img-teknisi-wrap {
        /* Menghapus overflow: hidden dan height: 100% yang tidak diperlukan untuk logo */
        display: flex;
        /* Gunakan flexbox untuk penempatan logo */
        justify-content: center;
        /* Pusatkan logo secara horizontal */
        align-items: center;
        /* Pusatkan logo secara vertikal */
        height: 100%;
        /* Pertahankan tinggi agar logo bisa di tengah vertikal */
        padding: 20px;
        /* Tambahkan padding agar logo tidak terlalu mepet */
    }

    .expertise-cta-ast .img-teknisi {
        /* Mengatur ukuran logo */
        max-width: 200px;
        /* Batasi lebar maksimum logo (Anda bisa ubah nilai ini) */
        max-height: 200px;
        /* Batasi tinggi maksimum logo (Anda bisa ubah nilai ini) */
        width: 100%;
        height: auto;

        /* Menghapus properti positioning absolute/transform yang digunakan untuk cropping */
        position: static;
        transform: none;
        object-fit: contain;
        /* Penting: Pastikan logo terlihat utuh tanpa terpotong */
    }

    /* Tombol Kustom */
    .btn-cta-expertise {
        background-color: #FDD202;
        /* Biru Tua */
        color: #ffffff;
        /* Kuning */
        border: none;
        padding: 12px 35px;
        font-size: 1.1rem;
        font-weight: 700;
        border-radius: 5px;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
    }

    .btn-cta-expertise:hover {
        background-color: #1a356e;
        /* Biru sedikit gelap saat hover */
        color: #FFFFFF;
        /* Ganti teks menjadi putih saat hover (opsional) */
    }

    @media (min-width: 992px) {
        .expertise-cta-ast .col-lg-5 {
            min-height: 350px;
            /* Kurangi tinggi minimum kolom karena gambar lebih kecil */
        }

        .expertise-cta-ast .img-teknisi {
            /* Posisikan logo di tengah kolom gambar */
            margin: auto;
        }
    }

    @media (max-width: 991px) {
        .expertise-cta-ast {
            padding: 40px 15px;
        }

        .expertise-cta-ast .col-lg-5 {
            display: none;
            /* Sembunyikan gambar di layar kecil agar fokus ke CTA */
        }

        /* 1. RATA KIRI TEKS (Penting: Sesuai permintaan Anda) */
        .expertise-cta-ast .col-lg-7 {
            /* Kolom pembungkus tetap rata kiri */
            text-align: left !important;
        }

        .expertise-cta-ast h1,
        .expertise-cta-ast h2,
        .expertise-cta-ast p {
            text-align: left;
            /* Teks rata kiri */
            margin-left: 0;
            margin-right: 0;
        }

        .expertise-cta-ast h1 {
            font-size: 2rem;
        }

        .expertise-cta-ast h2 {
            font-size: 1.3rem;
        }

        /* 2. RATA TENGAH TOMBOL */
        .tombol-wrapper-mobile {
            /* Override perataan teks kolom hanya untuk wrapper tombol */
            text-align: center;
            margin-top: 20px;
        }
    }


    /* faq */

    /* ---------------------------------------------------- */
    /* --- FAQ SECTION: Gaya Umum --- */
    /* ---------------------------------------------------- */
    .faq-ast-section {
        padding: 60px 0;
        background-color: #f8f9fa;
        /* Latar belakang terang untuk kontras */
    }

    /* Judul Utama FAQ */
    .faq-ast-title h2 {
        color: #21438D !important;
        /* Warna Biru AST */
        font-weight: 800 !important;
        margin-bottom: 5px;
        font-size: 2.2rem;
    }

    .faq-ast-title .underline {
        display: block;
        width: 60px;
        height: 3px;
        background-color: #FDD202 !important;
        /* Warna Kuning AST */
        margin: 0 0 30px 0;
    }

    /* ---------------------------------------------------- */
    /* --- FAQ ACCORDION: Gaya Kustom --- */
    /* ---------------------------------------------------- */

    /* Kontainer Utama Accordion */
    .accordion-ast .accordion-item {
        border: none !important;
        margin-bottom: 10px !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        /* Efek Elegan */
        overflow: hidden;
    }

    /* Header Pertanyaan (Tombol) */
    .accordion-ast .accordion-button {
        background-color: #21438D !important;
        color: white !important;
        font-weight: 700 !important;
        padding: 18px 20px !important;
        border-radius: 8px !important;
        font-size: 1.05rem !important;
        border: none !important;
        box-shadow: none !important;
        transition: background-color 0.3s;
    }

    /* Ikon Plus/Minus (Chevron) */
    .accordion-ast .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FDD202'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
        transform: rotate(-180deg) !important;
    }

    .accordion-ast .accordion-button::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FDD202'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
    }

    /* Hover State */
    .accordion-ast .accordion-button:hover {
        background-color: #31539D !important;
    }

    /* Body Jawaban */
    .accordion-ast .accordion-body {
        background-color: white !important;
        color: #495057 !important;
        padding: 20px !important;
        border-top: 1px solid #dee2e6;
        font-size: 1rem;
    }

    /* ---------------------------------------------------- */
    /* --- Responsif Mobile --- */
    /* ---------------------------------------------------- */
    @media (max-width: 767px) {
        .faq-ast-title h2 {
            font-size: 1.8rem;
            text-align: center;
        }

        .faq-ast-title .underline {
            margin: 0 auto 30px auto;
        }

        .img-faq-left {
            margin-bottom: 30px;
            text-align: center;
        }

        .img-faq-left img {
            max-width: 70%;
        }

        .accordion-ast .accordion-button {
            font-size: 0.95rem !important;
        }
    }



    /* ---------------------------------------------------- */
    /* --- BOOKING/CONTACT SECTION: Gaya Umum --- */
    /* ---------------------------------------------------- */
    .booking-ast-section {
        padding: 80px 0;
        background-color: #f8f9fa;
        /* Latar belakang abu-abu muda */
    }

    .booking-card {
        background-color: white;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    /* ---------------------------------------------------- */
    /* --- KOLOM KIRI (CTA/Visual) --- */
    /* ---------------------------------------------------- */
    .booking-cta {
        background-color: #21438D;
        /* Biru Tua Solid */
        color: white;
        padding: 40px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 15px 0 0 15px;
        /* Lekukan hanya di sisi kiri */
    }

    .booking-cta h2 {
        color: white !important;
        font-weight: 800 !important;
        font-size: 2rem;
        margin-bottom: 20px;
        line-height: 1.3;
    }

    .booking-cta p {
        font-size: 1rem;
        margin-bottom: 30px;
    }

    /* Tombol CTA Tambahan (di kolom kiri) */
    .booking-cta .btn-cta-whatsapp {
        background-color: #FDD202 !important;
        color: #21438D !important;
        font-weight: 800;
        padding: 12px 25px;
        border-radius: 8px;
        transition: background-color 0.3s;
    }

    .booking-cta .btn-cta-whatsapp:hover {
        background-color: #FFC107 !important;
    }


    /* ---------------------------------------------------- */
    /* --- KOLOM KANAN (FORM INPUT) --- */
    /* ---------------------------------------------------- */
    .booking-form {
        padding: 40px;
    }

    .booking-form .form-control {
        border-radius: 8px;
        height: 50px;
        border-color: #ced4da;
        box-shadow: none !important;
        transition: border-color 0.3s;
    }

    .booking-form .form-control:focus {
        border-color: #21438D;
        /* Border fokus warna biru */
    }

    .booking-form textarea.form-control {
        height: 120px;
        resize: none;
    }

    .booking-form .btn-submit-ast {
        background-color: #21438D !important;
        color: white !important;
        font-weight: 700;
        padding: 15px 30px;
        border-radius: 8px;
        width: 100%;
        font-size: 1.1rem;
        transition: background-color 0.3s;
    }

    .booking-form .btn-submit-ast:hover {
        background-color: #1a3575 !important;
    }

    /* ---------------------------------------------------- */
    /* --- Responsif Mobile --- */
    /* ---------------------------------------------------- */
    @media (max-width: 991px) {
        .booking-cta {
            padding: 30px;
            text-align: center;
            border-radius: 15px 15px 0 0;
            /* Lekukan di sisi atas */
        }

        .booking-cta h2 {
            font-size: 1.8rem;
        }

        .booking-form {
            padding: 30px;
        }

        .booking-cta .btn-cta-whatsapp {
            display: block;
            margin-top: 20px;
        }
    }

    /* ---------------------------------------------------- */
    /* --- BLOG SECTION: Gaya Umum --- */
    /* ---------------------------------------------------- */
    .blog-ast-section {
        padding: 60px 0;
        background-color: #f4f7f9;
        /* Latar belakang abu-abu sangat muda */
    }

    /* Judul Halaman Blog */
    .blog-header-title {
        color: #21438D !important;
        font-weight: 800 !important;
        margin-bottom: 30px;
        font-size: 2.5rem;
    }

    /* ---------------------------------------------------- */
    /* --- POST CARD (Kolom Kiri) --- */
    /* ---------------------------------------------------- */
    .blog-post-card {
        background-color: white;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 30px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s, box-shadow 0.3s;
    }

    .blog-post-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

    .blog-img-container {
        height: 250px;
        overflow: hidden;
    }

    .blog-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s;
    }

    .blog-post-card:hover .blog-img-container img {
        transform: scale(1.05);
    }

    .blog-content {
        padding: 25px;
    }

    .blog-content .post-meta {
        font-size: 0.85rem;
        color: #6c757d;
        margin-bottom: 10px;
    }

    .blog-content .post-meta a {
        color: #21438D;
        text-decoration: none;
        font-weight: 600;
    }

    .blog-content h3 a {
        color: #21438D !important;
        font-size: 1.5rem;
        font-weight: 700;
        text-decoration: none;
        transition: color 0.3s;
    }

    .blog-content h3 a:hover {
        color: #FDD202 !important;
    }

    .blog-content p {
        color: #495057;
        margin-top: 15px;
        line-height: 1.6;
    }

    /* Tombol Baca Selengkapnya */
    .read-more-btn {
        color: #FDD202;
        font-weight: 700;
        text-decoration: none;
        transition: color 0.3s;
    }

    .read-more-btn:hover {
        color: #FDD202;
    }

    /* ---------------------------------------------------- */
    /* --- SIDEBAR (Kolom Kanan) --- */
    /* ---------------------------------------------------- */
    .sidebar-ast {
        padding-left: 20px;
    }

    .sidebar-widget {
        background-color: white;
        padding: 25px;
        border-radius: 10px;
        margin-bottom: 30px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    .sidebar-widget h4 {
        color: #21438D;
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 20px;
        border-bottom: 2px solid #FDD202;
        padding-bottom: 5px;
    }

    /* Gaya Kategori */
    .category-list-ast .list-group-item {
        border: none;
        padding: 10px 0;
        color: #495057;
        font-weight: 500;
        border-bottom: 1px dashed #e9ecef;
    }

    .category-list-ast .list-group-item:last-child {
        border-bottom: none;
    }

    .category-list-ast .list-group-item:hover {
        color: #21438D;
        background-color: transparent;
    }

    /* Gaya Artikel Populer */
    .popular-post-item {
        display: flex;
        margin-bottom: 15px;
        text-decoration: none !important;
    }

    .popular-post-item:hover .popular-img-thumb {
        opacity: 0.8;
    }

    .popular-img-thumb {
        width: 60px;
        height: 60px;
        border-radius: 5px;
        object-fit: cover;
        margin-right: 15px;
    }

    .popular-content a {
        color: #21438D;
        font-size: 1rem;
        font-weight: 600;
        display: block;
        line-height: 1.4;
        text-decoration: none;
    }

    .popular-content span {
        font-size: 0.8rem;
        color: #6c757d;
    }

    /* ---------------------------------------------------- */
    /* --- Responsif Mobile --- */
    /* ---------------------------------------------------- */
    @media (max-width: 991px) {
        .blog-ast-section {
            padding: 40px 0;
        }

        .blog-header-title {
            font-size: 2rem;
            text-align: center;
        }

        .sidebar-ast {
            padding-left: 0;
            margin-top: 30px;
        }
    }

    .contact-ast-section {
        padding: 80px 0;
        background-color: #f4f7f9;
        /* Latar belakang abu-abu muda */
    }

    /* Judul Utama SEO */
    .contact-ast-section h2 {
        color: #21438D !important;
        font-weight: 800 !important;
        margin-bottom: 5px;
        font-size: 2.5rem;
    }

    .contact-ast-section p.lead {
        font-size: 1.15rem;
        color: #495057;
        margin-bottom: 40px;
    }

    /* ---------------------------------------------------- */
    /* --- CONTACT INFO CARD --- */
    /* ---------------------------------------------------- */
    .info-card-ast {
        background-color: #21438D;
        /* Biru Tua */
        color: white;
        padding: 30px;
        border-radius: 10px;
        margin-bottom: 30px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .info-card-ast .info-item {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .info-card-ast .info-icon {
        width: 40px;
        height: 40px;
        background-color: #FDD202;
        /* Kuning */
        color: #21438D;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-size: 1.2rem;
        margin-right: 15px;
    }

    .info-card-ast .info-details strong {
        font-size: 1rem;
        display: block;
        font-weight: 700;
    }

    .info-card-ast .info-details a {
        color: white;
        text-decoration: none;
        transition: color 0.3s;
    }

    .info-card-ast .info-details a:hover {
        color: #FDD202;
    }


    /* ---------------------------------------------------- */
    /* --- CONTACT FORM --- */
    /* ---------------------------------------------------- */
    .contact-form-card {
        background-color: white;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .contact-form-card h3 {
        color: #21438D;
        font-weight: 700;
        margin-bottom: 25px;
    }

    .contact-form-card .form-control {
        border-radius: 6px;
        height: 50px;
        border-color: #e9ecef;
        box-shadow: none !important;
    }

    .contact-form-card textarea.form-control {
        height: 150px;
        resize: none;
    }

    .contact-form-card .btn-submit-contact {
        background-color: #FDD202 !important;
        color: #21438D !important;
        font-weight: 800;
        padding: 12px 30px;
        border-radius: 6px;
        width: 100%;
        transition: background-color 0.3s;
    }

    .contact-form-card .btn-submit-contact:hover {
        background-color: #FFC107 !important;
    }

    /* ---------------------------------------------------- */
    /* --- MAP/LOKASI --- */
    /* ---------------------------------------------------- */
    .map-location {
        margin-top: 30px;
        height: 400px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    /* ---------------------------------------------------- */
    /* --- Responsif Mobile --- */
    /* ---------------------------------------------------- */
    @media (max-width: 991px) {
        .contact-ast-section {
            padding: 40px 0;
        }

        .contact-ast-section h2 {
            font-size: 2rem;
            text-align: center;
        }

        .contact-ast-section p.lead {
            text-align: center;
            margin-bottom: 30px;
        }
    }

    /* ---------------------------------------------------- */
    /* --- HARGA SECTION: Gaya Umum untuk Responsif --- */
    /* ---------------------------------------------------- */
    .price-ast-section-responsive {
        padding: 30px 0;
        /* Padding lebih kecil di mobile */
        background-color: #f4f7f9;
    }

    /* Judul Utama */
    .price-ast-section-responsive h2 {
        color: #21438D !important;
        font-weight: 800 !important;
        margin-bottom: 5px;
        font-size: 2rem;
        /* Ukuran font disesuaikan untuk mobile */
        text-align: center;
    }

    .price-ast-section-responsive p.lead {
        font-size: 1rem;
        color: #495057;
        margin-bottom: 25px;
        text-align: center;
    }

    /* ---------------------------------------------------- */
    /* --- PRICE CARD CONTAINER & TABLE untuk HP/Responsif --- */
    /* ---------------------------------------------------- */
    .price-card-group {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        /* Shadow lebih ringan */
        margin-bottom: 20px;
        /* Jarak antar kartu */
        padding: 15px;
        overflow: hidden;
    }

    /* Judul Kategori Harga */
    .price-card-group h3 {
        color: #FDD202;
        background-color: #21438D;
        padding: 10px;
        border-radius: 5px;
        font-weight: 700;
        margin: -15px -15px 15px -15px;
        /* Sesuaikan margin agar pas dengan padding card */
        text-align: center;
        font-size: 1.2rem;
        /* Ukuran font lebih kecil */
    }

    /* Gaya Tabel Umum (Desktop View) */
    .price-table-responsive {
        width: 100%;
        border-collapse: collapse;
        margin-top: 15px;
    }

    .price-table-responsive thead th {
        background-color: #ced4da;
        color: #21438D;
        font-weight: 600;
        padding: 8px 10px;
        font-size: 0.9rem;
        text-align: left;
    }

    .price-table-responsive tbody td {
        padding: 10px;
        background-color: #ffffff;
        border-bottom: 1px solid #e9ecef;
        color: #495057;
        font-size: 0.9rem;
        text-align: left;
    }

    .price-table-responsive .harga-column {
        font-weight: 700;
        color: #008000;
        text-align: right;
        width: 20%;
    }

    .price-table-responsive .keterangan-column {
        font-style: italic;
        color: #6c757d;
        font-size: 0.8rem;
        width: 30%;
    }

    /* Catatan dan Disclaimer */
    .price-notes {
        margin-top: 20px;
        padding: 10px;
        background-color: #fff3cd;
        border-left: 5px solid #FDD202;
        color: #856404;
        border-radius: 5px;
        font-size: 0.85rem;
    }

    /* ---------------------------------------------------- */
    /* --- Media Query untuk Mobile (Tabel Menjadi Scrollable) --- */
    /* ---------------------------------------------------- */
    @media (max-width: 767px) {

        /* 1. Aktifkan Horizontal Scroll pada Wrapper */
        .table-scroll-wrapper {
            overflow-x: auto;
            /* Ini yang membuat scroll horizontal aktif */
            -webkit-overflow-scrolling: touch;
            /* Untuk performa scroll yang lebih baik di iOS */
            /* Sesuaikan margin dan padding agar scroll terlihat bagus di dalam card */
            margin: 0 -15px;
            padding: 0 15px 10px 15px;
            /* Tambahkan padding di bawah untuk ruang scrollbar */
        }

        /* 2. Pastikan Tabel memiliki lebar minimum agar bisa di-scroll */
        .price-table-responsive {
            width: 100%;
            /* Atur lebar minimum agar tidak terkompresi */
            min-width: 550px;
        }

        /* 3. Penyesuaian Kolom (untuk memaksimalkan ruang di mobile) */
        .price-table-responsive thead th,
        .price-table-responsive tbody td {
            padding: 8px 10px;
            font-size: 0.85rem;
            /* Font lebih kecil agar muat */
            white-space: nowrap;
            /* Mencegah teks terpecah ke baris baru */
        }

        /* 4. Reset style Card View yang tidak diperlukan lagi */
        .price-table-responsive,
        .price-table-responsive thead,
        .price-table-responsive tbody,
        .price-table-responsive th,
        .price-table-responsive td,
        .price-table-responsive tr {
            display: table;
            /* Kembalikan ke tampilan tabel normal */
        }

        .price-table-responsive thead {
            display: table-header-group;
            /* Tampilkan header lagi */
        }

        .price-table-responsive tbody tr {
            margin-bottom: 0;
            padding: 0;
            border: none;
        }

        .price-table-responsive tbody td {
            text-align: left !important;
            position: initial;
            border-bottom: 1px solid #e9ecef;
        }

        .price-table-responsive tbody td:last-child {
            padding-bottom: 10px;
            border-bottom: 1px solid #e9ecef;
        }

        /* Hapus penanda data-label yang digunakan untuk card view */
        .price-table-responsive tbody td::before {
            content: none;
        }
    }

    /* --- CUSTOM VARS & ROOT SCOPE --- */
    .custom-gallery-container {
        /* Menggunakan skema warna yang terlihat dari template Anda */
        --primary-color-custom: #21438D;
        /* Biru Tua */
        --secondary-color-custom: #FDD202;
        /* Kuning Emas */
        --text-color-custom: #333;
        --light-bg-custom: #f4f7f9;

        padding: 40px 0 !important;
        background-color: var(--light-bg-custom) !important;
        overflow: hidden !important;
        /* Penting untuk mencegah scroll body horizontal */
    }

    /* Memastikan container tetap responsif */
    .custom-gallery-container .container {
        width: 90% !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
    }

    /* Header Styling */
    .custom-gallery-container .gallery-header {
        text-align: center !important;
        margin-bottom: 30px !important;
    }

    .custom-gallery-container .gallery-header h2 {
        color: var(--primary-color-custom) !important;
        font-size: 2rem !important;
        font-weight: 700 !important;
        margin-bottom: 10px !important;
    }

    .custom-gallery-container .gallery-header p {
        color: #6c757d !important;
        font-size: 1rem !important;
    }


    /* --- SCROLLABLE WRAPPER (Kunci Fungsionalitas Geser) --- */
    .custom-gallery-container .scrollable-wrapper {
        display: flex !important;
        /* Menonaktifkan wrapping, memaksa semua item berada dalam satu baris */
        flex-wrap: nowrap !important;

        /* Memungkinkan scrolling horizontal */
        overflow-x: scroll !important;
        overflow-y: hidden !important;

        /* Memberikan sedikit padding agar item tidak menempel di samping */
        padding: 10px 0 !important;
        margin-left: -15px !important;
        /* Kompensasi padding container */
        margin-right: -15px !important;
        /* Kompensasi padding container */
        padding-left: 15px !important;
        padding-right: 15px !important;

        /* Scroll Snap: Membuat scroll berhenti tepat di item (Pengalaman yang lebih baik di mobile) */
        scroll-snap-type: x mandatory !important;

        /* Sembunyikan Scrollbar default (opsional, tergantung preferensi desain) */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .custom-gallery-container .scrollable-wrapper::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Opera */
    }

    /* --- ITEM GALERI (Responsif & Rapi) --- */
    .custom-gallery-container .gallery-item {
        /* Lebar Default Mobile (300px per item) */
        flex: 0 0 80vw !important;
        /* Setiap item mengambil 80% lebar viewport di mobile */
        max-width: 400px !important;
        margin-right: 15px !important;

        background-color: white !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
        transition: transform 0.3s !important;

        /* Scroll Snap: Titik snap untuk setiap item */
        scroll-snap-align: start !important;
    }

    .custom-gallery-container .gallery-image {
        width: 100% !important;
        height: 200px !important;
        /* Tinggi tetap untuk konsistensi visual */
        object-fit: cover !important;
        /* Memastikan gambar mengisi area tanpa terdistorsi */
        display: block !important;
        transition: transform 0.5s !important;
    }

    .custom-gallery-container .gallery-item:hover .gallery-image {
        transform: scale(1.05) !important;
        /* Efek zoom halus saat hover di desktop */
    }

    .custom-gallery-container .image-caption {
        padding: 15px !important;
        font-weight: 600 !important;
        color: var(--primary-color-custom) !important;
        text-align: center !important;
        font-size: 1rem !important;
    }

    /* --- MEDIA QUERY FOR DESKTOP (Tampilan yang lebih padat) --- */
    @media (min-width: 768px) {
        .custom-gallery-container .gallery-item {
            /* Lebar Desktop (Menampilkan 3-4 item sekaligus, tetap bisa digeser) */
            flex: 0 0 calc(33.33% - 15px) !important;
            margin-right: 20px !important;
        }

        .custom-gallery-container .scrollable-wrapper {
            /* Padding dinormalisasi untuk desktop */
            padding: 10px 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    @media (min-width: 1024px) {
        .custom-gallery-container .gallery-item {
            flex: 0 0 calc(25% - 15px) !important;
        }
    }


    .centered-team-section .centered-row {
        display: flex !important;

        justify-content: center !important;

        flex-wrap: wrap !important;
    }


    @media (max-width: 767px) {

        .centered-team-section .centered-row .col-md-6 {
            /* Menengahkan blok teknisi di dalam kolom 50% */
            margin: 0 auto 20px auto !important;
            max-width: 300px !important;
        }

    }

    @media (min-width: 992px) {
        .centered-team-section .centered-row .col-lg-3 {
            /* Pastikan kolom tidak terdistorsi di desktop */
            max-width: 25% !important;
        }
    }


    /* --- Variabel Warna Lokal --- */
    .ac-promo-section {
        /* Menggunakan variabel warna template Anda */
        --primary-promo: #FDD202;
        /* Kuning */
        --secondary-promo: #21438D;
        /* Biru Tua */
        --text-dark-promo: #010A35;
        /* Dark/Hitam */
        --bg-light-promo: #F6F7F8;
        /* Light (dari template) */

        padding: 60px 0 !important;
        background-color: var(--bg-light-promo) !important;
        font-family: 'Arial', sans-serif !important;
        /* Memastikan font terisolasi */
        margin: 40px 0 !important;
        /* Tambahkan margin agar terpisah dari section lain */
        overflow: hidden !important;
        /* Mencegah masalah layout */
    }

    /* Header Promo */
    .ac-promo-section .promo-title {
        font-size: 2.8rem !important;
        color: var(--secondary-promo) !important;
        font-weight: 800 !important;
        /* Lebih tegas */
        margin-bottom: 10px !important;
    }

    .ac-promo-section .promo-subtitle {
        font-size: 1.1rem !important;
        color: var(--text-dark-promo) !important;
        margin-bottom: 0 !important;
    }

    /* Card Wrapper & Card Individual */
    .ac-promo-section .promo-card-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 30px !important;
    }

    .ac-promo-section .promo-card {
        background-color: #FFFFFF !important;
        border-radius: 15px !important;
        /* Lebih elegan */
        box-shadow: 0 10px 30px rgba(1, 10, 53, 0.15) !important;
        /* Bayangan lebih gelap dari warna Dark */
        overflow: hidden !important;
        flex: 0 0 calc(50% - 15px) !important;
        max-width: 480px !important;
        border: 1px solid rgba(0, 0, 0, 0.05) !important;
        transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
    }

    .ac-promo-section .promo-card:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 15px 40px rgba(1, 10, 53, 0.25) !important;
    }

    /* Badge */
    .ac-promo-section .promo-badge {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        background-color: var(--primary-promo) !important;
        color: var(--secondary-promo) !important;
        padding: 6px 14px !important;
        border-radius: 5px !important;
        font-size: 0.9rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
    }

    .ac-promo-section .promo-badge-secondary {
        background-color: var(--secondary-promo) !important;
        color: var(--primary-promo) !important;
    }

    .ac-promo-section .promo-img {
        width: 100% !important;
        height: 240px !important;
        /* Lebih tinggi */
        object-fit: cover !important;
    }

    /* Card Body & Title */
    .ac-promo-section .card-body {
        padding: 30px !important;
        text-align: center !important;
    }

    .ac-promo-section .card-title {
        font-size: 2rem !important;
        color: var(--secondary-promo) !important;
        margin-bottom: 20px !important;
        font-weight: 700 !important;
    }

    /* Fitur/List */
    .ac-promo-section .promo-features {
        list-style: none !important;
        padding: 0 !important;
        margin-bottom: 25px !important;
        text-align: left !important;
    }

    .ac-promo-section .promo-features li {
        color: var(--text-dark-promo) !important;
        font-size: 1rem !important;
    }

    .ac-promo-section .promo-features li i {
        color: var(--primary-promo) !important;
        font-size: 1.2rem !important;
    }

    /* Harga Promo */
    .ac-promo-section .promo-price {
        margin-bottom: 30px !important;
        padding-top: 15px !important;
        border-top: 1px solid var(--bg-light-promo) !important;
        /* Garis pemisah */
    }

    .ac-promo-section .promo-price .old-price {
        color: #999 !important;
        font-size: 1.1rem !important;
    }

    .ac-promo-section .promo-price .current-price {
        color: var(--secondary-promo) !important;
        /* Harga baru Biru Tua */
        font-size: 2.8rem !important;
        font-weight: 900 !important;
    }

    .ac-promo-section .promo-price .current-price strong {
        color: var(--primary-promo) !important;
        /* Highlight angka dengan Kuning */
        font-size: 1.0em !important;
    }

    /* --- Tombol CTA Baru (Lebih Berkelas) --- */
    .ac-promo-section .btn-primary-promo,
    .ac-promo-section .btn-secondary-promo {
        display: block !important;
        /* Penuh lebar card */
        width: 100% !important;
        padding: 15px 30px !important;
        border-radius: 8px !important;
        font-size: 1.2rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    }

    .ac-promo-section .btn-primary-promo {
        background-color: var(--secondary-promo) !important;
        color: #FFFFFF !important;
        border: 2px solid var(--secondary-promo) !important;
    }

    .ac-promo-section .btn-primary-promo:hover {
        background-color: var(--primary-promo) !important;
        color: var(--secondary-promo) !important;
        border-color: var(--primary-promo) !important;
    }

    .ac-promo-section .btn-secondary-promo {
        background-color: var(--primary-promo) !important;
        color: var(--secondary-promo) !important;
        border: 2px solid var(--primary-promo) !important;
    }

    .ac-promo-section .btn-secondary-promo:hover {
        background-color: var(--secondary-promo) !important;
        color: var(--primary-promo) !important;
        border-color: var(--secondary-promo) !important;
    }

    /* Tombol Footer */
    .ac-promo-section .btn-outline-dark-promo {
        background-color: transparent !important;
        border: 2px solid var(--secondary-promo) !important;
        color: var(--secondary-promo) !important;
        padding: 10px 25px !important;
        border-radius: 50px !important;
        font-weight: 600 !important;
        transition: all 0.3s ease !important;
    }

    .ac-promo-section .btn-outline-dark-promo:hover {
        background-color: var(--secondary-promo) !important;
        color: #FFFFFF !important;
    }

    /* --- Responsive (Mobile) --- */
    @media (max-width: 991.98px) {
        .ac-promo-section .promo-card {
            flex: 0 0 calc(100% - 30px) !important;
            max-width: 450px !important;
            /* Batas lebar di tablet */
        }

        .ac-promo-section .promo-title {
            font-size: 2.2rem !important;
        }
    }

    @media (max-width: 767.98px) {
        .ac-promo-section .promo-title {
            font-size: 1.8rem !important;
        }

        .ac-promo-section .card-title {
            font-size: 1.6rem !important;
        }

        .ac-promo-section .promo-price .current-price {
            font-size: 2.4rem !important;
        }
    }

    /* --- Variabel Warna Lokal --- */
    .service-detail-section {
        --primary-detail: #FDD202; /* Kuning */
        --secondary-detail: #21438D; /* Biru Tua */
        --text-dark-detail: #010A35; /* Dark/Hitam */
        --bg-light-detail: #FFFFFF;
        
        padding: 80px 0 !important;
        background-color: var(--bg-light-detail) !important;
        font-family: Arial, sans-serif !important; 
    }

    /* Header */
    .service-detail-section .detail-title {
        font-size: 3rem !important;
        color: var(--secondary-detail) !important;
        font-weight: 800 !important; 
        margin-bottom: 5px !important;
    }

    .service-detail-section .detail-subtitle {
        font-size: 1.2rem !important;
        color: #777 !important;
        margin-bottom: 50px !important;
    }

    /* Konten Utama */
    .service-detail-section .detail-content {
        padding-right: 30px !important;
    }
    
    .service-detail-section .detail-image-box img {
        width: 100% !important;
        height: auto !important;
        max-height: 450px !important;
        object-fit: cover !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    }

    .service-detail-section .description-title {
        font-size: 2rem !important;
        color: var(--secondary-detail) !important;
        font-weight: 700 !important;
        margin-top: 30px !important;
        border-bottom: 3px solid var(--primary-detail) !important; /* Garis bawah kuning */
        display: inline-block !important;
        padding-bottom: 5px !important;
        margin-bottom: 20px !important;
    }
    
    .service-detail-section .description-block p {
        color: var(--text-dark-detail) !important;
        line-height: 1.8 !important;
        font-size: 1rem !important;
    }

    /* Blockquote / Kutipan */
    .service-detail-section .custom-quote {
        border-left: 4px solid var(--primary-detail) !important;
        background-color: #F8F9FA !important;
        padding: 15px 20px !important;
        margin: 25px 0 !important;
        font-style: italic !important;
        color: var(--text-dark-detail) !important;
        font-size: 1.1rem !important;
    }
    
    /* Proses List */
    .service-detail-section .process-list {
        list-style: none !important;
        padding-left: 0 !important;
    }
    .service-detail-section .process-list li {
        margin-bottom: 15px !important;
        font-size: 1.05rem !important;
        color: var(--text-dark-detail) !important;
    }
    .service-detail-section .process-list li i {
        color: var(--primary-detail) !important;
        margin-right: 15px !important;
        font-size: 1.2rem !important;
    }
    
    /* Mini Galeri */
    .service-detail-section .mini-gallery img {
        height: 150px !important;
        object-fit: cover !important;
        width: 100% !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }

    /* --- Sidebar Styles --- */
    .service-detail-section .detail-sidebar {
        padding-left: 20px !important;
    }
    
    .service-detail-section .sidebar-box {
        background-color: var(--bg-light-detail) !important;
        border: 1px solid #E9ECEF !important;
        border-radius: 12px !important;
        padding: 30px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
        margin-bottom: 25px !important;
    }
    
    .service-detail-section .box-title {
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        color: var(--secondary-detail) !important;
        margin-bottom: 15px !important;
    }
    
    /* Price Box */
    .service-detail-section .price-box {
        border-top: 5px solid var(--primary-detail) !important;
        text-align: center !important;
    }
    .service-detail-section .price-display {
        margin: 15px 0 !important;
    }
    .service-detail-section .currency, .service-detail-section .unit {
        font-size: 1.2rem !important;
        color: var(--secondary-detail) !important;
        font-weight: 600 !important;
    }
    .service-detail-section .price-value {
        font-size: 3.5rem !important;
        font-weight: 900 !important;
        color: var(--primary-detail) !important;
        margin: 0 5px !important;
    }
    .service-detail-section .btn-price-detail {
        background-color: var(--secondary-detail) !important;
        color: var(--primary-detail) !important;
        display: block !important;
        padding: 10px 20px !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        transition: background-color 0.3s !important;
    }
    .service-detail-section .btn-price-detail:hover {
        background-color: var(--primary-detail) !important;
        color: var(--secondary-detail) !important;
    }

    /* Features Box */
    .service-detail-section .feature-list {
        list-style: none !important;
        padding-left: 0 !important;
    }
    .service-detail-section .feature-list li {
        margin-bottom: 10px !important;
        color: var(--text-dark-detail) !important;
        font-size: 1rem !important;
    }
    .service-detail-section .feature-list li i {
        color: var(--primary-detail) !important;
        margin-right: 10px !important;
    }

    /* CTA Box */
    .service-detail-section .cta-box {
        background-color: var(--secondary-detail) !important;
        border: none !important;
    }
    .service-detail-section .cta-box .box-title {
        color: var(--primary-detail) !important;
    }
    .service-detail-section .cta-box p {
        color: #FFFFFF !important;
        margin-bottom: 20px !important;
    }
    .service-detail-section .btn-cta-whatsapp-sidebar {
        background-color: var(--primary-detail) !important;
        color: var(--secondary-detail) !important;
        display: block !important;
        padding: 12px 20px !important;
        border-radius: 50px !important;
        font-weight: bold !important;
        text-decoration: none !important;
        transition: background-color 0.3s !important;
    }
    .service-detail-section .btn-cta-whatsapp-sidebar:hover {
        background-color: #FFFFFF !important;
    }

    /* --- Responsive Adjustments --- */
    @media (max-width: 991.98px) {
        .service-detail-section .detail-content {
            padding-right: 15px !important;
            margin-bottom: 40px !important;
        }
        .service-detail-section .detail-sidebar {
            padding-left: 15px !important;
        }
        .service-detail-section .detail-title {
            font-size: 2.2rem !important;
        }
    }
    @media (max-width: 767.98px) {
        .service-detail-section .detail-title {
            font-size: 1.8rem !important;
        }
        .service-detail-section .description-title {
            font-size: 1.6rem !important;
        }
    }

    /* --- Variabel Warna Lokal --- */
    .service-detail-section {
        --primary-detail: #FDD202;
        /* Kuning */
        --secondary-detail: #21438D;
        /* Biru Tua */
        --text-dark-detail: #010A35;
        /* Dark/Hitam */
        --bg-light-detail: #FFFFFF;

        padding: 80px 0 !important;
        background-color: var(--bg-light-detail) !important;
        font-family: Arial, sans-serif !important;
    }

    /* Header */
    .service-detail-section .detail-title {
        font-size: 3rem !important;
        color: var(--secondary-detail) !important;
        font-weight: 800 !important;
        margin-bottom: 5px !important;
    }

    .service-detail-section .detail-subtitle {
        font-size: 1.2rem !important;
        color: #777 !important;
        margin-bottom: 50px !important;
    }

    /* Konten Utama */
    .service-detail-section .detail-content {
        padding-right: 30px !important;
    }

    .service-detail-section .detail-image-box img {
        width: 100% !important;
        height: auto !important;
        max-height: 450px !important;
        object-fit: cover !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    }

    .service-detail-section .description-title {
        font-size: 2rem !important;
        color: var(--secondary-detail) !important;
        font-weight: 700 !important;
        margin-top: 30px !important;
        border-bottom: 3px solid var(--primary-detail) !important;
        /* Garis bawah kuning */
        display: inline-block !important;
        padding-bottom: 5px !important;
        margin-bottom: 20px !important;
    }

    .service-detail-section .description-block p {
        color: var(--text-dark-detail) !important;
        line-height: 1.8 !important;
        font-size: 1rem !important;
    }

    /* Blockquote / Kutipan */
    .service-detail-section .custom-quote {
        border-left: 4px solid var(--primary-detail) !important;
        background-color: #F8F9FA !important;
        padding: 15px 20px !important;
        margin: 25px 0 !important;
        font-style: italic !important;
        color: var(--text-dark-detail) !important;
        font-size: 1.1rem !important;
    }

    /* Proses List */
    .service-detail-section .process-list {
        list-style: none !important;
        padding-left: 0 !important;
    }

    .service-detail-section .process-list li {
        margin-bottom: 15px !important;
        font-size: 1.05rem !important;
        color: var(--text-dark-detail) !important;
    }

    .service-detail-section .process-list li i {
        color: var(--primary-detail) !important;
        margin-right: 15px !important;
        font-size: 1.2rem !important;
    }

    /* Mini Galeri */
    .service-detail-section .mini-gallery img {
        height: 250px !important;
        object-fit: cover !important;
        width: 100% !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }

    /* --- Sidebar Styles --- */
    .service-detail-section .detail-sidebar {
        padding-left: 20px !important;
    }

    .service-detail-section .sidebar-box {
        background-color: var(--bg-light-detail) !important;
        border: 1px solid #E9ECEF !important;
        border-radius: 12px !important;
        padding: 30px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
        margin-bottom: 25px !important;
    }

    .service-detail-section .box-title {
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        color: var(--secondary-detail) !important;
        margin-bottom: 15px !important;
    }

    /* Price Box */
    .service-detail-section .price-box {
        border-top: 5px solid var(--primary-detail) !important;
        text-align: center !important;
    }

    .service-detail-section .price-display {
        margin: 15px 0 !important;
    }

    .service-detail-section .currency,
    .service-detail-section .unit {
        font-size: 1.2rem !important;
        color: var(--secondary-detail) !important;
        font-weight: 600 !important;
    }

    .service-detail-section .price-value {
        font-size: 3.5rem !important;
        font-weight: 900 !important;
        color: var(--primary-detail) !important;
        margin: 0 5px !important;
    }

    .service-detail-section .btn-price-detail {
        background-color: var(--secondary-detail) !important;
        color: var(--primary-detail) !important;
        display: block !important;
        padding: 10px 20px !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        transition: background-color 0.3s !important;
    }

    .service-detail-section .btn-price-detail:hover {
        background-color: var(--primary-detail) !important;
        color: var(--secondary-detail) !important;
    }

    /* Features Box */
    .service-detail-section .feature-list {
        list-style: none !important;
        padding-left: 0 !important;
    }

    .service-detail-section .feature-list li {
        margin-bottom: 10px !important;
        color: var(--text-dark-detail) !important;
        font-size: 1rem !important;
    }

    .service-detail-section .feature-list li i {
        color: var(--primary-detail) !important;
        margin-right: 10px !important;
    }

    /* CTA Box */
    .service-detail-section .cta-box {
        background-color: var(--secondary-detail) !important;
        border: none !important;
    }

    .service-detail-section .cta-box .box-title {
        color: var(--primary-detail) !important;
    }

    .service-detail-section .cta-box p {
        color: #FFFFFF !important;
        margin-bottom: 20px !important;
    }

    .service-detail-section .btn-cta-whatsapp-sidebar {
        background-color: var(--primary-detail) !important;
        color: var(--secondary-detail) !important;
        display: block !important;
        padding: 12px 20px !important;
        border-radius: 50px !important;
        font-weight: bold !important;
        text-decoration: none !important;
        transition: background-color 0.3s !important;
    }

    .service-detail-section .btn-cta-whatsapp-sidebar:hover {
        background-color: #FFFFFF !important;
    }

    /* --- Responsive Adjustments --- */
    @media (max-width: 991.98px) {
        .service-detail-section .mini-gallery img {
            height: 250px !important;
            object-fit: cover !important;
            width: 100% !important;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        }

        .service-detail-section .detail-content {
            padding-right: 15px !important;
            margin-bottom: 40px !important;
        }

        .service-detail-section .detail-sidebar {
            padding-left: 15px !important;
        }

        .service-detail-section .detail-title {
            font-size: 2.2rem !important;
        }
    }

    @media (max-width: 767.98px) {
        .service-detail-section .mini-gallery img {
            height: 500px !important;
            object-fit: cover !important;
            width: 100% !important;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        }

        .service-detail-section .detail-title {
            font-size: 1.8rem !important;
        }

        .service-detail-section .description-title {
            font-size: 1.6rem !important;
        }
    }