.service-card{width:100%;border-radius:14px;overflow:hidden;position:relative;font-family:montserrat;text-align:center;item-align:center;height:350px}.service-image{position:relative;width:100%;height:350px}.service-image img{width:100%;height:100%;object-fit:cover}.service-text{position:absolute;bottom:15px;left:4px;right:4px;color:#fff;z-index:2;transition:opacity 0.4s ease;font-family:montserrat;text-align:center;background:#00202b;padding:10px 10px;border-radius:10px;opacity:1}.service-text h3{font-size:25px;margin:0;font-weight:800;font-family:montserrat;text-align:center;color:#fff}.service-text p{font-size:13px;margin-top:1px;font-family:montserrat;text-align:center:line-height:1}.service-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#5b5c9d,#48498f);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;opacity:0;transition:all 0.4s ease;font-family:montserrat}.overlay-content{color:#fff;font-family:montserrat}.overlay-content .icon{font-size:28px;margin-bottom:10px}.overlay-content h3{font-size:30px;margin-bottom:10px;font-weight:bold;color:#fff;font-family:montserrat}.overlay-content .subtitle{font-size:25px;opacity:0.9;font-weight:bold;margin-bottom:15px;font-family:montserrat}.overlay-content .description{font-size:14px;line-height:1.1;margin-bottom:25px}.btn{display:inline-block;padding:8px 20px;border:1px solid #fff;border-radius:30px;color:#fff;text-decoration:none;transition:0.3s ease}.btn:hover{background:#fff;color:#000;font-family:montserrat}.service-card:hover .service-overlay{opacity:1}.service-card:hover .service-text{opacity:0}@media (max-width:720px){.service-overlay{opacity:1;background:linear-gradient(135deg,rgba(91,92,157,0.8),rgba(72,73,143,0.8))}.service-text{display:none}}body,#page-container{background:#00202b!important}