.hero-section{
  background: url('../images/hero.jpg') center/cover no-repeat;
  height: 70vh;
  display: flex;
  align-items: center;
}

.category-card{
  padding: 20px;
  border-radius: 10px;
  transition: 0.3s;
}
.category-card img{
  width: 80px;
}
.category-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.product-card img{
  height: 200px;
  object-fit: contain;
}

.icon{
  width: 60px;
  margin-bottom: 10px;
}

.cta-section{

  padding: 60px 0;
}