.service-card-inner {position: relative;padding-bottom: 68px;}.service-shape {width: 100%;height: auto;}.service-tag {width: 120px;height: auto;position: absolute;top: -15px;left: -30px;}.service-image {width: calc(100% - 40px);height: 255px;position: absolute;left: 20px;top: 50px;mask-image: url(../../img/img-mask.png);mask-size: contain;mask-position: center;mask-repeat: no-repeat;}.service-image img {width: 100%;height: 100%;object-fit: cover;object-position: center;}.service-heading-wrap {width: 100%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);text-align: center;}.service-heading-wrap svg {width: calc(100% - 50px);height: auto;margin-left: -10px;}.service-heading-wrap .service-heading {max-width: 80%;font-size: 24px;color: #fff;font-weight: 700;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 30px;text-align: center;}.service-heading-wrap .service-heading a:hover, .service-heading-wrap .service-heading a {color: #fff;}.service-image .readmore {background-color: rgba(255, 255, 255, 0.9);position: absolute;left: 0;top: -100%;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;visibility: hidden;opacity: 0;transition: all 0.6s cubic-bezier(0.50, 0.05, 1, 1);}.service-image:hover .readmore {top: 0;opacity: 1;visibility: visible;}.service-image .readmore svg {width: 50px;height: auto;margin-top: -55px;}.service-image .readmore:hover svg {animation: bounceInUp 1s alternate;}@keyframes bounceInUp {from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;transform: translate3d(0, 1500px, 0) scaleY(5);}60% {opacity: 1;transform: translate3d(0, -20px, 0) scaleY(0.9);}75% {transform: translate3d(0, 10px, 0) scaleY(0.95);}90% {transform: translate3d(0, -5px, 0) scaleY(0.985);}to {transform: translate3d(0, 0, 0);}}