/*
.navbar-brand, .navbar-brand > img {
    width: 10rem;
    padding:10px 0;
}
*/

footer.bg-dark {background-color:#535658!important;}


.h1, h1, h2, .h2, h3, h4, .h4, .h4 {
    color:#585858!important;
}

.navbar-nav .nav-link,
.navbar-nav-last-item a {
  
    font-weight: bold;
}



.navbar-nav .btn-white {
    background-color: #f5f6eb!important;
    border-color:#f5f6eb!important;
}

.btn {border-radius: 25px!important;}

/* ============ SECTIONS COMMON ============ */ 
.section-header { text-align: center; max-width: 700px; margin: 0 auto 4rem; } 
.section-tag { display: inline-block; background: var(--sage); color: white; padding: 0.4rem 1rem; border-radius: var(--radius-button); font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1rem; } 
.section-header h2 { margin-bottom: 1rem; } 
.section-header p { color: var(--earth-brown); margin: 0 auto; }
 :root { --earth-deep: #2D3A2D; --earth-brown: #5D4E37; --moss-green: #4A5D4A; --sage: #8B9D77; --leaf: #6B8E5A; --cream: #F5F2E8; --warm-white: #FDFBF7; --terracotta: #C67B4E; --terracotta-light: #E8A87C; --gold: #D4A843; --sky-soft: #B8C9D4; --font-display: 'Fraunces', Georgia, serif; --font-body: 'DM Sans', system-ui, sans-serif; --shadow-soft: 0 4px 20px rgba(45, 58, 45, 0.08); --shadow-medium: 0 8px 40px rgba(45, 58, 45, 0.12); --shadow-strong: 0 16px 60px rgba(45, 58, 45, 0.15); --radius-soft: 24px; --radius-card: 20px; --radius-button: 100px; } * { margin: 0; padding: 0; box-sizing: border-box; } 
 html { scroll-behavior: smooth; } 
 body { background: var(--warm-white); color: var(--earth-deep); line-height: 1.7; overflow-x: hidden; } 
 h1, h2, h3, h4 {font-weight: 400; line-height: 1.2; } 
 h1 { font-size: clamp(2.5rem, 7vw, 5rem); } 
 h2 { font-size: clamp(2rem, 5vw, 3.5rem); } 
 h3 { font-size: clamp(1.4rem, 3vw, 1.8rem); } 
 p { font-size: 1.1rem; max-width: 65ch; } 
 .container { max-width: 1400px; margin: 0 auto; padding: 0 clamp(1.5rem, 5vw, 4rem); } 
 section { padding: clamp(4rem, 10vw, 8rem) 0; }  

/* ============ FAQ ============ */ 
 .faq { background: linear-gradient(180deg, var(--cream) 0%, var(--warm-white) 100%); } 
 .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 3rem; } 
 .faq-column { display: flex; flex-direction: column; gap: 1rem; } 
 .faq-item { background: white; border-radius: var(--radius-card); box-shadow: var(--shadow-soft); overflow: hidden; transition: all 0.3s ease; } 
 .faq-item:hover { box-shadow: var(--shadow-medium); } 
 .faq-item[open] { box-shadow: var(--shadow-medium); } 
 .faq-item summary { display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; cursor: pointer; list-style: none; font-weight: 500; color: var(--earth-deep); transition: background 0.3s ease; } 
 .faq-item summary::-webkit-details-marker { display: none; } 
 .faq-item summary:hover { background: var(--cream); } 
 .faq-icon { font-size: 1.5rem; flex-shrink: 0; } 
 .faq-question { flex: 1; font-size: 1rem; line-height: 1.4; } 
 .faq-toggle { width: 28px; height: 28px; background: var(--sage); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 300; flex-shrink: 0; transition: all 0.3s ease; } 
 .faq-item[open] .faq-toggle { background: var(--terracotta); transform: rotate(45deg); } 
 .faq-answer { padding: 0 1.5rem 1.5rem 4rem; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } 
 .faq-answer p { color: var(--earth-brown); font-size: 0.95rem; line-height: 1.7; } 
 .faq-answer a { color: var(--terracotta); font-weight: 500; } 
 .faq-cta { text-align: center; padding: 2rem; background: white; border-radius: var(--radius-card); box-shadow: var(--shadow-soft); display: flex; align-items: center; justify-content: center; gap: 2rem; flex-wrap: wrap; } 
 .faq-cta p { font-size: 1.1rem; color: var(--earth-deep); font-weight: 500; margin: 0; } 
 
 /* ============ RESPONSIVE ============ */
  @media (max-width: 1024px) { 
    .faq-grid { grid-template-columns: 1fr; } 
  } 





