[data-bs-theme=light]{
    --primary-color:#004aa9;
    --secondary-color:#052497;
    --body-bg-primary:#f2f4fb;
    --body-bg-secondary:#fafbff;
    --body-bg-secondary-rgb:rgb(250,251,255);
}
[data-bs-theme=dark]{
    --primary-color:#f2f4fb;
    --secondary-color:#fafbff;
    --body-bg-primary:#0f1839;
    --body-bg-secondary:#192951;
    --body-bg-secondary-rgb:rgb(25,41,81);
}

body , .header-menu-section-container,
.footer-section-copyright {
    background-color: var(--body-bg-primary);
}
 
body,
.primary-font-family {
    font-family: 'Montserrat', sans-serif, serif;
}



h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.secondary-font-family,
.btn,
.read-more-link,
.section-title-intro {
    font-family: 'Source Serif 4', sans-serif, serif;
}


/*Accent Color*/
.accent-color,.main-section p,
.footer-section-top .light-color,.footer-section-top .light-color p,.widget-title span,
.footer-section-top .light-color a:not(.btn),.light-color .form-control ,
.footer-section-copyright .light-color p,.white-color, .light-color .white-color,
.accent-color-hover:hover,
a:hover,
::placeholder,
.btn-accent.btn-outline,
.btn-accent.btn-outline-reverse:hover,
.tabs-block .nav-tabs .nav-link.active,
.read-more-link:not(.btn),
.read-more-link:not(.btn):hover,
.accordion-button:hover,
.accordion-button[aria-expanded="true"],
.shop-block .shop-block-heading .product-price {
    color: var(--primary-color);
}

.accent-color-bg,
.btn-accent.btn-outline:hover,
.widget_calendar table tbody a:not(.btn),
.widget_calendar table tbody a:not(.btn):hover,
.alert-accent,
.mejs__audio .mejs__controls,
.social-networks ul li:hover a i,
.social-networks.social-networks-layout-transparent ul li:hover a i,
.social-networks.social-networks-layout-2 ul li a:first-child *,
.price-slider .ui-slider-range,
.price-slider .ui-slider-handle,
.pagination-block .page-item.active .page-link,
.pagination-block .page-item.active .page-link:hover,
.form-block-sign .form-block-sign-logo,
.nav-menu-block-layout-2 ul li a:hover,
.nav-menu-block-layout-2 ul li.active a
/* input[type="checkbox"].form-control:checked */
{
    background-color: var(--primary-color);
}

.accent-color-border,
.btn-accent,
.btn-accent.btn-outline:hover,
.form-control:focus,
input[type="radio"].form-control:checked,
input[type="checkbox"].form-control:checked,
input[type="checkbox"].form-control:checked:focus,
.alert-accent,
.tabs-block .nav-tabs .nav-link.active,
.tabs-block-vertical .nav-tabs .nav-link.active::before,
.timeline-block-body, button {
    border-color: var(--primary-color);
}

a,
a:hover {
    text-decoration-color: var(--primary-color);
}


/*Accent Alt Color*/
.accent-alt-color {
    color: var(--secondary-color);
}

.accent-alt-color-bg
{
    background-color: var(--body-bg-secondary) !important;
}
.footer-section-top
{
    background-color: var(--body-bg-secondary);
}

.accent-alt-color-border,
.btn-accent:not(.btn-outline):not(.btn-outline-reverse):hover {
    border-color: var(--secondary-color);
}

.body-color,
.body-color-hover:hover,
body,
.desktop-menu > .navbar-nav > .nav-item > .nav-link:not(.btn):hover,
.desktop-menu > .navbar-nav > .nav-item.active > .nav-link:not(.btn),
.desktop-menu > .navbar-nav > .nav-item:hover > .nav-link:not(.btn),
.desktop-menu > .navbar-nav > .nav-item > .nav-link.active:not(.btn),
.desktop-menu .header-menu-buttons .nav-item .nav-link:hover,
.desktop-menu .header-menu-buttons .nav-item:hover .nav-link,
.social-networks ul li a i,
.blog-block-search .meta-block,
.form-block-sign .form-block-sign-footer {
    color: var(--secondary-color);
}


/* 0f1839 (Heading)
============================================================================= */
.heading-color,
.heading-color-hover:hover,
a,
h1, .h1:not([class*='-color']),
h2, .h2:not([class*='-color']),
h3, .h3:not([class*='-color']),
h4, .h4:not([class*='-color']),
h5, .h5:not([class*='-color']),
h6, .h6:not([class*='-color']),
.navbar-brand,
.navbar-brand:hover,
.header-section-layout-3 .header-middle-section .navbar-brand,
.header-section-layout-3 .header-middle-section .navbar-brand:hover,
.navbar-toggler,
.navbar-toggler:hover,
.desktop-menu > .navbar-nav > .nav-item > .nav-link:not(.btn),
.desktop-menu .header-menu-buttons .nav-item .nav-link,
.form-control,
.label,
.desktop-menu .header-menu-buttons .form-block-container .btn-form-block-header-search-close,
.desktop-menu .header-menu-buttons .form-block-container .btn-form-block-header-search-close:hover,
.widget a:not(.btn),
.widget a:not(.btn):hover,
.tabs-block .nav-tabs .nav-link,
.twitter-feed-block-item .twitter-feed-block-item-footer,
.meta-block,
.pagination-block,
.isotope-filter,
.post-info-block b,
.post-info-block strong,
.form-block-sign .form-block-sign-message,
.shop-block .product-rating {
    color: var(--primary-color);
}

.heading-color-bg {
    background-color: var(--primary-color);
}

.heading-color-border {
    border-color: var(--primary-color);
}



.body-color-bg {
    background-color: var(--body-bg-primary);
}
.body-color-bg-light{
    background-color: var(--body-bg-secondary);
}
.white-color-bg , .form-control{
    background-color: rgba(152,153,162, 0.3) !important;
}
input::placeholder{
    color: var(--secondary-color) !important;
}
.form-control:focus{
    color: var(--primary-color) !important;
}