.umroh-hero{background:linear-gradient(135deg,#0d4f3c 0%,#1a8a6b 50%,#0d4f3c 100%);padding:80px 0;color:#fff;position:relative;overflow:hidden}
.umroh-hero-inner{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.umroh-hero h1{font-size:2.8rem;margin-bottom:15px;color:#fff}
.umroh-hero .tagline{font-size:1.3rem;color:#d4edda;margin-bottom:25px;font-weight:500}
.umroh-hero p{font-size:1.05rem;line-height:1.8;max-width:700px;color:#e8f5e9}
.umroh-layanan{padding:80px 0;background:#f8f9fa}
.umroh-layanan-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.umroh-layanan h2{text-align:center;font-size:2.2rem;color:#0d4f3c;margin-bottom:50px}
.umroh-layanan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.umroh-layanan-card{background:#fff;border-radius:16px;padding:35px 25px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;border:1px solid #e0e0e0}
.umroh-layanan-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(13,79,60,.15)}
.umroh-layanan-card .icon{font-size:3rem;margin-bottom:15px}
.umroh-layanan-card h3{font-size:1.15rem;color:#0d4f3c;margin-bottom:10px}
.umroh-layanan-card p{font-size:.9rem;color:#666;line-height:1.6}
.umroh-testimoni{padding:80px 0;background:#fff}
.umroh-testimoni-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.umroh-testimoni h2{text-align:center;font-size:2.2rem;color:#0d4f3c;margin-bottom:50px}
.umroh-testimoni-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.umroh-testimoni-card{background:#f8f9fa;border-radius:16px;padding:30px;border-left:4px solid #1a8a6b}
.umroh-testimoni-card .stars{color:#ffc107;font-size:1.2rem;margin-bottom:12px}
.umroh-testimoni-card blockquote{font-size:.95rem;color:#555;line-height:1.7;font-style:italic;margin:0 0 15px}
.umroh-testimoni-card .author{font-weight:700;color:#0d4f3c;font-size:.95rem}
.umroh-testimoni-card .author span{font-weight:400;color:#888;font-size:.85rem}
.umroh-artikel{padding:80px 0;background:#f8f9fa}
.umroh-artikel-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.umroh-artikel h2{text-align:center;font-size:2.2rem;color:#0d4f3c;margin-bottom:50px}
.umroh-artikel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.umroh-artikel-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s}
.umroh-artikel-card:hover{transform:translateY(-5px)}
.umroh-artikel-card img{width:100%;height:200px;object-fit:cover}
.umroh-artikel-card .content{padding:20px}
.umroh-artikel-card h3{font-size:1.1rem;color:#0d4f3c;margin-bottom:8px}
.umroh-artikel-card h3 a{color:inherit;text-decoration:none}
.umroh-artikel-card .meta{font-size:.8rem;color:#999}
.umroh-cta{padding:80px 0;background:linear-gradient(135deg,#0d4f3c 0%,#1a8a6b 100%);text-align:center;color:#fff}
.umroh-cta-inner{max-width:800px;margin:0 auto;padding:0 20px}
.umroh-cta h2{font-size:2.2rem;margin-bottom:15px}
.umroh-cta p{font-size:1.1rem;margin-bottom:30px;color:#d4edda}
.umroh-cta .cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.umroh-cta .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}
.umroh-cta .btn-primary{background:#ffc107;color:#0d4f3c}
.umroh-cta .btn-primary:hover{background:#ffca2c;transform:scale(1.05)}
.umroh-cta .btn-outline{background:transparent;color:#fff;border:2px solid #fff}
.umroh-cta .btn-outline:hover{background:#fff;color:#0d4f3c}
@media(max-width:768px){
.umroh-hero h1{font-size:2rem}
.umroh-layanan h2,.umroh-testimoni h2,.umroh-artikel h2,.umroh-cta h2{font-size:1.7rem}
.umroh-layanan-grid,.umroh-testimoni-grid,.umroh-artikel-grid{grid-template-columns:1fr}
.umroh-cta .btn{width:100%;justify-content:center}
}