/* Extracted from business/services/index.php */

body{background:#f4f9fd;color:#102a43;font-family:Arial,sans-serif}
.hero{background:linear-gradient(rgba(6,40,61,.55),rgba(11,114,133,.55)),url('../../assets/images/vision.png') center/cover;color:#fff;padding:140px 20px 120px;border-radius:0 0 80px 80px;position:relative;overflow:hidden}
.hero:after{content:'';position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(255,255,255,.08);right:-80px;top:-80px}
.hero h1{font-size:3.5rem;font-weight:800;line-height:1.15;position:relative;z-index:1}
.hero p{max-width:850px;position:relative;z-index:1}
.hero a{position:relative;z-index:1}
.gateway-card{background:linear-gradient(145deg,#ffffff,#f5fbff);border-radius:32px;padding:38px;height:100%;box-shadow:0 18px 45px rgba(6,40,61,.10);transition:.35s;border:1px solid #e1edf5;position:relative;overflow:hidden}
.gateway-card:before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;background:#e7f5ff;right:-40px;top:-40px}
.gateway-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px rgba(6,40,61,.18)}
.gateway-card h3{font-weight:800;color:#063970;margin-bottom:18px;position:relative}
.gateway-card p{color:#486581;min-height:90px;line-height:1.7;position:relative}
.gateway-card a{font-weight:700;text-decoration:none;color:#0b7285;position:relative}
.card-icon{font-size:2.2rem;margin-bottom:15px;display:block}
.section-title{font-weight:800;color:#063970;font-size:2.2rem}
.service-intro{background:white;border-radius:30px;padding:45px;box-shadow:0 10px 35px rgba(0,0,0,.06)}
.badge-pill{display:inline-block;background:#e7f5ff;color:#063970;padding:10px 18px;border-radius:50px;font-weight:600;margin-bottom:20px}
.journey-box{background:#fff;border-radius:20px;padding:25px;height:100%;box-shadow:0 8px 25px rgba(0,0,0,.06)}
.journey-box h5{color:#0b7285;font-weight:700}
.image-panel{border-radius:30px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.12)}
.image-panel img{width:100%;height:320px;object-fit:cover}
.ecosystem-text{padding:35px;background:#fff;border-radius:30px;box-shadow:0 10px 35px rgba(0,0,0,.06)}
.highlight-points{max-width:700px;margin:0 auto;text-align:left}
.highlight-points ul{list-style:none;padding:0;margin:0}
.highlight-points li{background:#e7f5ff;color:#063970;font-weight:700;padding:12px 20px;border-radius:50px;display:inline-block;margin:8px 10px 8px 0;font-size:1rem}