/*****************************************************************************************
******************************************************************************************
                                    Ecommerce
******************************************************************************************
******************************************************************************************/
/* Responsive */
@media (max-width: 767px) {
  .description_service{
    padding: 20% 5% 0% !important;
  }
  .service-features{
    height: 40vh;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .description_service{
    height: 100vh;
    padding: 10% 5% 0% !important;
  }
}

@media (min-width: 1025px) and (max-height: 1080px){
  .description_service{
    height: 100vh;
    padding: 10% 5% 0% !important;
  }
}
@media (max-width: 767px) {
    .container-icon {
        margin-left: 15%;
        height: 300px;
    }
    .container-icon img{
        width: 45%;
        height: 45%;
    }
}

@media (min-width: 768px) and (max-width: 928px) {
    .container-icon {
        margin-left: 15%;
        height: 400px;
    }
    .container-icon img{
        width: 50%;
        height: 50%;
    }
}
@media (min-width: 927px) {
    .container-icon {
        margin-left: 13%;
        height: 400px;
    }
    .container-icon img{
        width: 50%;
        height: 50%;
    }
}
.img-service-ecommerce {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.imagen-ecommerce{
height: 100%;
width: 100%;
align-items: center;
} 
.container-icon {
    display: flex;
    justify-content: end;
    align-items: center;
    position: absolute;
    height: 50%;
    width: 50%;
  }



.falling-icon {
    
    animation: fall 3s ease-in-out infinite;
  margin: 0 10px;
  }
  
  @keyframes fall {
    0% {
      transform: translateY(-250%);
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    90% {
      opacity: 0.6;
    }
    100% {
      transform: translateY(0%);
      opacity: 0;
    }
  }


.title_Service{
    text-align: center;
    padding: 5% 0% 2%;
}
.description_service{
    text-align: center;
    position: relative;
    align-content: center;
}
/* Iconos de popup de portada */
.service-features-icon{
  height: 100%;
}
.col-feature{
  align-items: center;
  text-align: center;
  display: flex;
}
.feature-description {
  display: none; /* Oculta la descripción por defecto */
}