.container-nuestros-servicios .inner-container-nuestros-servicios .titulo-nuestros-servicios{
  text-align: center;
}

.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio{
  margin: 20px;
  border-radius: 25px;
  box-shadow: 0 10px 15px 0 rgb(77 77 77 / 20%);
  position: relative;
  overflow: hidden;
  max-width: 320px;
  cursor: pointer
  
}



.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio img{
    width: 100%;
  margin: auto;
  }

.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .card-first-content{
  padding: 25px;
}

.container-nuestros-servicios.image-full .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .card-first-content{
  padding: 0px;
}

.container-nuestros-servicios.image-full .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .card-first-content{
  padding: 0px; 
}

.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-icon,
.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-title{
  text-align: center; 
}
.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-title{
  margin-bottom: 80px;
}

.container-nuestros-servicios.image-full .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-title{
  padding: 25px;
  margin-bottom: 5px;
}

.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .item-placeholder{
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.container-nuestros-servicios.image-full .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .item-placeholder{
  padding: 25px;
  padding-top: 0px;
}

.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .item-placeholder span:before{
  content: '\f077';
  font-family: "FontAwesome";
}


.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-content{
  position: absolute;
  top: 100%;
  transition: all ease 0.8s;
  padding: 40px;
  height: 100%; 
}

.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-content.show{
  position: absolute;
  top: 0;
}

@media (min-width: 768px){
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio{
    min-width: 25%;
    
  }
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio.dos-columnas{
    min-width: 33%;
  }
}

@media (max-width: 767px){
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios{
    flex-direction: column;
    align-items: center;
  }
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio{
    max-width: none;
    width: 96%;
    margin: 20px 0;
  }
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .card-first-content{
  display: flex;
    align-items: center;
}
  
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .card-first-content .servicio-title{
    margin-bottom: 0;
    width: 70%;
    
  }
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .card-first-content .servicio-icon{
    width: 25%;
  }
  
 /* .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-content{
  position: relative;
  top: 100%;
  transition: all ease 0.8s;
  padding: 0;
  height: 0; 
    
}

.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-content.show{
  position: relative;
  top: 0;
  height: 100%; 
}*/
  
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio.show .servicio-title{
    color: #EE7B27;
  }
  
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .item-placeholder{
    width: auto;
  }
  
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .item-placeholder span:before{
    content: '\f078';
  font-family: "FontAwesome";
  }
  
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio.show .item-placeholder span:before{
    content: '\f077';
  font-family: "FontAwesome";
  }
  
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .servicio-content{

  z-index: -1;
  top: 0;
  opacity: 0;
  max-height: 0px;
  transition: ease all 0s;
  position: absolute;
    padding-top: 0;
    background-color: #ffffff;
    color: inherit;
    text-align: center;
}



.container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio.show .servicio-content{
  position: relative;
  z-index: 1;
  opacity: 1;
  max-height: 2000px;
  transition: ease all 1.5s;

}
}

@media (max-width: 400px){
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio{
    margin: 20px auto;
    /*max-width: 280px;*/
  }
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .card-first-content{
    padding: 15px;
  }
  .container-nuestros-servicios .inner-container-nuestros-servicios .cards-nuestros-servicios .card-servicio .card-first-content .servicio-title{
    /*width: 190px;*/
  }
}