:root {
    --darkColor: #1d1d1d;
    --bgColor: #252525;
    --cardColor: #0e0e0e
}





.theme-dark {
    --titleColor: var(--whiteColor);
    --bodyColor: var(--whiteColor)
}

.theme-dark .default-btn:hover {
    color: var(--cardColor) !important
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: var(--whiteColor)
}

.theme-dark h3 {
    color: var(--whiteColor)
}

.theme-dark h3 a {
    color: var(--whiteColor);
    -webkit-transition: .7s;
    transition: .7s
}

.theme-dark p {
    color: var(--whiteColor)
}

.theme-dark body {
    background: var(--darkColor);
    color: var(--whiteColor)
}

.theme-dark .top-header-bg {
    background-color: var(--darkColor)
}

.theme-dark .navbar-area {
    background-color: var(--bgColor)
}

.theme-dark .desktop-nav .navbar {
    background-color: var(--bgColor)
}

.theme-dark .desktop-nav .navbar .navbar-brand .logo-two {
    display: inline-block
}

.theme-dark .desktop-nav .navbar .navbar-brand .logo-one {
    display: none
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    background-color: var(--darkColor) !important
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    color: var(--whiteColor)
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #025087;
}

.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
    color:#025087
}

.theme-dark .desktop-nav-one {
    background-color: var(--bgColor)
}

.theme-dark .navbar-area {
    background-color: var(--bgColor)
}

.theme-dark .navbar-area.is-sticky {
    background-color: var(--bgColor) !important
}

.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
    background-color: var(--bgColor)
}

.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
    color: var(--whiteColor)
}

.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
    color: #025087
}

.theme-dark .mobile-responsive-nav .mean-container .mean-bar {
    background-color: var(--bgColor)
}

.theme-dark .mobile-responsive-nav .logo {
    width: 105px
}

.theme-dark .mobile-responsive-nav .logo .logo-two {
    display: inline-block
}

.theme-dark .mobile-responsive-nav .logo .logo-one {
    display: none
}

.theme-dark .sidebar-modal .sidebar-modal-inner {
    background-color: var(--cardColor)
}

.theme-dark .sidebar-modal .sidebar-header .sidebar-logo .sidebar-logo-2 {
    display: inline-block
}

.theme-dark .sidebar-modal .sidebar-header .sidebar-logo .sidebar-logo-1 {
    display: none
}

.theme-dark .banner-area {
    background-color: var(--cardColor)
}

.theme-dark .banner-area::before {
    background-color: var(--darkColor)
}

.theme-dark .banner-area-three::before {
    background-color: var(--darkColor)
}

.theme-dark .banner-area-two {
    background-color: var(--cardColor)
}

.theme-dark .inner-banner::before {
    background-color: var(--darkColor)
}

.theme-dark .about-img::before,
.theme-dark .about-img::after {
    background-color: var(--darkColor)
}

.theme-dark .about-counter {
    background-color: var(--cardColor)
}

.theme-dark .services-area-bg::before {
    background-color: var(--bgColor)
}

.theme-dark .services-item .content {
    background-color: var(--cardColor)
}

.theme-dark .services-card {
    background-color: var(--cardColor)
}

.theme-dark .owl-nav .owl-prev,
.theme-dark .owl-nav .owl-next {
    color: var(--cardColor) !important
}

.theme-dark .services-tab .tabs li a {
    color: var(--whiteColor);
    background-color: var(--bgColor)
}

.theme-dark .services-tab .tabs li.active a {
    background-color: #025087;
    color: var(--whiteColor)
}

.theme-dark .services-tab .tabs li.current a {
    background-color: #025087;
    color: var(--whiteColor)
}

.theme-dark .project-area-two .thumbs-wrap .owl-thumbs .owl-thumb-item .content {
    background-color: var(--cardColor)
}

.theme-dark .project-item .content {
    background-color: var(--cardColor)
}

.theme-dark .project-categories,
.theme-dark .subscribe-area {
    background-color: var(--bgColor)
}

.theme-dark .side-bar-from {
    background-color: var(--bgColor)
}

.theme-dark .side-bar-from .appointment-form .form-group .form-control {
    background-color: var(--cardColor);
    color: var(--whiteColor)
}

.theme-dark .team-card {
    background-color: var(--bgColor)
}

.theme-dark .team-card .content {
    background-color: var(--bgColor)
}

.theme-dark .gallery-photo-item::before,
.theme-dark .gallery-photo-item::after {
    background-color: var(--cardColor)
}

.theme-dark .pricing-area {
    background-color: var(--bgColor)
}

.theme-dark .pricing-card {
    background-color: var(--cardColor)
}

.theme-dark .choose-area-two {
    background-color: var(--bgColor)
}

.theme-dark .choose-img-three::before,
.theme-dark .choose-img-three::after {
    background-color: var(--bgColor)
}

.theme-dark .choose-card::before,
.theme-dark .why-card::before {
    background-color: var(--cardColor)
}

.theme-dark .work-area-two::before {
    background-color: var(--darkColor)
}

.theme-dark .testimonial-area::after {
    background-color: var(--cardColor)
}

.theme-dark .testimonial-item {
    background-color: var(--cardColor)
}

.theme-dark .blog-card,
.theme-dark .blog-left-content,
.theme-dark .blog-card-two {
    background-color: var(--cardColor)
}

.theme-dark .article-content-area .blockquote {
    background-color: var(--bgColor)
}

.theme-dark .comments-wrap .comment-form li a {
    color: var(--cardColor)
}

.theme-dark .search-widget {
    background-color: var(--bgColor)
}

.theme-dark .search-widget .search-form .form-control {
    background-color: var(--cardColor);
    color: var(--whiteColor)
}

.theme-dark .side-bar-categories ul li a {
    background-color: var(--bgColor)
}

.theme-dark .side-bar-widget {
    background-color: var(--bgColor)
}

.theme-dark .side-bar-widget .side-bar-widget-tag li {
    background-color: var(--cardColor)
}

.theme-dark .side-bar-widget .side-bar-widget-tag li:hover {
    background-color: #025087
}

.theme-dark .subscribe-area-bg {
    background-color: var(--bgColor)
}

.theme-dark .subscribe-area .subscribe-form .form-control {
    background-color: var(--cardColor);
    color: var(--whiteColor)
}

.theme-dark .faq-accordion .accordion .accordion-item {
    background-color: transparent
}

.theme-dark .faq-accordion .accordion .accordion-title {
    background-color: var(--bgColor)
}

.theme-dark .faq-accordion .accordion .accordion-title.active {
    background-color: #025087
}

.theme-dark .footer-area-bg {
    background-color: var(--cardColor)
}

.theme-dark .footer-top-two {
    background-color: var(--bgColor)
}

.theme-dark .footer-contact-two {
    background-color: var(--cardColor)
}

.theme-dark .footer-contact-two .right {
    opacity: .3
}

.theme-dark .footer-area-bg-two::before {
    background-color: var(--cardColor)
}

.theme-dark .contact-form .form-group .form-control {
    background-color: var(--cardColor);
    color: var(--whiteColor)
}

.theme-dark .contact-card {
    background-color: var(--bgColor)
}

.theme-dark .user-all-form .contact-form {
    background-color: var(--bgColor)
}

.theme-dark .coming-soon-area {
    background-color: var(--cardColor)
}

.theme-dark .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
    background-color: var(--bgColor);
    color: var(--whiteColor)
}

@media only screen and (max-width:991px) {
    .theme-dark .choose-card {
        background-color: var(--cardColor)
    }
}