#digital-solution{padding:50px 0px}#digital-solution .heading{font-size:34px;font-weight:400;letter-spacing:1px;display:table;margin:0px auto 30px;font-family:'Cyient-Medium';text-transform:uppercase;position:relative}#digital-solution .heading:after,#digital-solution .heading:before{position:absolute;content:".";bottom:4px;font-size:58px}#digital-solution .heading:after{right:-40px}#digital-solution .heading:before{left:-40px}#digital-solution .digital-box img{max-width:100%;display:block}#digital-solution .digital-box{position:relative;height:330px;overflow:hidden}#digital-solution .digital-box img{opacity:1;display:block;width:100%;height:auto;min-height:300px;object-fit:cover;transition:.5s ease;backface-visibility:hidden}.middle{background-color:rgba(0,0,0,0.70);padding:15px;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:85%;text-align:left;transition:.4s ease}#digital-solution .digital-box:hover .middle{transition:.4s ease;padding:30px 15px}#digital-solution .digital-box:hover .img{opacity:.3}#digital-solution .digital-box:hover .middle .text{transition:.4s ease;height:auto;opacity:1}.title{color:#fff;font-size:22px}.text{transition:.4s ease;color:#fff;line-height:1.4;font-weight:400;opacity:0;height:0;margin:15px 0 0;font-size:14px}#digital-solution .digital-box .middle .title:after{position:absolute;content:'>';width:20px;height:30px;margin:0 0 0 14px}#digital-solution .digital-box:hover .middle .title:after{position:absolute;content:':';margin:0 0 0 0px;width:20px;height:30px}@media(max-width:767px){#digital-solution .heading{font-size:22px;margin-bottom:20px}#digital-solution .heading::after,#digital-solution .heading::before{display:none}.digital-box .title{font-size:18px}.digital-box .text{opacity:1;height:100%}#digital-solution .digital-box:hover .middle{padding:15px}#digital-solution .digital-box img{min-height:auto}#digital-solution .digital-box{height:278px}}@media(min-width:768px) and (max-width:991px){#digital-solution .heading{font-size:28px}#digital-solution .heading::after,#digital-solution .heading::before{display:none}}@media(min-width:992px) and (max-width:1199px){#digital-solution .heading{font-size:30px}#digital-solution .title{font-size:20px}}