/* Transparent Navbar Override */
.navbar{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.navbar .navbar-brand,.navbar .nav-link,.navbar .dropdown-toggle{color:#fff!important;text-shadow:1px 1px 3px rgba(0,0,0,.3)}
.navbar .nav-link:hover,.navbar .dropdown-toggle:hover{color:#f0f0f0!important}
.navbar .badge{background:rgba(255,255,255,.9)!important;color:var(--dark)!important;text-shadow:none}

/* Hero */
.hero-section{background:linear-gradient(135deg,rgba(167,127,82,.88),rgba(58,53,44,.88)),url('images/carousel/3.jpg');background-size:cover;background-position:center;background-attachment:fixed;height:45vh;min-height:350px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;margin-top:0}
.hero-content h1{font-size:2.8rem;font-weight:700;margin-bottom:15px;color:#fff!important;text-shadow:2px 2px 10px rgba(0,0,0,.6);letter-spacing:1px}
.hero-content p{font-size:1.1rem;margin-bottom:25px;color:#fff!important;text-shadow:1px 1px 5px rgba(0,0,0,.6);font-weight:300;max-width:600px;margin-left:auto;margin-right:auto}

/* Story Section */
.story-section{background:#fff;padding:80px 0}
.story-section h2{font-size:2.3rem;margin-bottom:25px;color:var(--dark)}
.story-text{font-size:1.05rem;line-height:1.9;color:var(--muted);margin-bottom:20px}

/* Section Headers */
.section-header{text-align:center;margin-bottom:60px}
.section-header h2{font-size:2.8rem;margin-bottom:20px;color:var(--dark)}
.section-header p{font-size:1.15rem;color:var(--muted);max-width:700px;margin:0 auto 25px;line-height:1.8}
.section-header .accent-line{width:80px;height:4px;background:var(--accent);margin:0 auto;border-radius:2px}

/* Values Section */
.values-section{background:#f9f7f4;padding:80px 0}
.value-card{background:#fff;padding:40px 30px;border-radius:15px;text-align:center;box-shadow:0 3px 12px rgba(0,0,0,.08);transition:all .3s;height:100%}
.value-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.15);transform:translateY(-5px)}
.value-card i{font-size:2.5rem;color:var(--accent);margin-bottom:20px;display:block}
.value-card h4{font-size:1.3rem;margin-bottom:15px;color:var(--dark);font-weight:700}
.value-card p{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0}

/* Why Choose Section */
.why-choose-section{background:#fff;padding:80px 0}
.feature-item{display:flex;gap:25px;padding:30px;background:#f9f7f4;border-radius:15px;transition:all .3s}
.feature-item:hover{background:var(--card-bg);transform:translateX(10px)}
.feature-item i{font-size:2.5rem;color:var(--accent);min-width:60px;text-align:center}
.feature-item h5{font-size:1.2rem;margin-bottom:10px;color:var(--dark);font-weight:700}
.feature-item p{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0}

/* CTA Section */
.cta-section{background:#fff;padding:60px 0;text-align:center}
.cta-section h3{font-size:2.3rem;margin-bottom:15px;font-weight:700;color:var(--dark)}
.cta-section p{font-size:1.05rem;margin-bottom:30px;color:var(--muted);line-height:1.8}
.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.cta-buttons .btn{padding:12px 35px;font-size:1rem;font-weight:600;border-radius:50px;transition:all .3s;box-shadow:0 5px 20px rgba(0,0,0,.15)}
.cta-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.25)}

footer{background:var(--dark);color:rgba(255,255,255,.8);padding:40px 0 25px}
footer p,footer small{color:rgba(255,255,255,.7)}

@media(max-width:768px){
.hero-content h1{font-size:2.2rem}
.hero-content p{font-size:1.05rem}
.section-header h2{font-size:2rem}
.story-section h2{font-size:1.8rem}
.cta-buttons{flex-direction:column;align-items:center}
.cta-buttons .btn{width:100%;max-width:250px}
}