/* Trust Green: forest green with warm, high-contrast gold actions. */
:root { --primary-color: #14532d; --secondary-color: #b7791f; --accent-color: #1f6b3d; --body-bg: #f2fbf5; --surface-blue: #e7f7ed; --surface-warm: #fff8eb; --slate-50: #f8fdf9; --slate-100: #e1f2e6; --slate-200: #c2dfca; --slate-300: #95c5a3; --slate-400: #6d9f7a; --slate-500: #507a5c; --slate-600: #3d6148; --slate-700: #2b4c35; --slate-800: #1d3827; --slate-900: #0c3b21; --shadow-glow: 0 0 20px 0 rgba(183, 121, 31, 0.2); }
body { background-color: var(--body-bg); color: var(--slate-800); }
a { color: var(--primary-color); } a:hover { color: var(--secondary-color); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #efd18a !important; outline-offset: 3px; }
.header-style-four .pearo-nav .navbar, .header-style-four .pearo-nav, .header-style-four .navbar-area, .header-style-four .navbar-area.is-sticky { background-color: var(--primary-color) !important; box-shadow: 0 6px 18px rgba(12, 59, 33, 0.22); }
.top-header { background-color: var(--slate-900); border-bottom-color: var(--slate-800); }
.top-header .top-header-right-side ul li .icon { background-color: var(--primary-color); color: #ffffff !important; }
.top-header .top-header-right-side ul li a.default-btn, .default-btn, .btn-primary, .btn-secondary { background-color: var(--secondary-color); color: #1a1a1a !important; box-shadow: 0 10px 15px -3px rgba(183, 121, 31, 0.3); }
.top-header .top-header-right-side ul li a.default-btn span, .default-btn span, .top-header .top-header-right-side ul li a.default-btn:hover span, .top-header .top-header-right-side ul li a.default-btn:focus span, .default-btn:hover span, .default-btn:focus span { background-color: var(--primary-color) !important; }
.default-btn:hover, .btn-primary:hover, .btn-secondary:hover { background-color: var(--primary-color); color: #ffffff !important; box-shadow: 0 15px 20px -5px rgba(20, 83, 45, 0.32); }
.page-heading, .page-title-area { background: linear-gradient(135deg, #0c3b21 0%, #14532d 100%) !important; }
.page-heading::before, .page-title-area::before { background: radial-gradient(circle, rgba(183, 121, 31, 0.22) 0%, transparent 70%); }
.title-divider, .page-title-content::after, .card-accent { background-color: var(--secondary-color); }
.header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li > a, .header-style-four .pearo-nav .navbar .navbar-nav ul li a { color: #ffffff !important; }
.header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li:hover, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li:hover > a, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li.active, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li.active > a, .top-header .top-header-right-side ul li a:hover { color: #efd18a !important; }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul { border-top-color: var(--secondary-color); }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a { color: var(--slate-800) !important; }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:hover, .header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:focus, .header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:active { background-color: var(--primary-color) !important; color: #ffffff !important; }
.services-box .content h3 a, .team-name a, .blog-name a, .vs-gallery-name a, .nav-stacked li a { color: var(--slate-800) !important; }
.services-box .content h3 a:hover, .team-name a:hover, .blog-name a:hover, .vs-gallery-name a:hover { color: var(--secondary-color) !important; }
.nav-stacked li.active a, .nav-stacked li a:hover, .accordion:hover, .accordion.vs_active { border-color: var(--secondary-color) !important; color: var(--primary-color) !important; }
.form-control:focus { border-color: var(--secondary-color) !important; box-shadow: 0 0 0 4px rgba(183, 121, 31, 0.2) !important; }
.single-feedback-item .feedback-desc, .single-feedback-item .feedback-desc::before { background-color: var(--primary-color); } .single-feedback-item .feedback-desc p { color: #ffffff; } .single-feedback-item .client-info h3 { color: var(--slate-900); } .socialShare a:hover { background-color: var(--secondary-color); color: #1a1a1a; }
.footer-area { background-color: var(--slate-900); } .footer-widget h3 { border-bottom-color: var(--secondary-color) !important; } .footer-widget ul li a:hover, .single-footer-widget .footer-quick-links li a:hover, .single-footer-widget .footer-contact-info li a:hover { color: #efd18a; } .footer_bottom { background-color: #062c18 !important; border-top-color: var(--slate-700); } .go-top { background-color: var(--secondary-color); } .go-top::before { background-color: var(--primary-color); }
.fa-folder, .fa-clock-o, .fa-keyboard-o, .fa-map-marker, .fa-phone, .fa-envelope-o, .C-usp-flag, .T-usp-title, .about-content span, .services-box .content .read-more-btn { color: var(--secondary-color); } th { background-color: var(--primary-color); color: #ffffff; }
@media (max-width: 1199px) { .header-style-four .pearo-responsive-nav, .header-style-four .navbar-area { background-color: var(--primary-color) !important; } .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal, .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal.meanclose { color: #ffffff !important; } .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal span { background-color: #ffffff !important; } .mean-container .mean-nav { background-color: #ffffff; box-shadow: 0 12px 24px rgba(12, 59, 33, 0.16); } .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a { border-top-color: var(--slate-100); color: var(--slate-800); } .mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li a:focus { background-color: var(--surface-warm); color: var(--primary-color); } }