/*tem21-service*/
.tem21-service .row{border-color:#eee;}
.tem21-service .item{border-color:inherit;} 
.tem21-service .box{text-align:center;padding:40px 15px;border:1px solid #eee;border-color:inherit;background:#fff;position:relative;-webkit-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;margin-bottom:15px;}
.tem21-service .box::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;-webkit-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;transition:all 0.6s ease-out 0s;}
.tem21-service a{color:#333;}
.tem21-service .box .title{font-size:15px;opacity:.53;margin-top:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tem21-service .box .icon{font-size:44px;}
@media (min-width:769px){
    .tem21-service .box:hover::before{width:0;}
    .tem21-service .box:hover{transform:translateY(-10px);}
}
@media (max-width:768px){
    .tem21-service .container,
    .tem21-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
}
@media (max-width:480px){
    .tem21-service .item{width: 100%;max-width: 100%;}
    .tem21-service .box{ padding:5% 3%;}
    .tem21-service .box .icon{font-size:1.75rem;}
    .tem21-service .box .title{white-space: nowrap;}
}