/* ===== ABOUT.HTML CSS ===== */

/* Theme colors */
:root { 
  --theme-color: #bbdd09; 
}

/* Body styling */
body { 
  background:#f6f7f8; 
}

/* About section */
.about-section {
  background: #f9f9f9;
}

/* Text theme color */
.text-theme { 
  color: var(--theme-color); 
}

/* Underline element */
.underline { 
  width:80px; 
  height:4px; 
  background:var(--theme-color); 
  border-radius:3px; 
  margin:10px auto 0; 
}

/* Button themes */
.btn-theme { 
  background:var(--theme-color); 
  color:#000; 
  border-radius:30px; 
  padding:10px 22px; 
  border:none; 
  transition: background 0.3s ease;
}
.btn-theme:hover {
  background: #a4c600;
  color: #000;
}

.btn-outline-theme { 
  border:2px solid var(--theme-color); 
  color:#000; 
  border-radius:30px; 
  padding:10px 22px; 
  transition: 0.3s;
}
.btn-outline-theme:hover {
  background: var(--theme-color);
  color: #000;
}

/* Features list */
.list-features {
  list-style: none;
  padding: 0;
}
.list-features li {
  margin-bottom: 10px;
  font-size: 1.05rem;
}
.list-features i {
  margin-right: 8px;
  color: var(--theme-color);
}

/* Gallery items */
.gallery-item { 
  overflow:hidden; 
  border-radius:12px; 
}
.gallery-item img { 
  transition:transform .45s ease; 
  width:100%; 
  height:100%; 
  object-fit:cover; 
}
.gallery-item:hover img { 
  transform: scale(1.08); 
}

/* Stat boxes */
.stat-box { 
  background:#fff; 
  border-radius:12px; 
  padding:22px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.stat-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.stat-icon i { 
  color:var(--theme-color); 
  font-size:1.9rem; 
  margin-bottom:8px; 
}