:root {
    --delta-blue: #0066b3;
    --delta-ink: #17324d;
    --delta-muted: #536579;
    --delta-border: #e3ebf3;
    --delta-soft: #f6f9fc;
}

body,
.body_wrapper {
    background-color: #fff;
    color: var(--delta-muted);
}

.dk_bg_one,
.saas_banner_area {
    background-color: #fff;
    background-image: none;
}

.dk_bg_two,
.fun_fact_area,
.partner_logo_area_three,
.footer_area_six {
    background-color: var(--delta-soft);
    background-image: none;
}

.footer_area_six {
    border-top: 1px solid var(--delta-border);
}

.header_area {
    background-color: #fff;
    box-shadow: 0 4px 20px rgb(23 50 77 / 6%);
}

.header_area.navbar_fixed {
    background-color: #fff;
}

.menu_six .menu > .nav-item .nav-link {
    color: var(--delta-ink);
}

.menu_six .menu > .nav-item:hover .nav-link,
.menu_six .menu > .nav-item.active .nav-link,
.menu_six .menu > .nav-item .nav-link:focus {
    color: var(--delta-blue);
}

.menu_six .menu > .nav-item:hover .nav-link::before,
.menu_six .menu > .nav-item.active .nav-link::before {
    background-color: var(--delta-blue);
}

.menu_six .menu_toggle .hamburger-cross span,
.menu_six .menu_toggle .hamburger span {
    background-color: var(--delta-ink);
}

.w_color {
    color: var(--delta-ink) !important;
}

.d_p_color {
    color: var(--delta-muted);
}

.saas_featured_item[class*="s_featured_"] {
    background: #fff;
    border: 1px solid var(--delta-border);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgb(23 50 77 / 7%);
    color: var(--delta-muted);
}

.saas_featured_item i,
.saas_features_item .number,
.saas_features_item .separator,
.ratting a,
.post_date {
    color: var(--delta-blue);
}

.saas_featured_item h6,
.saas_features_item h4,
.feedback_item h5 {
    color: var(--delta-ink);
}

.saas_features_item,
.feedback_item {
    background-color: #fff;
    border: 1px solid var(--delta-border);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgb(23 50 77 / 6%);
}

.saas_banner_btn,
.btn_five {
    background-color: var(--delta-blue);
    border-color: var(--delta-blue);
    color: #fff;
}

.saas_banner_btn:hover,
.btn_five:hover {
    background-color: #005493;
    border-color: #005493;
    color: #fff;
}

.footer_area_six .f-title,
.footer_area_six .f_list li a,
.footer_area_six .company_widget p {
    color: var(--delta-ink);
}

.footer_area_six .f_list li a:hover {
    color: var(--delta-blue);
}

.footer_top_six .f_widget.about-widget .f_list li a {
    color: var(--delta-ink);
}

.footer_top_six .f_widget.about-widget .f_list li a:hover {
    color: var(--delta-blue);
}

.footer_top_six .f_widget.about-widget .f_list li a::before {
    background-color: var(--delta-blue);
}

.footer_top_six .social-widget .f_social_icon a {
    background-color: var(--delta-blue);
    color: #fff;
}

.footer_top_six .social-widget .f_social_icon a:hover {
    background-color: #005493;
}

.about_hero_area {
    background: linear-gradient(180deg, var(--delta-soft), #fff);
    padding: 160px 0 90px;
}

.about_hero_content h1,
.about_hero_content h2,
.about_difference_area h2,
.about_values_area .sec_title h2,
.about_technology_area h2 {
    color: var(--delta-ink);
}

.about_hero_content > p,
.about_intro_area p,
.about_difference_area p,
.about_technology_area p:not(.about_statement) {
    color: var(--delta-muted);
}

.about_intro_area {
    background-color: #fff;
}

.about_difference_area,
.about_values_area {
    background-color: var(--delta-soft);
}

.about_value_card {
    height: 100%;
    background-color: #fff;
    border: 1px solid var(--delta-border);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgb(23 50 77 / 6%);
    padding: 30px;
}

.about_value_card h3 {
    color: var(--delta-ink);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.about_value_card p {
    color: var(--delta-muted);
    margin-bottom: 0;
}

.about_technology_area {
    background-color: #fff;
}

.about_statement {
    color: var(--delta-blue);
}

.about_closing_area {
    background-color: #edf5fc;
    color: var(--delta-ink);
    padding: 55px 0;
    text-align: center;
}

@media (max-width: 767px) {
    .about_hero_area {
        padding: 130px 0 70px;
    }

    .about_hero_content h1 {
        font-size: 42px;
    }
}