.navbar-brand img {
    max-width: 250px;
    object-fit: cover;
}


.theme-toggle {
    position: fixed;
    right: 20px;
    bottom: 50%;
    padding: 17px 6px;
    border: 1px solid #fff !important;
    border: none;
    background: #000;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    z-index: 9999;
}

/* DARK MODE */

body.dark-mode {
    background: #0c0f1c;
    color: #ffffff;
}

body.dark-mode::before {
    opacity: 0.15;
}


body.light-mode {
    --primary-color: #181422;
    --secondary-color: #f5f5f5;
    --bg-color: #ffffff;
    --text-color: #181422;
    --accent-color: #0F6FB4;
    --accent-secondary-color: #F4B63A;
    --divider-color: #e5e5e5;
    --dark-divider-color: #dcdcdc;
}

body.dark-mode {
    --primary-color: #FFFFFF;
    --secondary-color: #FFFFFF0F;
    --bg-color: #181422;
    --text-color: #FFFFFF;
    --accent-color: #0F6FB4;
    --accent-secondary-color: #F4B63A;
}

:root {
    --bg-color: #181422;
    --text-color: #ffffff;
}

body.light-mode {
    --bg-color: #ffffff;
    --text-color: #181422;
}

body.light-mode .company-logo {
    background: #F4B63A;
    padding: 10px 0;
    border-radius: 12px;
}

body.light-mode .services-nav ul li .nav-link.active,
body.light-mode .services-nav ul li .nav-link:hover,
body.light-mode .services-nav ul li .nav-link.active {
    color: #fff;
    background: #F4B63A;
}

body.light-mode .btn-default {
    color: #fff;

}

body.light-mode .services-nav ul li .nav-link,
body.light-mode .what-we-do-item-content p,
body.light-mode .work-step-content p,
body.light-mode .author-content h3,
body.light-mode .author-content p,
body.light-mode .cta-box-body .form-group .form-control::placeholder,
body.light-mode .footer-contact-item h3 a,
body.light-mode .footer-contact-item h2,
body.light-mode .footer-newsletter-form .form-group .form-control::placeholder {
    color: #000;
}

body.light-mode .work-step-item .icon-box:before {
    background: unset;
    border: 2px solid #fff;
}

body.light-mode .faq-accordion .accordion-item .accordion-body,
body.light-mode .faq-accordion .accordion-header .accordion-button {
    background: #e5e5e5;
}

body.light-mode .work-step-item:before {
    background: #F4B63A;


}

body.light-mode .services-item .icon-box {
    background-color: #F4B63A;
    color: #fff;
}


body.light-mode #darklight h3,
body.light-mode #darklight p {
    color: #fff !important;
}

body.light-mode .page-category-list ul li a,
body.light-mode .solution-counter-no h2 span,
body.light-mode .post-entry blockquote p:last-child,
body.light-mode .breadcrumb li,
body.light-mode .breadcrumb li i {
    color: #000;
}

body.light-mode .solution-counter-no h2 span {
    -webkit-text-fill-color: unset;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "/" !important;
}

.services-item-content p {
    color: #fff !important;

}

.offcanvas {
    width: 280px;
}

.offcanvas-body .navbar-nav {
    flex-direction: column;
}

.offcanvas-body .nav-link {
    padding: 12px 0;
    font-size: 18px;
}

.navbar-toggler {
    background: linear-gradient(290deg, var(--accent-secondary-color) 0%, var(--accent-color) 100%);

    color: #FFFFFF !important;
}

button:focus:not(:focus-visible) {
    outline: unset !important;
    box-shadow: unset !important;
}

@media (max-width:768px) {
    .navbar-brand img {
        max-width: 200px;
       
    }

    .navbar-toggler {
        margin-right: 10px;
    }
}