@media screen and (min-width: 768px){.nopadd-ltf{padding-left:0}.nopadd-rth{padding-right:0}.nopadd{padding-left:0;padding-right:0}}.service-item .service-image img{width:100%;height:auto;display:block}.service-item .service-info{background:#fff;padding:30px 20px;position:relative;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.1);box-shadow:0px 0px 20px rgba(0,0,0,.1)}.service-item .service-info h4 a{font-family:"Roboto",sans-serif;font-size:24px;color:#7c49dd;display:block;font-weight:600;padding-top:15px;-webkit-transition:all .3s;transition:all .3s}.service-item .service-info h4 a:hover{color:#233646}.service-item .service-info p{-webkit-transition:all .3s;transition:all .3s;margin-bottom:10px}.service-item .service-info .icon{background:#d946d3;color:#233646;height:50px;width:50px;border-radius:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:-25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.2);box-shadow:0px 0px 20px rgba(0,0,0,.2);-webkit-transition:300ms;transition:300ms}.service-item .service-info .icon:hover{background:#233646}.service-item .service-info .icon a{color:#233646}@media screen and (max-width: 767px){.service-item{margin-bottom:30px}}.service-item:hover .icon{background:#7c49dd;color:#fff;top:-75px}.service-item:hover .icon a{color:#fff}