.dark-mode-toggle {
    display: none;
}
.dark-mode-toggle-container  {
    display: none;
}
       @media (max-width: 768px) {
        .dark-mode-toggle {
            display: flex;
        }  

        .dark-mode-toggle .linkedin-cta-button {
            color:#00a8e8;
        }
        .dark-mode-toggle-container {
            display: block;
            position: fixed;
            bottom: 100px;
            right: 10px;
        }
        button  {
            border:none;
            background: transparent;
            padding: 0;
            margin: 0;
        }
        .dark-mode-toggle i {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            background-color: #00a8e8;
            border-radius: 50%;
            color: #fff !important;
            font-size: 24px;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;

        }
        button.dark-mode {
            color:#fff;
        }
        /* Dark Mode Styles */
        body.dark-mode {
            background-color: #1a1a1a;
            color: #e0e0e0;
        }

        body.dark-mode a {
            color: #64b5f6;
        }

        

        body.dark-mode nav {
            background-color: #242424;
            border-bottom-color: #444;
        }

        body.dark-mode .logo {
            color: #e0e0e0;
        }

        body.dark-mode .nav-links a {
            color: #b0b0b0;
        }

        body.dark-mode .nav-links a:hover {
            color: #e0e0e0;
        }

        body.dark-mode .projects-container {
            background-color: #1f1f1f;
        }

        body.dark-mode .breadcrumb a {
            color: #64b5f6;
        }

        body.dark-mode .article-container {
            background-color: #1f1f1f;
            color: #e0e0e0;
        }

        body.dark-mode .article-header {
            color: #e0e0e0;
        }
        .dark-mode strong{
            color:#fff;
        }

        .dark-mode li {
            color:#b0b0b0;
        }

        .dark-mode td {
            color:#b0b0b0;
        }
        .dark-mode i {
            color:#fff !important;
        }


        .dark-mode .highlight-box {
            background-color: #333;
            border-color: #444;
        }

        body.dark-mode .article-category {
            background-color: #333;
            color: #64b5f6;
        }

        body.dark-mode h1,
        body.dark-mode h2,
        body.dark-mode h3,
        body.dark-mode h4,
        body.dark-mode h5 {
            color: #e0e0e0;
        }

        body.dark-mode p {
            color: #b0b0b0;
        }

        body.dark-mode a {
            color: #fff;
        }

        body.dark-mode a:hover {
            color: #fff;
        }

    body.dark-mode a:visited {
        color:#fff;
    }

        body.dark-mode code {
            background-color: #2a2a2a;
            color: #64b5f6;
            border-color: #444;
        }

        body.dark-mode pre {
            background-color: #2a2a2a;
            color: #e0e0e0;
            border-color: #444;
        }

        body.dark-mode table {
            border-color: #444;
        }

        body.dark-mode table th {
            background-color: #242424;
            color: #e0e0e0;
        }

        body.dark-mode table td {
            border-color: #444;
        }

        body.dark-mode .article-footer {
            border-color: #444;
        }

        body.dark-mode .toolbar-icon {
            color: #b0b0b0;
        }

        body.dark-mode .toolbar-icon:hover {
            color: #e0e0e0;
        }

        body.dark-mode footer {
            background-color: #242424;
            color: #b0b0b0;
            border-top-color: #444;
        }
        .dark-mode .back-to-blog {
            color:#fff;
        }
    }