.feature-case{position:relative}.feature-case .inner-box{position:relative;margin-bottom:30px}.feature-case .inner-box .image{position:relative}.feature-case .inner-box .image:before{position:absolute;content:"";left:0;top:0;width:100%;height:0%;display:block;z-index:1;background-color:var(--primary-color)9c;transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease}.feature-case .inner-box:hover .image:before{height:100%}.feature-case .inner-box .image img{position:relative;width:100%;display:block}.feature-case .inner-box .lower-content{position:relative}.feature-case .icon-box{position:absolute;right:30px;top:-1px;background:var(--primary-color);width:60px;height:60px;font-size:24px;line-height:60px;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:9}.feature-case .icon-box,.feature-case .icon-box span{color:var(--white-color)}.feature-case .lower-content{position:relative;border:1px solid #e5e5e5;padding:30px}.feature-case .lower-content h4{position:relative;font-size:20px;font-weight:600}.feature-case .lower-content h4 a{position:relative;color:#222;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.feature-case .lower-content h4 a:hover{color:var(--primary-color)}.feature-case .lower-content .text{position:relative;margin-top:15px}