/* Hero carousel: six original African corporate service visuals. */
.hero-slide { animation-name: service-slide; animation-duration: 35s; }
.s1 { background-image: linear-gradient(90deg,#070a10ef,#070a1090,#070a1025),url('assets/hero-service-cyber.png'); animation-delay: 0s; }
.s2 { background-image: linear-gradient(90deg,#070a10ef,#070a1090,#070a1025),url('assets/hero-service-audit.png'); animation-delay: 5s; }
.s3 { background-image: linear-gradient(90deg,#070a10ef,#070a1090,#070a1025),url('assets/hero-service-blockchain.png'); animation-delay: 10s; }
.s4 { background-image: linear-gradient(90deg,#070a10ef,#070a1090,#070a1025),url('assets/hero-service-rpa.png'); animation-delay: 15s; }
.s5 { background-image: linear-gradient(90deg,#070a10ef,#070a1090,#070a1025),url('assets/hero-service-barcode.png'); animation-delay: 20s; }
.s6 { background-image: linear-gradient(90deg,#070a10ef,#070a1090,#070a1025),url('assets/hero-service-transformation.png'); animation-delay: 25s; }
.s7 { background-image: linear-gradient(90deg,#070a10ef,#070a1090,#070a1025),url('assets/hero-service-audit.png'); animation-delay: 30s; }
@keyframes service-slide { 0%,2% { opacity:0 } 3%,12% { opacity:1 } 14%,100% { opacity:0 } }