.tm-sc-service .icon{display:inline-block}.tm-sc-service .icon,.tm-sc-service .feature-title,.tm-sc-service .feature-details{-webkit-transition:all 300ms ease;transition:all 300ms ease}.service-block-style3{margin-bottom:30px}.service-block-style3 .inner-box{position:relative;transition:all 300ms ease}.service-block-style3 .inner-box:before{position:absolute;left:0;top:0;height:100%;width:100%;max-height:4px;z-index:2;background-color:var(--theme-color1);transition:all 300ms ease;content:""}.service-block-style3 .inner-box:hover .image-box .service-featured-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.service-block-style3 .inner-box:hover .image-box .service-featured-img:before,.service-block-style3 .inner-box:hover .content-box{opacity:0;visibility:hidden}.service-block-style3 .inner-box:hover .hover-content{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.service-block-style3 .inner-box:hover .hover-content .service-icon i{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);transition-delay:300ms}.service-block-style3 .inner-box:hover .hover-content .service-title{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);transition-delay:400ms}.service-block-style3 .inner-box:hover .hover-content .service-details{opacity:.7;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);transition-delay:500ms}.service-block-style3 .inner-box .image-box{position:relative;min-height:304px;overflow:hidden}.service-block-style3 .inner-box .image-box .service-featured-img{position:relative;margin-bottom:0;background-color:var(--theme-color2)}.service-block-style3 .inner-box .image-box .service-featured-img:before{position:absolute;left:0;bottom:0;height:40px;width:100%;background-color:#fff;content:"";transition:all 200ms ease}.service-block-style3 .inner-box .image-box .service-featured-img img{width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);object-fit:cover;transition:all 300ms ease}.service-block-style3 .inner-box .content-box{position:absolute;left:0;bottom:0;right:20px;background-color:var(--theme-color-white);box-shadow:0 10px 60px rgb(0 0 0 / .1);padding:16px 30px;transition:all 200ms ease}.service-block-style3 .inner-box .content-box .service-icon i{position:absolute;right:0;bottom:100%;height:64px;width:64px;display:flex;align-items:center;justify-content:center;background-color:var(--theme-color1);color:var(--text-color-bg-theme-color1);font-size:32px;z-index:2;transition:all 300ms ease}.service-block-style3 .inner-box .content-box .service-title{color:var(--theme-color2);margin-top:0;margin-bottom:0}body.tm-dark-layout .service-block-style3 .inner-box .content-box .service-title{color:#fff}.service-block-style3 .inner-box .hover-content{position:absolute;left:0;top:0;height:100%;width:100%;padding:35px 30px 20px;z-index:2;opacity:0;visibility:hidden;display:flex;flex-direction:column;justify-content:center;transition:all 300ms ease;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);transform-origin:bottom}.service-block-style3 .inner-box .hover-content::before{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#0e0f11;opacity:.9;content:"";border-bottom:4px solid var(--theme-color1)}.service-block-style3 .inner-box .hover-content .service-icon i{position:relative;display:flex;align-items:center;justify-content:center;height:64px;width:64px;color:var(--text-color-bg-theme-color1);font-size:32px;background-color:var(--theme-color1);margin-bottom:25px;opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transition:all 300ms ease}.service-block-style3 .inner-box .hover-content .service-title{color:#fff;margin-top:0;margin-bottom:18px;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;transition:all 300ms ease}.service-block-style3 .inner-box .hover-content .service-details{color:#fff;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;transition:all 300ms ease}