/* assets/css/components.css */
.banner, .banner-bis, .hero { position: relative; overflow: hidden; }
.hero { height: 80vh; display:flex; align-items:center; }
.hero-bg { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; z-index:1; }
.hero-content { position:relative; z-index:2; text-align:center; color:#fff; }
.card {
  background:#fff;
  border-radius:10px;
  box-shadow:0 2px 12px rgba(0,0,0,.1);
  overflow:hidden;
  transition: box-shadow .3s;
}
.card:hover { box-shadow:0 4px 20px rgba(0,0,0,.15); }
.testimonial-section blockquote {
  font-style:italic;
  padding:1rem;
  background:rgba(255,255,255,0.1);
  border-radius:8px;
}