.tem96-service {padding:150px 10%;background-color: #F5E373;}
.tem96-service.content-left .title{text-align: left;}
.tem96-service.content-right .title{text-align: right;}
.tem96-service .items{padding: 0 10px 0 0;}
.tem96-service .item{margin:10px 0;}
.tem96-service .image{width: 100%;}
.tem96-service .image img{display: block;margin:auto;max-width: 100%;transition: .3s ease-out;}
.tem96-service .title{text-align: center;color:#666;font-weight: 600;transition: .5s ease-in;}
.tem96-service .line{margin: 50px 0 20px;width: 100%;overflow: hidden;border-color:#c2e5f3;position: relative;font-size: 0;z-index: 1;}
.tem96-service .line::after{position: absolute;content: "";border-top: 2px solid;top: 50%;display: inline-block;width: 100%;border-color: inherit;transform: translateY(-50%);z-index: -1;}
.tem96-service .line .border{color: #222;display: inline-block;margin-right: 10px;width: 14px;height: 14px;background-color: #fff;border-radius: 50%;transition: .3s;box-shadow: 0 0 10px rgba(0,0,0,.15)}
@media (min-width: 769px){
    .tem96-service .item:hover .line .border{transform: translateX(100%);-moz-transform: translateX(100%);-webkit-transform: translateX(100%);}
    .tem96-service .item:hover .title{transform: translateX(10px);-moz-transform: translateX(10px);-webkit-transform: translateX(10px);}
    .tem96-service .item:hover .image img{transform: translateY(-10px);-moz-transform: translateY(-10px);-webkit-transform: translateY(-10px);}
}
@media (max-width: 768px){
    .tem96-service .container,
    .tem96-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important;}
    .tem96-service .line{margin:30px 0 10px;}
}
@media (max-width: 480px){
    .tem96-service .line::after{border-width: 1px;}
    .tem96-service .title{font-weight: 500;}
}