.mean-container .mean-nav {
    background: transparent !important;
}

.mean-container .mean-nav ul li {
    background: transparent !important;
}

.mean-container .mean-nav ul li a {
    background: transparent !important;
}

.sticky-menu .header {
    background: #000000 !important;
}

.sticky-menu .logo-non-sticky {
    display: none !important;
}

.sticky-menu .logo-sticky {
    display: inline-block !important;
}

.round-card {
    border-radius: 1rem;
    background-color: #ffffff7d !important;
}

.red-bg {
    background-color: #a22825;
}

.contact-icon {
    min-width: 72px;
}

.ser-icon span {
    width: 120px !important;
    min-width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
}

.home3-single-service-border {
    border-top: 3px solid #a22825;
}

.home3-single-service-content::after {
    background: #a22825;
}

.bg-cover {
    background-position: right !important;
}

.open-menubar .mobile-menu-only {
    display: block !important;
}

.f-count span {
    color: #ffffff;
}

.home3-single-service-content:hover a {
    color: #007bff !important;
}

.white-wash,
.white-wash * {
    color: #ffffff !important;
}

.white-wash > p {
    text-align: justify !important;
    text-justify: inter-word;
}

/* =========================================================
   1. ATURAN HUKUM KELAS LIST BERORDERED (ANGKA)
   ========================================================= */

/* Pastikan <ol> tempat ordered list memiliki penomoran angka & padding */
.white-wash ol:has(li[data-list="ordered"]) {
    list-style-type: decimal !important;
    padding-left: 1.5rem !important; /* Memberikan ruang untuk angka */
}

/* Memastikan li bertipe ordered memunculkan penomoran angka bawaan browser */
.white-wash ol li[data-list="ordered"] {
    list-style-type: decimal !important;
    margin-bottom: 0.5rem;
}

/* Sembunyikan spasi/elemen UI penanda internal Quill pada ordered list */
.white-wash ol li[data-list="ordered"] .ql-ui {
    display: none !important;
}


/* =========================================================
   2. ATURAN UNTUK BULLET LIST (ICON CHECKLIST)
   ========================================================= */

/* Sembunyikan bullet/angka bawaan HANYA pada <ol> yang berisi bullet list */
.white-wash ol:has(li[data-list="bullet"]) {
    list-style: none !important;
    padding-left: 0 !important;
}

/* Sembunyikan elemen UI penanda internal bawaan Quill */
.white-wash ol li[data-list="bullet"] .ql-ui {
    display: none !important;
}

/* Beri ruang di kiri HANYA untuk elemen <li> yang bertipe bullet */
.white-wash ol li[data-list="bullet"] {
    position: relative;
    padding-left: 2rem; /* Ruang untuk icon */
    margin-bottom: 0.5rem;
}

/* Pasang icon FontAwesome checklist HANYA pada <li> bertipe bullet */
.white-wash ol li[data-list="bullet"]::before {
    content: "\f00c"; /* Unicode fa-check FontAwesome */
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 300; /* Khas fa-light / fa-thin (fal) */
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff !important;
}


/* =========================================================
   3. ATURAN INDENTASI QUILL
   ========================================================= */

.white-wash .ql-indent-1 {
    padding-left: 2rem !important;
}

.white-wash .ql-indent-2 {
    padding-left: 4rem !important;
}

.white-wash .ql-indent-3 {
    padding-left: 6rem !important;
}


/* =========================================================
   4. STYLING BLOCKQUOTE QUILL
   ========================================================= */

.white-wash blockquote {
    border-left: 4px solid #ffffff !important; /* Garis aksen kiri (bisa disesuaikan warnanya, misal: #d4af37 untuk emas) */
    background-color: rgba(255, 255, 255, 0.08) !important; /* Transparansi lembut untuk tema gelap */
    padding: 0.75rem 1.25rem !important;
    margin: 1.25rem 0 !important;
    font-style: italic !important;
    border-radius: 0 8px 8px 0 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 18px !important;
    text-align: justify;
}

/* Menghilangkan margin bawaan elemen p di dalam blockquote */
.white-wash blockquote p {
    margin-bottom: 0 !important;
}


/* =========================================================
   5. TYPOGRAPHY HEADING UNTUK .WHITE-WASH
   ========================================================= */

/* Heading 1 (Terbesar / Judul Utama) */
.white-wash h1 {
    font-size: clamp(1.75rem, 4vw, 2.5rem) !important; /* Mobile: 28px, Desktop: 40px */
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

/* Heading 2 (Sub Judul Utama) */
.white-wash h2 {
    font-size: clamp(1.5rem, 3vw, 2rem) !important;    /* Mobile: 24px, Desktop: 32px */
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0.85rem !important;
}

/* Heading 3 (Bagian / Section) */
.white-wash h3 {
    font-size: clamp(1.25rem, 2.5vw, 1.625rem) !important; /* Mobile: 20px, Desktop: 26px */
    line-height: 1.35 !important;
    font-weight: 600 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.75rem !important;
}

/* Heading 4 (Sub Section) */
.white-wash h4 {
    font-size: clamp(1.1rem, 2vw, 1.35rem) !important; /* Mobile: 17.6px, Desktop: 21.6px */
    line-height: 1.4 !important;
    font-weight: 600 !important;
    margin-top: 0.85rem !important;
    margin-bottom: 0.5rem !important;
}

/* Heading 5 (Kecil / Sub-kategori) */
.white-wash h5 {
    font-size: clamp(1rem, 1.5vw, 1.15rem) !important; /* Mobile: 16px, Desktop: 18.4px */
    line-height: 1.45 !important;
    font-weight: 600 !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.5rem !important;
}

/* Menjaga jarak jika heading/blockquote berada di paling atas kontainer */
.white-wash > h1:first-child,
.white-wash > h2:first-child,
.white-wash > h3:first-child,
.white-wash > h4:first-child,
.white-wash > h5:first-child,
.white-wash > blockquote:first-child {
    margin-top: 0 !important;
}