/*tem53-service*/
.tem53-service .col-lg-6{padding:0;}
.tem53-service .item{position:relative;}
.tem53-service .item::before{content:"";position:absolute;width:30px;height:1px;background:rgba(255,255,255);left:calc(150% - 20px);top:50%;opacity:0;margin-left:-15px;z-index:2;transition:all 0.6s ease-out 0s;}
.tem53-service .item::after{content:"";position:absolute;height:30px;width:1px;background:rgba(255,255,255);left:calc(150% - 20px);top:80px;opacity:0;z-index:2;transition:all 0.6s ease-out 0s;}
.tem53-service .item a{color:#fff;position:relative;z-index:1;height:130px;width:100%;display:block;}
.tem53-service .item a::after{position:absolute;content:"";width:0;left:0;top:0;height:100%;z-index:-2;transition:all 0.6s ease 0s;opacity:.8;}
.tem53-service .item .L-icon{position:absolute;right:50%;top:0;height:100%;width:130px;font-size:40px;text-align:center;line-height:130px;}
.tem53-service .item .L-icon > div{position:relative;width:100%;height:100%;z-index:1;}
.tem53-service .item .L-icon > div::after{position:absolute;content:"";width:0;height:0;transition:all 0.6s ease 0s;left:50%;top:50%;z-index:-1;opacity:.8;}
.tem53-service .item .text{width:45%;float:right;}
.tem53-service .item .text .title{font-size:16px;padding:55px 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .35s ease 0s;transition:all .3s ease-in 0s;}
/*.tem53-service .item .text .title::after{content:"";position:absolute;right:0;top:46px;width:0;height:1px;background-color:#fff;opacity:.7;}*/
.tem53-service .item .text .description{opacity:0;font-size:14px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .3s ease-in 0s;}
@media (min-width:769px){
    .tem53-service .item:hover::before{opacity:1;left:calc(150% - 60px);}
    .tem53-service .item:hover::after{opacity:1;left:calc(150% - 60px);top:50px;}
    .tem53-service .item a:hover::after{width:150%;}
    .tem53-service .item a:hover .L-icon > div::after{transform:rotate(180deg);width:100%;height:100%;left:0;top:0;}
    .tem53-service .item a:hover .text .title::after{width:40px;}
    .tem53-service .item a:hover .description{opacity:1;}
    .tem53-service .item a:hover .title{padding-top:30px;font-size:22px;}
}
@media (max-width:768px){
    .tem53-service .container,
    .tem53-service.full-screen-spacing .container.full-screen{padding-left: 0!important;padding-right: 0!important}
    .tem53-service .col-lg-6{padding:0!important;}
    /* .tem53-service .item:hover::before{opacity:1;left:calc(150% - 20px);}
    .tem53-service .item:hover::after{opacity:1;left:calc(150% - 20px);top:80px;} */
    .tem53-service .item .text .title{padding:27px 0 5px;font-size:15px;}
    /* .tem53-service .item a:hover .title{padding-top:27px;font-size:15px;} */
    .tem53-service .item .text .description{opacity:.6;}
    .tem53-service .item .L-icon{position: static;font-size: 1.75rem;}
    .tem53-service .item a{height:auto;display: flex;display:-webkit-flex;padding: 12px 3%;padding: 3%;}
    .tem53-service .item .L-icon{height:auto;line-height:normal;width:auto;font-size:30px;left:0;text-align: left;}
    .tem53-service .item .text {float: none;width: 100%;padding:0 0 0 5%;}
    .tem53-service .item .text .title,
    .tem53-service .item .text .description{white-space: normal;text-overflow: normal;padding: 0;}
}