.service-card{cursor:pointer;border-radius:8px;transition:transform .3s ease}.service-card:hover{transform:scale(1.03)}.service-overlay{position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:#1ba7d6d7;color:#fff;text-align:center;transition:bottom .3s ease-in-out;padding:1.5rem}.service-card:hover .service-overlay{bottom:0}.service-overlay h3{transform:translateY(30px);opacity:0;transition:all .3s ease-in-out .2s}.service-card:hover .service-overlay h3{transform:translateY(0);opacity:1}.service-overlay .btn{opacity:0;transform:translateY(20px);transition:all .3s ease-in-out .4s}.service-card:hover .service-overlay .btn{opacity:1;transform:translateY(0)}.service-tile{transition:transform .3s ease}.service-tile:hover{transform:scale(1.03)}.service-title{font-size:1rem;margin:0}.hover-line{content:"";position:absolute;bottom:0;left:0;height:6px;width:0;background-color:#17a3cd;transition:width .4s ease;z-index:2}.service-card{position:relative;overflow:hidden;border-radius:12px}.blue-bottom-bar{position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,#42BBDD,#1E5480);padding:10px 0;text-align:center;transition:transform .4s ease,opacity .3s ease}.bar-title{color:white;font-weight:600;transition:opacity .3s ease}.service-card:hover .blue-bottom-bar{transform:translateY(100%)}.service-card:hover .bar-title{opacity:0}.dat{color:#0080A8}.get-to-know,.get-to-know:hover{background:linear-gradient(180deg,#42BBDD,#1E5480);color:white}.get-to-know .arrow-icon{display:inline-block;transition:transform .3s ease}.get-to-know:hover .arrow-icon{transform:rotate(45deg)}