body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f8f9fa; color: #333; }

/* Navbar */
.navbar {
  background: linear-gradient(90deg, #FFB347, #FFCC33); 
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}
.navbar a { color: #fff !important; font-weight: 500; }
.navbar a:hover { color: #6B4226 !important; }
/*navbar logo*/
#about{
  background-color: #0b3d2e;
}
#about img {
  transition: transform 0.4s ease;
}
#about img:hover {
  transform: scale(1.05);
}
#about h2 {
  font-family: 'Georgia', serif;
}
.logo-img {
  height: 50px;      /* control height */
  width: 130px;       /* keeps aspect ratio */
  max-width: 200px;  /* prevent oversized stretching */

}
/* Carousel */
.carousel-item img { height: 500px; object-fit: cover; width: 100%; }
.carousel-caption-box {
  background: rgba(255,255,255,0.95);
  padding: 80px; border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  color: #333; text-align: left;
}
.carousel-caption-box h2 { color: #6B4226; font-weight: bold; }
.carousel-caption-box p { font-size: 1.1rem; margin-top: 10px; }
.carousel-caption-box .phone { font-weight: bold; color: #FF8800; margin-top: 10px; }

/* Section Titles */
.section-title { text-align: center; margin: 50px 0 30px; font-weight: bold; color: #6B4226; text-transform: uppercase; letter-spacing: 1px; }

/* Sections */
section { background: #fff; padding: 60px 0; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); margin-bottom: 40px; }

/* Product Cards */
.product-card { background: #FFCC33; border-radius: 12px; padding: 20px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); transition: transform 0.3s ease; }
.product-card:hover { transform: translateY(-5px); }
.product-card img { border-radius: 10px; }
.product-card{color:#0b3d2e}

/* Highlight Cards */
.highlight-card { background: #FFD166; padding: 20px; border-radius: 12px; box-shadow: 0 6px 15px rgba(0,0,0,0.1); font-weight: 500; color: #6B4226; }

/* Health Section */
.health-card { background: #fff; border-radius: 12px; padding: 25px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); margin-bottom: 20px; }
.health-card h5 { color: #6B4226; font-weight: bold; margin-bottom: 15px; }
.list-group-item { border: none; font-size: 1.05rem; padding: 10px 15px; }
.list-group-item::before { content: "✔ "; color: #6B4226; font-weight: bold; }
.health-card {
background: #FFCC33; /* light cream/golden accent */
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.health-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 25px rgba(0,0,0,0.2);
}
.health-card h6 {
color: #fff;
font-weight: 600;
font-size: 20px;
margin: 0;
}
#description .card{
  background-color: #0b3d2e;
}
#description p{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
#brand .card{
  background-color: #0b3d2e;
}
#brand h5{
  color:#fff;
  font-size: 25px;
}
#brand p{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

/* Contact Section */
.contact-card { background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
.contact-card input, .contact-card textarea { border-radius: 8px; }
.contact-info h5 { color: #6B4226; margin-bottom: 15px; }

footer { background: #0b3d2e; color: white; padding: 30px 0; text-align: center; }

.btn-theme { background: #6B4226; color: #FFD166; border-radius: 8px; }
.btn-theme:hover { background: #59321F; color: #FFD166; }

/* Overlay for image effect */
#home .overlay {
  position: absolute;
  top:0; left:0; width:100%; height:100%;
  background: rgba(0,0,0,0.15);
  border-radius: 0;
}
.carousel-caption-box h2 {
  font-family: 'Georgia', serif;
}
.carousel-caption-box p {
  font-family: 'Arial', sans-serif;
}