/* CSS Document */


/**********************************************************/
/*********************** service **************************/
/**********************************************************/



.divService-listmenu{ padding: 80px 0; }

.service-list{ margin-bottom: 30px; }
.service-list a{ position: relative; display: block; background-color: #fff; overflow: hidden; padding: 20px; border-radius: 20px; box-shadow: 3px 10px 20px rgba(0, 0, 0, 0.1); top: 0; }
.service-list a figure{ margin: 0; }
.service-list a figure img{ float: left; width: 70px; margin-top: 15px; filter: invert(61%) sepia(25%) saturate(2659%) hue-rotate(331deg) brightness(103%) contrast(102%);}
.service-list a figcaption{ float: left; width: calc(100% - 70px); padding-left: 20px; }
.service-list a figcaption h5{ font-size: 30px; color: #116c5b; }
.service-list a figcaption p{
  font-size: 24px; font-weight: 300; margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.service-list a:hover{ top: -15px; box-shadow: 15px 10px 30px rgba(0, 0, 0, 0.3); }


@media (max-width: 1600px){

  .service-list a figure img{ width: 55px; }
  .service-list a figcaption{ width: calc(100% - 55px); }

}
@media (max-width: 1199px){

  .divService-listmenu{ padding: 50px 0; }

}
@media (max-width: 991px){

  
  .service-list a figure img{ width: 45px; }
  .service-list a figcaption{ width: calc(100% - 45px); }

}
@media (max-width: 576px){

  .service-list a{ padding: 5px 10px; }
  .service-list a figure img{ width: 40px; margin-top: 5px; }
  .service-list a figcaption{ width: calc(100% - 40px); }
  .service-list a figcaption h5{ font-size: 26px; }
  .service-list a figcaption p{ font-size: 20px; }

  
}








/**********************************************************/
/**********************************************************/






/**********************************************************/
/**********************************************************/