/*----------------------------------------------------*/
body.body_dark {
    --bs-white: #131417 !important;
    --secondary-color: #ffffff !important;
    --body-color: #f1f1f1 !important;
    --black-50: #494949 !important;

    --black-600: #b9b9b9 !important;
    --black-700: #e1e1e1 !important;
    --black-800: #f1f1f1 !important;
    --black-900: #f8f8f8 !important;
    --black-150: rgba(255, 255, 255, 0.3) !important;
    --border_on_white: #2c303a !important;
    --border_on_gray: #dcdee0;: #2c303a !important;

    --border-on-highlight: #393e4b !important;
    --font-color-gray: #f1f1f1 !important;
    --bg-color-white: #2c303a !important;
    --bg-color-gray: #e2e6e763 !important;
    --sec-bg-color: #131417 !important;

    /*EazyDocs Plugin Colors*/
    --p_color: #f1f1f1 !important;
    --ezd_brand_color: var(--primary-color) !important;
    --black_300: #9fa6ad !important;
    --black_400: #848d95 !important;
    --black_600: #b9b9b9 !important;
    --black_700: #e1e1e1 !important;
    --black_800: #f1f1f1 !important;
    --black_900: #ffffff !important;
}

/**============ Dark Switcher Style ===========**/
header .js-darkmode-btn {
    position: relative;
    background: #171d24;
    color: gold;
    border-radius: 50px;
    padding: 0 5px;
    margin-left: 15px;
    height: 26px;
}

header .js-darkmode-btn label {
    margin: 0;
    cursor: pointer;
}

header .js-darkmode-btn ion-icon {
    color: gold;
    font-size: 14px;
}

header .js-darkmode-btn #ball {
    height: 18px;
    width: 18px;
    position: absolute;
    background-color: #fafafa;
    border-radius: 50%;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    cursor: default;
}

header .js-darkmode-btn input {
    display: none;
}


/*============= CSS ===============*/
body.body_dark .body_wrapper,
body.body_dark .body_wrapper .blog_details_area,
body.body_dark .body_wrapper .nice-select,
body.body_dark .nice-select .list,
body.body_dark .banner-area-2,
body.body_dark .banner-area,
body.body_dark .cta-3,
body.body_dark .body_wrapper .sec_pad {
    background: #131417 !important;
}

body.body_dark .dark-el-section-bg-color {
    background: #131417 !important;
}

body.body_dark .blog_comment_box .get_quote_form .form-group .form-control {
    background: #131417 !important;
    border-color: #131417 !important;
}


/*============ Item Background Color =============*/
body.body_dark .dark-el-inner-bg-color,
body.body_dark .dark-el-box-bg-color .elementor-widget-wrap,
body.body_dark .dark-el-box-bg-color .elementor-widget-container,
body.body_dark .nice-select .option.focus, .nice-select .option.selected.focus,
body.body_dark .nice-select .option:hover,
body.body_dark .multistep_form_loan form.elementor-form .elementor-form-fields-wrapper.elementor-labels-above,
body.body_dark .categories_guide_item {
    background: #2c303a !important;
}


body.body_dark h1,
body.body_dark h2,
body.body_dark h3,
body.body_dark h4,
body.body_dark h5,
body.body_dark h6,
body.body_dark .elementor-heading-title,
body.body_dark .elementor-heading-title span,
body.body_dark .theme-btn.theme-btn-lg {
    color: #ffffff !important;
}

body.body_dark p,
body.body_dark .job-description-widget p strong,
body.body_dark .elementor-section p,
body.body_dark .elementor-icon-list-items .elementor-icon-list-text,
body.body_dark .tagcloud a {
    color: #f1f1f1 !important;
}

body.body_dark .theme-btn.theme-btn-lg:hover::before {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

body.body_dark .blog_comment_box .get_quote_form .thm_btn::before {
    border-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
}

body.body_dark .post-details-widget .tag-widget {
    border-color: rgba(205, 208, 211, .4) !important;
}

body.body_dark .single-sidebar-widget .widget-title {
    background: #6a737c !important;
}

body.body_dark .post-details-widget .feature-list li::before {
    background-color: #ffffff;
}


/*============= Menu Colors =============*/
body.body_dark .header-menu.navbar_fixed.header-menu-3,
body.body_dark .header-menu.navbar_fixed.header-menu-3 {
    background-color: #171544 !important;
}

body.body_dark .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item:hover {
    background-color: rgba(208, 215, 222, 0.32) !important;
}

body.body_dark .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link,
body.body_dark .header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
    color: #f1f1f1;
}

body.body_dark .header-menu.navbar_fixed .navbar .menu > :hover > .nav-link,
body.body_dark .header-menu.navbar_fixed .navbar .menu > .active > .nav-link {
    color: var(--primary-color) !important;
}


body.body_dark .header-menu.navbar_fixed .navbar .sticky_logo .sticky {
    display: none;
}

body.body_dark .header-menu.navbar_fixed .navbar .sticky_logo .main {
    display: block;
}


/*=============== EazyDocs Plugins CSS ===================*/
body.body_dark .ezd_search_banner,
body.body_dark .doc_left_sidebarlist:not(.one-page-docs-sidebar-wrap):before,
body.body_dark .doc_left_sidebarlist::after,
body.body_dark .fontsize-controllers .btn-group,
body.body_dark .documentation_item .icon {
    background: #2c303a !important;
}

body.body_dark .page_breadcrumb {
    background: #1f3341;
}

body.body_dark .page_breadcrumb .breadcrumb .active {
    color: #ffffff;
}