body{margin:0;padding:0;box-sizing:border-box}#gauteng-page{padding:100px 0;position:relative;overflow:hidden;background:#0f172a;color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#gauteng-page .intro-section{display:flex;flex-wrap:wrap;gap:75px;align-items:center;justify-content:space-between;margin-bottom:80px;margin-top:75px}#gauteng-page .intro-text,#gauteng-page .intro-image{flex:1 1 500px}#gauteng-page .intro-image img{max-width:100%;border-radius:20px;box-shadow:0 10px 30px #0000004d;border:solid 1px #fff}#gauteng-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,101,101,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none;z-index:1}#gauteng-page .section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;text-align:center;margin-bottom:60px;background:linear-gradient(135deg,#fff,#e2e8f0,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease infinite;position:relative;z-index:2}#gauteng-page .section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#f97316,#fb923c,#fdba74);border-radius:2px;animation:expandLine 1s ease-out .5s both}#gauteng-page .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}#gauteng-page .city-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:80px}#gauteng-page .city-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 30px;transition:all .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}#gauteng-page .city-card:hover{border-color:#f973164d;box-shadow:0 20px 40px #0000004d,0 0 0 1px #f9731633,inset 0 1px #ffffff1a}#gauteng-page .map-section,#gauteng-page .image-section{margin:80px 0;text-align:center}#gauteng-page .map-section img,#gauteng-page .image-section img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 10px 20px #0003}#gauteng-page .benefits{display:block;margin-top:40px}#gauteng-page .benefit-item{display:flex;align-items:center;gap:10px;font-size:1rem;color:#e2e8f0;margin-bottom:16px}#gauteng-page .benefit-item:before{content:"✔";color:#ff9820;font-size:1.5rem;flex-shrink:0}#gauteng-page .faq{margin-top:100px;max-width:800px;margin-left:auto;margin-right:auto}#gauteng-page .faq h3{font-size:1.5rem;margin-bottom:10px;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#gauteng-page .faq p{color:#fffc;line-height:1.6;margin-bottom:30px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes expandLine{0%{width:0}to{width:100px}}.cities{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px;margin:25px 25px 0 50px}.flowchart-container{max-width:500px;margin:0 auto;padding:20px 10px;background:transparent;display:flex;flex-direction:column;align-items:center}.flow-step{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;margin-bottom:15px;position:relative;opacity:0;animation-fill-mode:forwards}.circle{width:60px;height:60px;border-radius:50%;background:#ffffff14;border:2px solid white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 0 15px #ffffff80;margin-bottom:10px;margin-top:20px}.flow-line{width:2px;height:30px;background:#fff;box-shadow:0 0 6px #ffffff80}.flow-step p{font-size:16px;font-weight:500;text-shadow:0 0 8px rgba(255,255,255,.3);margin:0}@media screen and (max-width: 480px){.circle{width:50px;height:50px;font-size:16px}.flow-step p{font-size:14px}}.step-1{animation:fadeSlideLeft .8s ease-out .2s forwards}.step-2{animation:fadeSlideTop .8s ease-out .4s forwards}.step-3{animation:fadeSlideRight .8s ease-out .6s forwards}.step-4{animation:fadeSlideBottom .8s ease-out .8s forwards}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.notice-box{background-color:#ffa5001a;border-left:4px solid #FFA500;padding:15px 20px;margin-top:25px;border-radius:8px;color:orange;font-size:15px;line-height:1.5;box-shadow:0 0 12px #ffa5004d;font-weight:500}.notice-box strong{display:block;font-size:16px;margin-bottom:5px}.service-cities h2{font-size:2rem;margin-bottom:20px;text-align:center;color:#f9a201}.city-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 0}.city-tags span{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 14px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 0 10px #ffffff1a;transition:all .2s ease}.city-tags span:hover{background:#ffffff26;transform:scale(1.05);box-shadow:0 0 12px #fff3}