/*light mode*/
body.light-mode {
    --bg_black_main: #ffffff;
    --body_white_color : #0B0D0E;
    --white_color_2: #f7f6f6;
    --white_color_4: #f7f6f6;
    --white_color_20: #E5E7EB;
    --neutral-200: #4B5563;
    --border: #D1D5DB;
    --card-bg: #f7f6f6;
    --card-bg-dark: #f7f6f6;
    --card-bg-light: #ededed;
    --card-border: #E5E7EB;
}

body.light-mode .black_Card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}
body.light-mode .excruit_header_nav_wrap {
    background-color: #fff;
}
body.light-mode .nav_links {
    border-color: var(--border);
}
body.light-mode .nav_links a {
    color: var(--body_white_color);
}
body.light-mode .nav_links a:hover {
    color: var(--primary);
}
body.light-mode .theme_change_toggle_btn {
 border-color: var(--border);
}
body.light-mode .theme_change_toggle_btn .toggle_icon {
 border-color: var(--border);
}



body.light-mode .excruit_hero_banner .gradient_circle_1 {
    display: none;
}

body.light-mode .excruit_banner_title {
    background: linear-gradient(180deg, #0B0D0E 0%, #000000 55%, rgb(80 80 80 / 15%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding-bottom: 4px;
}

body.light-mode .excruit_hero_content .para_1, 
body.light-mode .excruit_hero_content .para_3_white {
    color: var(--body_white_color);
}

body.light-mode .btn_ghost {
    border: 1px solid var(--border);
    color: var(--body_white_color);
}
body.light-mode .btn_ghost img {
     filter: brightness(0) invert(0);
}
body.light-mode .Ecosystem_timeline_wraps {
    background-color: var(--card-bg);
}
body.light-mode .Ecosystem_timeline_border_dv, 
body.light-mode .Ecosystem_timeline_channel_card .verticle_border {
    border-color: var(--border);
}
body.light-mode .Ecosystem_timeline_border_dv .verticle_border {
    border-color: var(--border);
}
body.light-mode .Ecosystem_timeline_border_dv .verticle_border:after {
    background-color: var(--border);
}

body.light-mode .Ecosystem_timeline_channel_card .verticle_border::after {
    background: var(--border);
}

body.light-mode .timeline_onboard_card {
    background: linear-gradient(135deg, #f7f6f6, #dbdbdb);
}

body.light-mode .timeline_channel_group, 
body.light-mode .timeline_process_group, 
body.light-mode .timeline_channel_group::before, 
body.light-mode .channel_timeline_card .verticle_border {
    border-color: var(--border);
}

body.light-mode .channel_timeline_card .verticle_border::after {
    background: var(--border);
}

body.light-mode .timeline_vertical_line img {
    filter: brightness(0.7);
}
body.light-mode .excruit_cta_card .key_message_badges {
    border-color: var(--body_white_color);
}


body.light-mode .why_excrut_table thead tr th:nth-child(2) {
    background: var(--card-bg-dark);
    border: 1px solid var(--border);
}
body.light-mode .why_excrut_table tbody tr td:nth-child(2) {
   background: var(--card-bg-dark);
}

body.light-mode .why_excrut_table tbody tr td {
    border: 1px solid var(--border);
    border-bottom: none;
    border-top: none;
}
body.light-mode .why_excrut_table tbody tr:first-child td:first-child {
    border-top: 1px solid var(--border);
}
body.light-mode .why_excrut_table .tbl_lst {
    border-color: var(--border);
}
body.light-mode .why_excrut_table tbody tr:last-child td {
    border-bottom: 1px solid var(--border);
}
body.light-mode .why_excrut_table tbody tr td:nth-child(3) {
    border: none;
}
body.light-mode .why_excrut_table tbody tr td:last-child {
    border: 1px solid var(--primary);
    border-top: none;
    border-bottom: none;
}
body.light-mode .why_excrut_table tbody tr:last-child td:last-child {
    border-bottom: 1px solid var(--primary);
}

body.light-mode .hiring_compare_accordion .accordion-item {
    background: var(--card-bg-dark);
}
body.light-mode .hiring_compare_accordion .accordion-button {
    color: var(--body_white_color);
}
body.light-mode .hiring_compare_accordion .accordion-button::after {
    filter: brightness(0) invert(0);
}

body.light-mode .feature_card {
    background: var(--card-bg-dark);
    border: 1px solid var(--border);
}
body.light-mode .feature_card.active {
    background: linear-gradient(135deg, #f7f6f6, #dbdbdb);
}



body.light-mode .cta_buttons .btn_ghost {
    border: 1px solid var(--body_white_color);
}

body.light-mode .badges {
    border: 1px solid var(--border);
}


/* blogs */
body.light-mode .blog_author_top_card .authortitle1 {
    color: var(--neutral-200);
}
body.light-mode .h1-hero {
    color: var(--body_white_color);
}
body.light-mode .toc-sidebar h4 {
    color: var(--body_white_color);
}
body.light-mode .featured-image-wrapper {
    box-shadow: none;
}

body.light-mode .h_blog_item_content2 .blogtech_badge {
    color: var(--primary);
}
body.light-mode .h_blog_item_content2 .headings {
    color: var(--body_white_color);
}

body.light-mode .hire_blog_banner_wr .rightcolmsiner {
    border-color: var(--border);
}
body.light-mode .blog_banner_badge .badgeitems {
    color: var(--primary);
}
body.light-mode .h_blog_item_content .headings a {
    color: var(--body_white_color);
}

body.light-mode .hire_blog_banner_sec {
    background-color: var(--card-bg);
}
body.light-mode .h_related_articles {
    background: var(--card-bg-dark);
}
body.light-mode .h_related_articles .headingss a {
    color: var(--body_white_color);
}
body.light-mode .h_related_articles .badgesdiv .art_badge {
    background: var(--primary);
}
/* blogs */

body.light-mode .custom_checkbox_group .wpcf7-list-item label {
    color: var(--body_white_color);
}

body.light-mode .requst_access_form select option {
    color: var(--body_white_color);
}


body.light-mode .plateform_bottom__row {
    border-color: var(--border);
}
body.light-mode .platform_bottom_item:not(:last-child)::after {
    background: var(--border);
}

body.light-mode .enterprise_growth_Card .card_icon .iconss {
    background-color: var(--card-bg-light);
}


body.light-mode .ourstory_section .gradient_circle_1 {
    display: none;
}

body.light-mode .cta_matters_Card_col {
    border-color: var(--border);
}

@media screen and (max-width:991px) {
    body.light-mode .nav_links {
        background: var(--card-bg-dark);
    }
}