.dark-mode {
    background-color: #1f1f1f;
}
.dark-mode .hero-area {
    background-color: #242424;
}
.dark-mode .back-logo-div {
    filter: brightness(0.4);
}
.dark-mode .left-logo-div,
.dark-mode .right-logo-div {
    opacity: 0.15;
}
.dark-mode .dark-d-none {
    display: none;
}
.dark-mode .light-d-none {
    display: block;
}
.dark-mode .lang-button {
    color: #fff;
}
.dark-mode .lang-button:hover {
    color: #242424;
}

.dark-mode .top-header-right-div {
    img {
        filter: invert(1) brightness(100);
    }

    .login-btn {
        color: #60bcf8;
    }

    .seperator-div {
        background: #4d4d4d;
    }
}

.dark-mode .top-header {
    background-color: #242424;
}
.dark-mode .top-header div svg path {
    stroke: #fff;
}
.dark-mode .top-header .top-header-left p {
    color: #ececec;
}
.dark-mode .top-header .top-header-left a {
    color: #fff;
}
.dark-mode .top-header .top-header-right {
    color: #fff;
}
.dark-mode nav.navbar {
    background-color: #3c3c3c;
}
.dark-mode nav.navbar .navbar-toggler {
    filter: brightness(2);
}
.dark-mode nav.navbar ul.navbar-nav .nav-link {
    color: #fff;
}
.dark-mode nav.navbar ul.navbar-nav .nav-each-drodown .nav .nav-link:hover {
    color: #202020;
}
.dark-mode nav.navbar ul.navbar-nav .nav-link img {
    filter: invert();
}
.dark-mode nav.navbar ul.navbar-nav .nav-btn {
    color: #fff;
}
.dark-mode nav.navbar ul.navbar-nav .nav-btn img {
    filter: invert();
}
.dark-mode .hero-area .hero-para-1 {
    color: #ececec;
}
.dark-mode .hero-area .hero-head {
    color: #fff;
}
.dark-mode .hero-area .hero-para-2 {
    color: #ececec;
}
.dark-mode .company-history-div {
    background-color: #242424;
}
.dark-mode .each-history-div {
    border-color: #686868;
}
.dark-mode .each-history-div .history-para-1 {
    color: #568af0;
}
.dark-mode .each-history-div .history-para-2 {
    color: #fff;
}
.dark-mode .main-heading {
    color: #fff;
}
.dark-mode .main-heading span {
    color: #ececec;
}
.dark-mode .heading-line-div p::before,
.dark-mode .heading-line-div p::after {
    background-color: #568af0;
}
.dark-mode .each-trustpilot-card {
    background-color: #3c3c3c;
    border-color: #313030;
}
.dark-mode .user-name-img {
    background-color: #3c3c3c;
    background-color: #6f6f6f;
}
.dark-mode .user-name-img p {
    color: #fff;
}
.dark-mode .each-trustpilot-card .name-para {
    color: #fff;
}
.dark-mode .each-trustpilot-card .date-para {
    color: #b2d8f4;
}
.dark-mode .each-trustpilot-card .review-para {
    color: #ececec;
}
.dark-mode .side-by-side-section .right-para {
    color: #ececec;
}
.dark-mode .section-bg-1 {
    background-color: #242424;
}
.dark-mode .features-each-card {
    background-color: #3c3c3c;
}
.dark-mode .features-each-card .features-top-icon-div {
    background-color: #242424;
}
.dark-mode .features-each-card h3 {
    color: #fff;
}
.dark-mode .features-each-card p {
    color: #ececec;
}
.dark-mode .product-type-each-card {
    background-color: #3c3c3c;
}
.dark-mode .product-type-each-card img {
    filter: brightness(1.3);
}
.dark-mode .product-type-each-card h3 {
    color: #fff;
}
.dark-mode .product-type-each-card p {
    color: #ececec;
}
.dark-mode .google-review-each-div {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}
.dark-mode .google-review-heading .left .name {
    color: #fff;
}
.dark-mode .google-review-heading .left .star-with-date {
    color: #a0a0a0;
}
.dark-mode .google-review-heading .left .star-with-date {
    color: #b2d8f4;
}
.dark-mode .google-review-each-div .review-comment {
    color: #ececec;
}
.dark-mode .business-we-fund-each-card h3 {
    color: #fff;
}
.dark-mode .business-we-fund-each-card p {
    color: #ececec;
}
.dark-mode .total-funded-section {
    background-image: url("../images/total-funded-bg-dark.webp");
}
.dark-mode .total-funded-section p {
    color: #568af0;
}
.dark-mode .footer-area {
    background-color: #3c3c3c;
}
.dark-mode .footer-area .footer-desc {
    color: #ececec;
}
.dark-mode .footer-area .footer-links-head {
    color: #fff;
}
.dark-mode .footer-area .footer-links-list li,
.dark-mode .footer-area .footer-links-list li a {
    color: #ececec;
}
.dark-mode .footer-area .footer-links-list li p {
    color: #b2d8f4;
}
.dark-mode .footer-area .footer-contact-links li img {
    filter: brightness(2);
}
.dark-mode .footer-area .footer-social-media-section div {
    background-color: #00ceff;
}
.dark-mode .footer-area .footer-social-media-section div:hover {
    background: #6a6a6a;
}
.dark-mode .footer-area .footer-bottom-div p {
    color: #fff;
}
.dark-mode .footer-area .footer-bottom-div p a {
    color: #00ceff;
}
.dark-mode .mode-button img:last-child {
    display: none;
}
.dark-mode .mode-button img:first-child {
    display: unset;
}
.dark-mode .mob-nav-offcanvas {
    background-color: #242424;
}
.dark-mode .mob-nav-offcanvas .mob-navbar-ul li > a {
    background-color: #3c3c3c;
    color: #fff;
}
.dark-mode .mob-nav-offcanvas .mob-navbar-ul li > a img {
    filter: invert(1);
}
.dark-mode .mob-nav-offcanvas .mob-navbar-top > img {
    filter: brightness(2);
}
.dark-mode .mob-nav-offcanvas .mob-navbar-ul li .mob-collapse .nav li > a {
    color: #ececec;
}

.dark-mode .left-navbar-div {
    background-color: #202020;
}
.dark-mode .navbar-heading {
    color: #fff;
}
.dark-mode .navbar-heading.black {
    color: #202020;
}
.dark-mode nav.navbar .nav-each-drodown {
    box-shadow:
        0 2px 4px 0 rgba(255, 255, 255, 0.16),
        0 2px 8px 0 rgba(255, 255, 255, 0.12);
}
