/* Hurghada motion, speed value and interactive area experience */
.serviceFlow{position:relative;min-height:260px;display:flex;align-items:center;justify-content:center;gap:16px;padding:34px;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,#05265e,#007bdf);box-shadow:0 30px 70px #05265e32;color:#fff;isolation:isolate}.serviceFlow:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 20deg,transparent,#14d9ff26,transparent 35%);animation:flowSpin 9s linear infinite;z-index:-1}.serviceFlow article{width:112px;height:120px;display:grid;place-content:center;gap:8px;text-align:center;border:1px solid #ffffff2e;border-radius:25px;background:#ffffff12;backdrop-filter:blur(12px);transition:.35s cubic-bezier(.2,.8,.2,1)}.serviceFlow article:hover{transform:translateY(-8px) scale(1.04);background:#ffffff20}.serviceFlow article i{font-style:normal;font-size:2rem}.serviceFlow article b{font-size:.8rem}.serviceFlow>span{font-size:1.4rem;color:#60e7ff;animation:arrowBeat 1.6s ease-in-out infinite}.serviceFlow>span:nth-of-type(2){animation-delay:.35s}.flowGlow{position:absolute;width:160px;height:160px;border-radius:50%;background:#ff7a002e;filter:blur(35px);right:-30px;bottom:-55px;z-index:-1}
.speedValue{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center;padding-block:100px}.speedIntro h2{max-width:570px}.speedIntro p{max-width:570px;margin:20px 0 28px;color:var(--muted);line-height:1.9}.valueGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.valueGrid article{position:relative;min-height:145px;padding:25px;border:1px solid #0c3f7a12;border-radius:26px;background:linear-gradient(145deg,#fff,#f5faff);box-shadow:0 13px 36px #05265e0d;overflow:hidden;transition:.35s cubic-bezier(.2,.8,.2,1)}.valueGrid article:after{content:"";position:absolute;width:80px;height:80px;inset-inline-end:-32px;bottom:-38px;border-radius:50%;background:linear-gradient(135deg,#00c7ef30,#ff7a0020);transition:.35s}.valueGrid article:hover{transform:translateY(-7px);box-shadow:0 22px 45px #05265e1b;border-color:#00bfe640}.valueGrid article:hover:after{transform:scale(1.8)}.valueGrid article i{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#e9faff;color:#006dcc;font-style:normal;font-size:1.1rem}.valueGrid article h3{font-size:.95rem;margin-top:20px;max-width:190px}.valueGrid article>span{position:absolute;top:18px;inset-inline-end:20px;color:#06356b20;font:800 1.6rem var(--font-en)}
.areasSection{position:relative;margin-block:100px;padding:70px;border-radius:46px;background:#041b43;color:#fff;overflow:hidden;box-shadow:0 35px 90px #03245a38;isolation:isolate}.areasSection:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 25% 30%,#00cdf32c,transparent 28%),radial-gradient(circle at 82% 72%,#ff7a0025,transparent 25%);z-index:-1;animation:areaAura 8s ease-in-out infinite alternate}.areasHead{display:grid;grid-template-columns:1fr .65fr;gap:45px;align-items:end;margin-bottom:38px}.areasHead h2{color:#fff;max-width:670px}.areasHead p{color:#c7d9f2;line-height:1.85;max-width:720px;margin-top:16px}.areaSearch{height:62px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid #ffffff26;border-radius:20px;background:#ffffff0d;backdrop-filter:blur(14px);transition:.3s}.areaSearch:focus-within{border-color:#40ddff;box-shadow:0 0 0 4px #00c7ef18;background:#ffffff13}.areaSearch span{font-size:1.3rem;color:#64eaff}.areaSearch input{width:100%;background:none;border:0;outline:0;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600}.areaSearch input::placeholder{color:#a8bdd8}.areaExperience{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px}.routeCanvas{position:relative;min-height:390px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#08336f,#006cc3);border:1px solid #ffffff15}.routeCanvas:before,.routeCanvas:after{content:"";position:absolute;border:1px solid #ffffff0e;border-radius:48%}.routeCanvas:before{width:420px;height:150px;left:-100px;top:60px;transform:rotate(-20deg)}.routeCanvas:after{width:400px;height:180px;right:-120px;bottom:15px;transform:rotate(18deg)}.routeCanvas>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 clamp(1.5rem,3vw,3rem) var(--font-en);letter-spacing:.08em;text-shadow:0 10px 30px #001c47}.routeCanvas>b small{display:block;text-align:center;font-size:.55rem;letter-spacing:.35em;color:#6cecff;margin-top:8px}.routeLine{position:absolute;left:10%;top:25%;width:78%;height:52%;border:3px dashed #71e9ff70;border-radius:50%;transform:rotate(-12deg)}.routeRider{position:absolute;font-size:2.1rem;left:13%;top:42%;filter:drop-shadow(0 10px 8px #001634);animation:riderRoute 7s ease-in-out infinite}.pin{position:absolute;color:#ff8a1d;font-style:normal;font-size:1.2rem;filter:drop-shadow(0 0 8px #ff7a00);animation:pinPulse 1.8s ease-in-out infinite}.pin:after{content:"";position:absolute;inset:-9px;border:1px solid #ff9a3b;border-radius:50%;animation:pinRing 1.8s ease-out infinite}.pinA{left:13%;top:24%}.pinB{right:12%;top:35%;animation-delay:.45s}.pinC{left:35%;bottom:15%;animation-delay:.9s}.areaPanel{padding:26px;border:1px solid #ffffff14;border-radius:30px;background:#ffffff0b;backdrop-filter:blur(15px)}.areaChips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:330px;overflow:auto;padding:2px}.areaChip{min-height:70px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;text-align:start;padding:12px 14px;border:1px solid #ffffff16;border-radius:17px;background:#ffffff0b;color:#fff;cursor:pointer;transition:.28s}.areaChip i{grid-row:1/3;color:#42ddff;font-size:.55rem;font-style:normal}.areaChip span{font-weight:800;font-size:.8rem}.areaChip small{color:#9db6d5;font:600 .62rem var(--font-en)}.areaChip:hover,.areaChip.active{transform:translateY(-3px);background:linear-gradient(135deg,#00aee9,#0872d4);border-color:#70edff;box-shadow:0 12px 25px #00142e55}.areaChip.active i{color:#ffae45;filter:drop-shadow(0 0 6px #ff9a00)}.areaNote{color:#a9bfd9;font-size:.75rem;margin:19px 0 15px}.areaPanel .btn{opacity:.6}.areaPanel .btn.ready{opacity:1;box-shadow:0 10px 30px #ff7a0040}.noArea{grid-column:1/-1;color:#d6e5f7;padding:28px;text-align:center}.areaTicker{display:flex;width:max-content;gap:28px;margin:42px -70px -70px;padding:17px 0;background:#02132f;border-top:1px solid #ffffff0d;overflow:hidden}.areaTicker>div{display:flex;gap:28px;min-width:max-content;animation:tickerAreas 34s linear infinite}.areaTicker span{font:700 .72rem var(--font-en);color:#bdd1eb;white-space:nowrap;letter-spacing:.03em}
@keyframes flowSpin{to{transform:rotate(360deg)}}@keyframes arrowBeat{50%{transform:translateX(-5px);opacity:.55}}@keyframes areaAura{to{transform:translate3d(3%,2%,0) scale(1.08)}}@keyframes pinPulse{50%{transform:translateY(-6px)}}@keyframes pinRing{to{transform:scale(1.8);opacity:0}}@keyframes riderRoute{0%,100%{left:13%;top:42%;transform:rotate(-6deg)}45%{left:70%;top:23%;transform:rotate(5deg)}70%{left:55%;top:67%;transform:rotate(-4deg)}}@keyframes tickerAreas{to{transform:translateX(-100%)}}
html[dir="ltr"] .serviceFlow>span{transform:rotate(180deg)}html[dir="ltr"] .areaTicker>div{animation-direction:reverse}
@media(max-width:900px){.speedValue,.areasHead,.areaExperience{grid-template-columns:1fr}.speedValue{gap:36px}.areasSection{padding:48px 28px}.routeCanvas{min-height:300px}.areaTicker{margin-inline:-28px;margin-bottom:-48px}.areaChips{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.speedValue{padding-block:70px}.valueGrid{grid-template-columns:1fr}.valueGrid article{min-height:115px}.serviceFlow{padding:20px 12px;gap:7px;min-height:220px}.serviceFlow article{width:82px;height:96px;border-radius:19px}.serviceFlow article i{font-size:1.45rem}.serviceFlow>span{font-size:1rem}.areasSection{margin-inline:8px;padding:38px 16px;border-radius:30px}.areasHead{gap:24px}.areaSearch{height:56px}.routeCanvas{min-height:250px}.areaPanel{padding:14px}.areaChips{grid-template-columns:repeat(2,1fr);max-height:360px}.areaChip{min-height:65px;padding:10px}.areaTicker{margin-inline:-16px;margin-bottom:-38px}.routeCanvas>b{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.serviceFlow:before,.serviceFlow>span,.areasSection:before,.routeRider,.pin,.pin:after,.areaTicker>div{animation:none!important}}