body{font-family:Poppins,sans-serif}

.top-info{background:#0d6efd;color:#fff;padding:6px;font-size:13px}

.offer-bar{
background:linear-gradient(90deg,#16a085,#f39c12);
color:#fff;text-align:center;padding:8px;font-size:14px}


.badge-custom{
background:#e6f7f1;color:#16a085;padding:6px 14px;border-radius:20px}

.stats-section{
background:#16a085;color:#fff;padding:50px 0}

.section{padding:80px 0}

.feature-card{
background:#fff;padding:25px;border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,.05)}

.feature-card i{font-size:32px;color:#16a085;margin-bottom:10px}

.product-card{
background:#fff;padding:30px;border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,.05);text-align:center}

.pill{
width:60px;height:60px;border-radius:50%;
background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.15);
display:flex;align-items:center;justify-content:center;
margin:0 auto 15px}

.cta-section{
background:#16a085;color:#fff;padding:70px 0}

.certs span{margin:0 10px;font-size:14px}

.footer{background:#f8f9fa;padding:50px 0}

.about-hero{
padding:120px 0;
background:#f8faf9;
}

.about-hero h1{
font-size:46px;
font-weight:700;
}

.about-hero span{color:#16a085}

.info-card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,.05)
}

.info-card .icon{
width:50px;height:50px;border-radius:12px;
display:flex;align-items:center;justify-content:center;
margin-bottom:15px;font-size:22px
}

.bg-success-light{background:#e6f7f1}
.bg-warning-light{background:#fff4e5}

.timeline{
position:relative;
max-width:800px;
margin:auto
}

.timeline::before{
content:"";
position:absolute;
left:50%;
width:2px;
top:0;bottom:0;
background:#16a085
}

.timeline-item{
width:45%;
background:#fff;
padding:20px;
border-radius:12px;
margin-bottom:30px;
box-shadow:0 5px 15px rgba(0,0,0,.05)
}

.timeline-item.left{margin-right:auto}
.timeline-item.right{margin-left:auto}

.value-card{
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,.05)
}

.value-card i{
font-size:28px;
color:#16a085;
margin-bottom:10px
}

.team-card{
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,.05)
}

.team-card .avatar{
width:70px;height:70px;
border-radius:50%;
background:#16a085;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 10px;
font-weight:bold
}

.cert-card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,.05)
}
.footer-section {
  background: #ffffff;
  border-top: 1px solid #eee;
  font-size: 14px;
}

.footer-text {
  color: #6c757d;
  font-size: 14px;
}

.footer-title {
  font-weight: 600;
  margin-bottom: 15px;
}

.footer-links,
.footer-contact {
  list-style: none;
  padding: 0;
}

.footer-links li,
.footer-contact li {
  margin-bottom: 10px;
  color: #6c757d;
}

.footer-links a {
  text-decoration: none;
  color: #6c757d;
}

.footer-links a:hover {
  color: #1aa179;
}

.footer-contact i {
  color: #1aa179;
  margin-right: 8px;
}

.footer-social a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f1f5f4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1aa179;
  text-decoration: none;
  font-size: 14px;
}

.footer-social a:hover {
  background: #1aa179;
  color: #fff;
}

.footer-bottom {
  border-top: 1px solid #eee;
  font-size: 13px;
  color: #6c757d;
}

.footer-bottom a {
  color: #6c757d;
  text-decoration: none;
}

.footer-bottom a:hover {
  color: #1aa179;
}
