:root {
    --new-theme-color: #006FC9;
    --new-title-color: #006FC9;
    --new-body-color: #737887;
    --new-smoke-color: #636363;
    --new-smoke-color2: #E2E8FA;
    --new-black-color: #000000;
    --new-black-color2: #080E1C;
    --new-gray-color: #bdbdbd;
    --new-white-color: #ffffff;
    --new-light-color: #72849B;
    --new-yellow-color: #FFB539;
    --new-success-color: #28a745;
    --new-error-color: #dc3545;
    --new-th-border-color: #E0E0E0;

    --new-span-font: 'Source Serif 4', serif;
    --new-title-font: 'Geist', sans-serif;
    --new-body-font: 'Geist', sans-serif;

    --new-icon-font: "Font Awesome 6 Pro";
    --new-main-container: 1220px;
    --new-container-gutters: 24px;
    --new-section-space: 120px;
    --new-section-space-mobile: 40px;
    --new-section-title-space: 60px;
    --new-ripple-ani-duration: 5s
}

body {
    font-family: var(--new-body-font) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--new-title-font) !important;
}

.hide-on-desktop {
    display: none !important;
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }

    .hide-on-desktop {
        display: block !important;
    }
}

/* Header CSS Started */
.header-layout4 .main-menu>ul>li>a {
    color: var(--new-black-color) !important;
    text-transform: lowercase !important;
    font-weight: 500 !important;
}

.header-layout4 .main-menu>ul>li>a::first-letter {
    text-transform: uppercase !important;
}

.header-layout4 .main-menu>ul>li>a:after {
    color: var(--new-black-color) !important;
}

.header-layout4 .main-menu>ul>li>a:hover {
    color: var(--new-black-color) !important;
}

.header-links a {
    color: var(--new-white-color) !important;
    font-size: 12px;
}

.header-links i, .header-social a {
    color: var(--new-white-color) !important;
    font-size: 12px;
}

.header-social .social-title {
    color: var(--new-white-color) !important;
    font-size: 12px;
}

@media (max-width: 768px) {
    .header-social {
        display: none;
    }
}

.main-menu.style2>ul>li>a {
    padding: 2px 10px;
}

.main-menu.style2>ul>li {
    margin: 0 4px !important;
}

/* Footer CSS Started  */

.footer-layout2 {
    background-color: var(--new-theme-color) !important;
}

.footer-layout2 .footer-widget .widget_title, .footer-layout2 .footer-widget .recent-post .post-title {
    color: var(--new-white-color);
}

.footer-widget .widget_title:before {
    content: '';
    height: 2px;
    width: 100px;
    background-color: var(--new-white-color);
    position: absolute;
    left: 0;
    bottom: 0;
}

.widget_nav_menu a {
    color: var(--new-white-color);
}

.widget_nav_menu a:hover {
    color: var(--new-smoke-color2) !important;
}

.footer-widget.widget_nav_menu a:before {
    content: "\f101";
}

.footer-widget .widget_title {
    margin: -0.12em 0 20px 0;
    padding: 0 0 8px 0;
}

.th-widget-about .about-logo {
    margin-bottom: 20px !important;
}

.footer-layout2 .th-social a {
    color: var(--new-white-color);
    border: none !important;
}

.contact-feature .icon-btn {
    background-color: var(--new-white-color);
    color: var(--new-theme-color);
}

.contact-feature_label {
    color: var(--new-white-color);
    margin-bottom: 5px;
}

.contact-feature_link {
    color: var(--new-white-color);
}

.contact-feature_link:hover {
    color: var(--new-smoke-color2);
}

.widget-area {
    padding-top: 40px;
    padding-bottom: 0;
}

.footer-widget .contact-feature .icon-btn {
    --btn-size: 32px;
}

.copyright-wrap {
    padding: 0 0 12px 0;
}

@media (max-width: 991px) {
    .footer-wrapper .widget-area {
        padding-top: var(--section-space-mobile);
        padding-bottom: 0;
    }
}

.th-widget-about .about-text {
    line-height: 1.35;
}

.new-italic {
    color: var(--new-theme-color) !important;
    font-style: italic ;
    font-family: var(--new-span-font) !important;
}