.hm-world{background:#000000;position:relative;overflow:hidden;padding:72px 0 56px;color:#fff}
.hm-world::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 62% 52%,rgba(220,31,38,.20),transparent 70%),radial-gradient(40% 40% at 10% 0,rgba(255,255,255,.05),transparent 70%);pointer-events:none}
.hm-world .w{position:relative}
.hm-world .hm-h h2{color:#fff!important}
.hm-world .hm-h p{color:rgba(255,255,255,.66)!important}
.hm-world .hm-h i{background:#ea2833!important}
.hm-world #hmmap{position:relative;max-width:1180px;margin:28px auto 0;padding:0 16px}
.wm{position:relative;direction:ltr}
.wm svg{display:block;width:100%;height:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.wm .bs{fill:none;stroke:#3b3637;stroke-width:3.3;stroke-linecap:round}
.wm .g{fill:none;stroke:#ea2833;stroke-width:3.9;stroke-linecap:round;transition:stroke .25s,stroke-width .25s;filter:drop-shadow(0 0 3px rgba(220,31,38,.55))}
.wm .g.on{stroke:#ff5a60;stroke-width:4.4}
.wm.hov .g:not(.on):not(.ksa){opacity:.55}
.wm .g.ksa{stroke:#fff;stroke-width:4.2;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}
.wm .arc{fill:none;stroke:#f04a53;stroke-width:1.1;stroke-linecap:round;opacity:.0;stroke-dasharray:1;stroke-dashoffset:1;pointer-events:none}
.wm.in .arc{animation:almarc 2.2s cubic-bezier(.4,0,.2,1) forwards}
.wm .rg{fill:none;stroke:#fff;stroke-width:1.4;opacity:0;transform-box:fill-box;transform-origin:center}
.wm.in .rg{animation:almrg 3s ease-out infinite}
.wm.in .rg.r2{animation-delay:1.5s}
@keyframes almarc{0%{stroke-dashoffset:1;opacity:.0}10%{opacity:.85}100%{stroke-dashoffset:0;opacity:.55}}
@keyframes almrg{0%{transform:scale(.6);opacity:.9}100%{transform:scale(4.2);opacity:0}}
.wm .tip{position:absolute;transform:translate(-50%,-100%);background:#fff;color:#000000;font:600 13px/1 "Tajawal","Tajawal",sans-serif;padding:8px 12px;border-radius:999px;pointer-events:none;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.4);direction:rtl}
.wm .tip[hidden]{display:none}
.wm .lg{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin-top:18px;font:500 13px/1.4 "Tajawal","Tajawal",sans-serif;color:rgba(255,255,255,.78);direction:inherit}
html[dir=rtl] .wm .lg{direction:rtl}
.wm .lg span{display:inline-flex;align-items:center;gap:8px}
.wm .lg i{width:10px;height:10px;border-radius:50%;display:inline-block}
.wm .lg .a{background:#ea2833;box-shadow:0 0 8px #ea2833}
.wm .lg .b{background:#fff;box-shadow:0 0 8px #fff}
@media(max-width:640px){.hm-world{padding:48px 0 40px}.hm-world #hmmap{padding:0 8px}.wm .bs{stroke-width:3.8}.wm .g{stroke-width:4.4}}
@media(prefers-reduced-motion:reduce){.wm.in .arc{animation:none;stroke-dashoffset:0;opacity:.5}.wm.in .rg{animation:none;opacity:.5;transform:scale(2)}}