/* Reset */
* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:Arial, sans-serif; line-height:1.5;}

/* Header */
.site-header {
  display:flex; justify-content:space-between; align-items:center;
  padding:15px 30px; background:#f1c055; color:#fff;
}
.site-header .logo a {color:#fff; text-decoration:none; font-size:22px; font-weight:bold;}
.main-nav a {color:#fff; margin:0 10px; text-decoration:none; font-weight:500;}
.hamburger {display:none; font-size:24px; cursor:pointer;}

/* Banner / Slider */
.banner {position:relative; overflow:hidden; height:400px;}
.slider {width:100%; height:100%; position:relative;}
.slides {width:100%; height:100%; position:relative;}
.slides img {
  width:100%; height:400px; object-fit:cover;
  position:absolute; top:0; left:0; opacity:0; transition:opacity 1s ease-in-out;
}
.slides img.active {opacity:1;}

/* Banner caption */
.banner-caption {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  color:#fff; text-align:center; background:rgba(0,0,0,0.4);
  padding:20px; border-radius:10px;
}
.banner-caption .btn {
  display:inline-block; margin-top:10px; padding:10px 20px; background:#ff9800;
  color:#fff; text-decoration:none; border-radius:5px;
}

/* Products */
.container {padding:50px 20px;}
h2 {margin-bottom:20px;}
.product-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
}
.prod {border:1px solid #ddd; padding:15px; text-align:center; border-radius:8px;}
.prod img {width:100%; height:150px; object-fit:cover;}
.price {color:#2874f0; font-weight:bold; margin:10px 0;}
.small-btn {
  background:#2874f0; color:#fff; border:none; padding:8px 15px; cursor:pointer;
  border-radius:4px;
}

/* About */
/* About */
#about {
  padding: 70px 20px;   /* increased section size */
  background: #f9f9f9;  /* light background */
  border-radius: 8px;
}

.About_Head {
 margin-left: 390px;   
font-size: 28px;
color: #ff9800;
}

#about p {
  max-width: 800px;
  margin: 0 auto 30px auto;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  color: #0e0d0d;
}

.team {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
}

.team-card {
  flex: 1 1 250px;
  text-align: center;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.team-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 10px;
}

.team-card h4 {
  margin: 10px 0 5px;
  color: #f0bb28;
}


/* Contact */
.contact-grid {display:flex; gap:20px; margin-top:20px;}
.contact-form {flex:1; display:flex; flex-direction:column; gap:10px;}
.contact-form input, .contact-form textarea {
  width:100%; padding:8px; border:1px solid #ccc; border-radius:4px;
}
.contact-form .btn {background:#f0bb28; color:#fff; border:none; padding:10px; cursor:pointer; border-radius:5px;}
.contact-info {flex:1;}

/* Footer */
.site-footer {
  background:#333; color:#fff; text-align:center; padding:15px; margin-top:30px;
}