/* Toggle button container styling */
        .toggle-button {
            /*position: absolute;*/
            /*top: 20px;*/
            /*right: 200px;*/
            width: 50px;
            height: 50px;
            /*background-color: #fdd835;*/
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            transition: all 0.5s ease;
        }

        /* Icon styling */
        .toggle-button i {
            font-size: 24px;
            color: #000;
            transition: transform 0.5s ease, color 0.5s;
        }

        /* Dark mode styling */
        .dark-mode {
            background-color: black;
            color: white;
        }

        .dark-mode .toggle-button {
            background-color: #000;
            box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
        }

        .dark-mode .toggle-button i {
            color: #fff;
            transform: rotate(360deg); /* Smooth rotation effect */
        }

        /* Hover effect */
        .toggle-button:hover {
            transform: scale(1.1);
            /*box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);*/
        }
        
@media (max-width: 767px) {
    
.toggle-button {
    right: 100px;
    top: 30px;
}
}