/* ===========================
   GLOBAL DARK MODE
=========================== */
html.dark .top-bar{
    background:#008ed0 !important;
}

html.dark .top-bar a,
html.dark .top-bar p,
html.dark .top-bar i{
    color:#ffffff !important;
}

html.dark,
html.dark body{
    background:#0f172a !important;
    color:#f8fafc !important;
}
.site-footer{
    background:#003366;
}

html.dark .site-footer{
    background:#003366 !important;
}


html.dark header{
    background:#111827 !important;
}

html.dark .container-box{
    background:transparent;
}

html.dark .bg-white{
    background:#1f2937 !important;
}

html.dark .bg-gray-50{
    background:#1f2937 !important;
}

html.dark .bg-gray-100{
    background:#111827 !important;
}

html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6{
    color:#fff !important;
}

html.dark .text-gray-900,
html.dark .text-gray-800,
html.dark .text-gray-700{
    color:#fff !important;
}

html.dark .text-gray-600,
html.dark .text-gray-500{
    color:#cbd5e1 !important;
}

html.dark .border{
    border-color:#374151 !important;
}

html.dark footer{
    background:#020617 !important;
}

html.dark #mobileMenu{
    background:#111827 !important;
}

html.dark #mobileMenu a{
    color:white !important;
}

/* Explore Neighbourhood Section */
html.dark .bg-\[\#efefef\]{
    background:#111827 !important;
}

html.dark .bg-white{
    background:#1f2937 !important;
}

html.dark .text-\[\#003366\]{
    color:#ffffff !important;
}

html.dark .hover\:bg-gray-50:hover{
    background:#374151 !important;
}

html.dark .border-gray-200{
    border-color:#374151 !important;
}

html.dark .text-gray-600{
    color:#d1d5db !important;
}

html.dark .bg-white\/80{
    background:#374151 !important;
}
/* Project Features Section */

html.dark .bg-\[\#f3f3f3\]{
    background:#111827 !important;
}

html.dark .text-\[\#003366\]{
    color:#ffffff !important;
}

html.dark .text-\[\#1e2d3b\]{
    color:#d1d5db !important;
}
/* FAQ */

html.dark .faq-btn{
    background:#1f2937 !important;
    color:white !important;
}

html.dark .faq-btn:hover{
    background:#374151 !important;
}

html.dark .faq-btn .icon{
    color:white !important;
}

html.dark .faq-content{
    background:#1f2937 !important;
    color:#d1d5db !important;
}

html.dark #faqAccordion .border-b{
    border-color:#374151 !important;
}
#themeToggle{
    cursor:pointer;
}

#toggleCircle{
    transform:translateX(0);
}

html.dark #themeToggle{
    background:#1e293b;
}

html.dark #toggleCircle{
    transform:translateX(28px);
}
/* ===========================
   Navbar Dropdown
=========================== */

html.dark nav a{
    color:#f8fafc;
}

html.dark nav a:hover{
    color:#60a5fa;
}

html.dark .group:hover>.absolute{
    background:#1e293b;
}

html.dark .group\/sub>.absolute{
    background:#1e293b;
}

html.dark .group\/sub a{
    color:#e2e8f0;
}

html.dark .group\/sub a:hover{
    background:#334155;
    color:#fff;
}
/* Mobile Toggle */

#themeToggleMobile{
    cursor:pointer;
}

#toggleCircleMobile{
    transform:translateX(0);
    transition:.3s;
}

html.dark #themeToggleMobile{
    background:#1e293b;
}

html.dark #toggleCircleMobile{
    transform:translateX(28px);
}

html.dark #closeMenu{
    background:#334155;
    color:white;
}

html.dark #mobileMenu{
    background:#0f172a !important;
    color:white;
}

html.dark #mobileMenu a{
    color:#e5e7eb;
}

html.dark #mobileMenu a:hover{
    color:#60a5fa;
}