.hero {
   /* background: rgba(255, 255, 255, 0.3); */
   /* color: white; */
   /* height: 20vh; */
   /* align-items: center !important;
   justify-content: center !important; */
   /* text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); */
 }

 .hero h1 {
   font-size: 3rem;
   font-weight: bold;
 }

 .section-title {
   font-size: 2rem;
   font-weight: bold;
   margin-bottom: 20px;
 }

 .icon-box {
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .icon-box {
   transform: translateY(-5px);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 /* Par défaut (PC et tablettes) */
 @media (min-width: 768px) {
   .slide-img {
     height: 32em;
     border-radius: 20px;   }

 }
 /* Pour les petits écrans (mobile) */
@media (max-width: 767px) {
    .slide-img {
        height: 300px !important;
        width: 100% !important;
         border-radius: 20px;
        /* Hauteur pour mobile */
    }
}