/* oui ici */
.equipements {
  position:relative;
}

.services__groupe {
  margin-top:40px!important;
}

.loulou {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1)!important;
  }
  .loulou .service-description {
    transform: translateY(18%)!important;
    transition: 0.35s!important;
    visibility:visible!important;
    opacity:1!important;
    color: #ffffff;
  }
  .loulou .service-description i {
    color:#ff9d1c;
  }
  .groupe_for_element_service .loulou .service-description i {
    color:#ff9d1c!important;
  }
  .loulou .service-description:nth-child(1) {
    font-weight:600;
  }

  .services-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 2;
  }

  .service-card {
    background-color: #eaf1fd;
    padding: 35px;
    border-radius: 8px;
    text-align: center;
    width: 18.5%;
    transition: transform 0.2s ease-in-out;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    max-height:250px;
    position:relative;
    /*
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    */
  }

  .fana {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image : linear-gradient(#ff9800a8, #0000001c 55%)!important;
    opacity:0;
    transition:0.35s;
  }

  .service-title {
    font-size: 20px;
    color: #333;
    margin-bottom: 16px;
  }

  .service-icon,
  .service-description i {
    font-size: 27px;
    color: #fff;
    margin-bottom: 16px;
  }

  .service-description {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 7px;
    margin-bottom:10px;
    transform: translateY(105%);
  }

  .hoverme {
    opacity: 0;
    visibility: hidden;
    transition: opacity 3s ease;
    font-size: 14px!important;
    font-weight: 400 !important;
  }







  /* here page 1 */

  
  .cover1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/icons/liaison.webp);
  }
  .cover1__2 .fana {
    opacity:1;
  }

  .cover2 {
    transform:translateY(10%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/icons/canine.webp);
  }
  .cover2__2 .fana {
    opacity:1;
  }

  .cover3 {
    transform:translateY(20%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/icons/sv.webp);
  }
  .cover3__2 .fana {
    opacity:1;
  }

  .cover4 {
    transform:translateY(10%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/icons/intrus.webp);
  }
  .cover4__2 .fana {
    opacity:1;
  }

  .cover5 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/evenementiel/22.webp);
  }
  .cover5__2 .fana {
    opacity:1;
  }


  /* here css for service Slider in home page */

  .svcover1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/gardiennage/3.webp);
  }
  .svcover1__2 .fana {
    opacity:1;
  }
  
  .svcover2 {
    transform:translateY(10%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/evenementiel/2.webp);
  }
  .svcover2__2 .fana {
    opacity:1;
  }

  .svcover3 {
    transform:translateY(20%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/transportdefond/1.webp);
  }
  .svcover3__2 .fana {
    opacity:1;
  }

  .svcover4 {
    transform:translateY(10%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/produitssensible/3.webp);
  }
  .svcover4__2 .fana {
    opacity:1;
  }

  .svcover5 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/img/formation/1.webp);
  }
  .svcover5__2 .fana {
    opacity:1;
  }