:root { --primary: #27ae60; --secondary: #2ecc71; --dark: #1e8449; --light: #eafaf1; }
.top-bar { background: var(--dark); color: #fff; padding: 8px 0; font-size: 14px; }
.top-bar a { color: #fff; text-decoration: none; }
.top-bar a:hover { color: #f1c40f; }
.main-header { background: #fff; padding: 15px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.logo-text { font-size: 18px; color: var(--dark); font-weight: bold; }
.logo-text:hover { color: var(--primary); text-decoration: none; }
.nav-link { color: var(--dark); font-weight: 500; }
.nav-link.active { background: var(--primary) !important; color: #fff !important; }
.hero { background: linear-gradient(rgba(30,132,73,0.85), rgba(39,174,96,0.8)), url('../images/g3.jpg') center/cover; padding: 90px 0; color: #fff; text-align: center; }
.hero h1 { font-size: 44px; margin-bottom: 15px; }
.hero p { font-size: 18px; max-width: 850px; margin: 0 auto; }
.intro { padding: 70px 0; background: #fff; }
.intro-box { background: var(--light); border-radius: 10px; padding: 35px; border-left: 5px solid var(--primary); }
.services { padding: 60px 0; background: linear-gradient(to bottom, var(--light), #fff); }
.service-card { background: #fff; border-radius: 10px; padding: 30px; margin-bottom: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); border-top: 4px solid var(--primary); transition: transform 0.3s; }
.service-card:hover { transform: translateY(-5px); }
.service-card h4 { color: var(--dark); font-size: 22px; margin-bottom: 15px; }
.service-card i { font-size: 36px; color: var(--primary); margin-bottom: 15px; }
.sub-item { background: #f9f9f9; padding: 15px; border-radius: 6px; margin-bottom: 10px; }
.sub-item h6 { color: var(--dark); margin-bottom: 8px; }
.stats { background: var(--dark); color: #fff; padding: 60px 0; }
.stat-item { text-align: center; }
.stat-item h3 { font-size: 48px; color: #f1c40f; margin-bottom: 10px; }
.cta { background: linear-gradient(135deg, var(--primary), var(--dark)); padding: 60px 0; text-align: center; color: #fff; }
.cta h3 { font-size: 32px; margin-bottom: 15px; }
.cta a.phone { font-size: 36px; color: #f1c40f; display: block; margin: 15px 0; text-decoration: none; }
.cta a.btn-cta { display: inline-block; background: #fff; color: var(--dark); padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: bold; margin-top: 15px; }
.footer { background: #145a32; color: #fff; padding: 40px 0 20px; }
.footer a { color: #f1c40f; }
.footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 25px; }
@media(max-width:768px){
   .nav-link { color: #000 !important; }
   .nav-link.active { color: #fff !important; }
   .dropdown-item { color: #000 !important; }
   .logo-text { color: #000 !important; }
}