css
 
:root {
     global-theme-colors  
    --sunrise-orange: #ff6b35;
    --honey-amber: #ff9a3d;
    --sunset-red: #ff4d4d;
    --warm-brown: #8b4513;
    --cream-bg:     #f5f5dc;
    --soft-beige: #f5f5dc;
    --warm-yellow: #ffd166;
    --soft-orange: #ffb347;
}

 
body {
    background-color: var(--cream-bg) !important;
    color: #5a4a42 !important;
    font-family: 'Lato', 'Segoe UI', sans-serif !important;
}

 
.top-bar-head {
    background: linear-gradient(90deg, var(--sunrise-orange), var(--honey-amber)) !important;
    color: white !important;
}

.top-bar-head a {
    background: rgba(255, 255, 255, 0.25) !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.top-quick-nav .navbar-nav.left li > a > span,
.top-quick-nav .navbar-nav.left li > span {
    background: linear-gradient(45deg, var(--sunrise-orange), var(--sunset-red)) !important;
    color: white !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #6b5648 !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--sunrise-orange) !important;
    background: #fff5e6 !important;
}

 
header {
    background: white !important;
    border-bottom: 1px solid #ffe4c4 !important;
}

.head-search form {
    border: 2px solid #ffd7b5 !important;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.2) !important;
}

.head-search input {
    background: #fffdf5 !important;
}

.head-search select {
    background: #fffaf0 !important;
    border-left: 2px solid #ffd7b5 !important;
}

.head-search button {
    background: linear-gradient(45deg, var(--sunrise-orange), var(--honey-amber)) !important;
    color: white !important;
}

.header-list i {
    color: var(--sunrise-orange) !important;
}

 
.btn-outline-danger,
.btn-success {
    background: linear-gradient(45deg, var(--sunrise-orange), var(--honey-amber)) !important;
    border-color: var(--sunrise-orange) !important;
    color: white !important;
}

.btn-outline-danger:hover,
.btn-success:hover {
    background: linear-gradient(45deg, var(--honey-amber), var(--sunrise-orange)) !important;
    border-color: var(--honey-amber) !important;
}

 
.text-danger {
    color: var(--sunset-red) !important;
}

.hm-sec-3 h1 span,
.hm-sec-3 h4 span,
.hm-sec-3 h5 span {
    color: var(--sunrise-orange) !important;
}

.hd-rd-brdr.hd-inner-link a {
    color: var(--sunrise-orange) !important;
}

 
.category-tabs h2 span b {
    color: var(--sunrise-orange) !important;
}

.category-tabs div .nav-tabs .nav-link.active {
    border-bottom: 5px solid var(--sunrise-orange) !important;
}

.category-tabs div a.nav-link.active span {
    color: var(--sunrise-orange) !important;
}

.category-tabs .tab-content > .tab-pane {
    background: #fffbeb !important;
}

.category-tabs .tab-content > .tab-pane h3 a {
    color: var(--sunset-red) !important;
}

/* FORMS */
.form-control:focus {
    border-color: var(--sunrise-orange) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25) !important;
}

 
.quote-now h3 span {
    background-color: var(--sunrise-orange) !important;
    color: white !important;
}

.connect-buyer h4 span {
    color: var(--sunrise-orange) !important;
}

 
.premiumServiceCarouselComponent h3 {
    color: var(--honey-amber) !important;
}

.btm-pkg-btn a {
    background: var(--sunrise-orange) !important;
    color: white !important;
}

 
.reg-channel-col h3 {
    color: var(--honey-amber) !important;
}

.ftr-tradeshows-col h3 {
    color: var(--honey-amber) !important;
}

 
.testimonails-slider .item .author-story span > b {
    color: var(--sunset-red) !important;
}

.testimonails-slider .item {
    background: #fffaf0 !important;
    border-left: 4px solid var(--honey-amber) !important;
}

 
.about-col-desc h2 {
    border-bottom: 2px solid var(--honey-amber) !important;
}

.about-col-desc h3 {
    color: var(--sunrise-orange) !important;
}

.about-col-desc a#m_readmore {
    background: var(--sunrise-orange) !important;
    color: white !important;
}
 
footer {
    background: linear-gradient(135deg, #1c1917, #292524) !important;
}

footer h5 {
    color: #fef3c7 !important;
    border-bottom: 2px solid var(--honey-amber) !important;
}

 
button.chat-btn-mobile,
.start-chat {
    background: var(--sunrise-orange) !important;
}

.chat-content span {
    color: var(--sunrise-orange) !important;
}

.lead-popup .popheading h4 {
    color: var(--sunrise-orange) !important;
}

.popup-btn .btn {
    background: var(--sunrise-orange) !important;
    color: white !important;
}

 
@media only screen and (max-width: 600px) {
    .menu-banner-form .prd-cat-nav > ul > li.menu-cat-more-btn {
        background: var(--honey-amber) !important;
    }
    
    .quote-now h3 span {
        background-color: transparent !important;
        color: var(--sunrise-orange) !important;
    }
}