html.light-mode body,
html.light-mode .services-section,
html.light-mode .projects-section,
html.light-mode .bg-darker,
html.light-mode .articles-section,
html.light-mode .customers-section {
    background-color: #f1f1f1 !important;
}

html.light-mode .footer-section {
    background-color: #0f3d3e !important;
}

html.light-mode .bg-footer {
    background-color: #1a1a1a !important;
}

html.light-mode .customers-section .text-white,
html.light-mode .projects-section .text-white,
html.light-mode .projects-section .project-list-title,
html.light-mode .projects-section .current-slide,
html.light-mode .projects-section .project-active-title {
    color: #000000 !important;
}

html.light-mode .customer-watermark img {
    filter: none !important;
}

html.light-mode .articles-section span {
    color: rgb(0, 0, 0) !important;
}

.theme-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: #ffffff !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-toggle-btn .bi {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.theme-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    transform: scale(1.1);
}

html.light-mode .theme-toggle-btn {
    transform: rotate(180deg);
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
}

html.light-mode .theme-toggle-btn i {
    color: #ffffff !important;
}

html.light-mode .theme-toggle-btn {
    background: #000000 !important;
}

.img-light {
    display: none;
}

html.light-mode .img-light {
    display: block;
}

html.light-mode .img-dark {
    display: none;
}

.img-light {
    display: none;
}

.bg-cat-light-mode {
    display: none;
}

.bg-cat-dark-mode {
    display: block;
}

html.light-mode .bg-cat-light-mode {
    display: block;
}

html.light-mode .bg-cat-dark-mode {
    display: none;
}



html.dark-mode #offcanvasTop{
    --bs-offcanvas-bg: #000;
}

html.light-mode #offcanvasTop{
    --bs-offcanvas-bg: #f1f1f1;
}