/*tem12-service*/
.tem12-service .content-section{padding:60px 0 40px;}
.tem12-service-box{max-width:99%;padding:20% 10%;margin-left:0;margin-right:0;position:relative;text-align:center;margin-bottom:15px;background:#fff;}
.tem12-service-top{position:relative;transition:all 0.33s ease 0s;}
.tem12-service-icon{font-size:50px;text-align:center;}
.tem12-service-title{width:80%;display:block;margin:0 auto;}
.tem12-service-title h5,
.tem12-service-title .h5{font-size:20px;}
.tem12-service-box .divider{max-width:100%;width:50px;text-align:center;height:2px;margin:13px auto;transition:all 0.33s ease 0s;-moz-transition:all 0.33s ease 0s;-webkit-transition:all 0.33s ease 0s;-o-transition:all 0.33s ease 0s;-ms-transition:all 0.33s ease 0s;}
.tem12-service-ul li:hover .tem12-service-box .divider{width:80%;}
.tem12-service-ul li:hover .tem12-service-desc,
.tem12-service-ul li:hover .tem12-service-icon span,
.tem12-service-ul li:hover .tem12-service-title.title a{color:#fff;}
.tem12-service-desc{text-align:center;font-size:14px;opacity:.5;text-align:center;line-height:25px;height:75px;font-weight:400;transition:all 0.33s ease 0s;-moz-transition:all 0.33s ease 0s;-webkit-transition:all 0.33s ease 0s;-o-transition:all 0.33s ease 0s;-ms-transition:all 0.33s ease 0s;overflow:hidden;}
.tem12-service-ul{counter-reset:li;}
.tem12-service-ul li{position:relative;font-size:70px;font-family:arial;}
.tem12-service-ul li::before{content:counter(li, decimal-leading-zero);counter-increment:li;left:40%;top:-50px;opacity:.05;position:absolute;transition:all 0.5s ease 0s;z-index:5;}
@media (max-width:990px){
    .tem12-service-box{max-width:100%;}
    .tem12-service-ul li::before{font-size:50px;top:-35px;left:39%;}
    .tem12-service-icon{font-size:30px;}
}
@media (max-width:768px){
    .tem12-service .container,
    .tem12-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem12-service-ul li::before{margin-left: 0;left: 50%;transform: translateX(-50%);}
    .tem12-service-title h5,
    .tem12-service-title .h5{font-size:16px;line-height: 160%;}
}
@media (max-width:767px){
    .tem12-service .content-section{padding:40px 0 10px;}
    .tem12-service-ul li::before{left:39%;}
}
@media (max-width:480px){
    .tem12-service-box{padding:5% 3%;margin-bottom: 0;}
    .tem12-service-ul li::before{opacity: 0;}
    .tem12-service-icon{font-size:2rem;}
    .tem12-service-ul li{width:100%;margin:5px 0;}
    .tem12-service-ul li::before{left:45%;}
    .tem12-service-desc{max-height:75px;height:auto;}
}