:root, [data-bs-theme="light"] {
    --primary-color: #000000;
    --secondary-color: #ff7300;
    --slider-section-bg-color: #d3d2d2;
    --body-color: #ffffff;
    --text-color: #000000;
    --heading-color: #000000;
    --footerbg-color: #383838;
    --footertitle-color: #ffffff;
    --footer-title-font-weight: 400;
    --footer-title-font-size: 14px;
    --footertext-color: #ffffff;
    --copywrite-bg-color: #222222;
    --copywrite-text-color: #ffffff;
    --menubg-color: #ebebeb;
    --menutext-color: #000000;
    --menu-dropdown-bg-color: #ffffff;
    --menu-dropdown-text-color: #333333;
    --mobile-menu-bg-color: #ff5900;
    --mobile-menu-text-color: #ffffff;
    --headertop-bg-color: #000000;
    --headertop-text-color: #ffffff;
    --heading-font: "Poppins", sans-serif;
    --text-font: "Poppins", sans-serif;
    --menu-font: "Poppins", sans-serif;
    --heading-font-weight: 500;
    --heading-font-size: 25px;
    --font-weight: 200;
    --text-font-size: 13px;
    --menutext-weight: 500;
    --menu-font-size: 14px;
    --menu-text-transform: uppercase;
    --menu-dropdown-text-transform: capitalize;
    --iconbox-icon-color: #ff7b00;
    --iconbox-heading-color: #030303;
    --iconbox-text-color: #858080;
    --iconbox-icon-size: 25px;
    --iconbox-heading-size: 16px;
    --iconbox-text-size: 12px;
    --section-banner-heading-color: #ffffff;
    --section-banner-heading-size: 35px;
    --section-banner-heading-font: "Poppins", sans-serif;
}

body,
button,
input,
select,
textarea {
    color: var(--text-color);
    background-color: var(--body-color);
    font-family: var(--text-font) !important;
    font-weight: var(--font-weight) !important;
    font-size: var(--text-font-size) !important;
}

.footer,
.footer.bg-dark {
    background-color: var(--footerbg-color) !important;
}

.homepage-builder-section--hero_slider,
.slider-bg {
    background-color: var(--slider-section-bg-color) !important;
}

.footer .widget-title {
    color: var(--footertitle-color) !important;
    font-size: var(--footer-title-font-size) !important;
    font-weight: var(--footer-title-font-weight) !important;
}

.footer .footer-content,
.footer .widget li,
.footer .links a {
    color: var(--footertext-color) !important;
}

.footer .footer-content {
    font-family: var(--text-font);
    font-weight: var(--font-weight) !important;
}

.footer .footer-bottom {
    background-color: var(--copywrite-bg-color) !important;
}

.footer .footer-copyright {
    color: var(--copywrite-text-color) !important;
}

.main-nav .menu a,
.mobile-nav .mobile-menu a {
    color: var(--menutext-color) !important;
    font-family: var(--menu-font) !important;
    font-weight: var(--menutext-weight) !important;
    font-size: var(--menu-font-size) !important;
}

.header-bottom.menubg,
.header-bottom .main-nav,
.header-bottom .main-nav > .menu {
    background-color: var(--menubg-color) !important;
}

.main-nav .menu > li > a,
.mobile-nav .mobile-menu > li > a {
    text-transform: var(--menu-text-transform) !important;
}

.main-nav .menu > li > ul,
.main-nav .menu .megamenu,
.main-nav .menu .submenu,
.main-nav .menu .megamenu .row,
.main-nav .menu .megamenu [class*="mega-column"],
.mobile-nav .mobile-menu ul {
    background-color: var(--menu-dropdown-bg-color) !important;
}

.main-nav .menu > li > ul a,
.main-nav .menu .megamenu a,
.main-nav .menu .megamenu .nolink,
.main-nav .menu .megamenu .menu-title,
.main-nav .menu .submenu a,
.mobile-nav .mobile-menu ul a {
    color: var(--menu-dropdown-text-color) !important;
    text-transform: var(--menu-dropdown-text-transform) !important;
}

.main-nav .menu .megamenu .nolink,
.main-nav .menu .megamenu .menu-title {
    font-weight: 700 !important;
}

.main-nav .menu > li:hover::before,
.main-nav .menu > li:hover::after {
    border-bottom-color: var(--menu-dropdown-bg-color) !important;
}

/* Mobile off-canvas menu (the menu opened by the hamburger icon). */
.mobile-menu-container,
.mobile-nav .mobile-menu ul {
    background-color: var(--mobile-menu-bg-color) !important;
}

.mobile-nav .mobile-menu a,
.mobile-nav .mobile-menu ul a,
.mobile-menu-close,
.mobile-menu-container .mmenu-btn {
    color: var(--mobile-menu-text-color) !important;
}

.mobile-menu li a:focus,
.mobile-menu li a:hover,
.mobile-menu li.active > a,
.mobile-menu li.open > a {
    color: var(--mobile-menu-text-color) !important;
    background-color: var(--mobile-menu-bg-color) !important;
}

@media (min-width: 992px) {
    .main-nav .menu .megamenu.has-custom-mega-width {
        width: min(var(--mega-menu-width), calc(100vw - 30px)) !important;
        max-width: calc(100vw - 30px) !important;
    }
}

.info-box .info-box-content h1,
.info-box .info-box-content h2,
.info-box .info-box-content h3,
.info-box .info-box-content h4,
.info-box .info-box-content h5,
.info-box .info-box-content h6,
.icon-box-side .icon-box-content h1,
.icon-box-side .icon-box-content h2,
.icon-box-side .icon-box-content h3,
.icon-box-side .icon-box-content h4,
.icon-box-side .icon-box-content h5,
.icon-box-side .icon-box-content h6 {
    font-family: var(--heading-font);
    font-weight: var(--heading-font-weight) !important;
}

.info-box .info-box-content p,
.icon-box-side .icon-box-content p {
    font-family: var(--text-font);
    font-weight: var(--font-weight) !important;
}

body p,
body p[class] {
    font-weight: var(--font-weight) !important;
    font-size: var(--text-font-size) !important;
}

h1, h2, h3, h4, h5, h6,
body h1[class], body h2[class], body h3[class],
body h4[class], body h5[class], body h6[class] {
    color: var(--heading-color) !important;
    font-family: var(--heading-font) !important;
    font-weight: var(--heading-font-weight) !important;
    font-size: var(--heading-font-size) !important;
}