.mowhiba-map-container{
          height: 700px;
          position: relative;
          margin:auto;
          overflow:hidden;
          border-radius: 40px;
          background:
        radial-gradient(circle at 54% 47%, rgba(255,255,255,.98) 0 28%, rgba(245,247,252,.96) 48%, rgba(236,241,248,.92) 100%),
        linear-gradient(135deg, rgba(74,127,185,.08), rgba(128,121,168,.08));
          border:1px solid rgba(43,37,75,.08);
          box-shadow:0 24px 80px rgba(43,37,75,.12);
          isolation:isolate;
          padding: clamp(20px, 5vw, 40px);
}
@media(max-width:991px){
  .mowhiba-map-container{
          height: auto;
  }
}        



.mawhiba-map-widget{
      position:relative;
      width:min(1440px, 100%);
      min-height:448px;

    }

    .mawhiba-map-widget::before{
        display: none;
      content:"";
      position:absolute;
      width:520px;height:520px;
      right:-210px;top:-230px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(226,169,71,.18), rgba(226,169,71,0) 62%);
      z-index:0;
      pointer-events:none;
    }
/* 
    .mawhiba-map-widget::after{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:42%;
      background:linear-gradient(180deg, rgba(43,37,75,0) 0%, rgba(74,127,185,.20) 38%, rgba(43,37,75,.92) 100%);
      z-index:1;
      pointer-events:none;
    } */

    .map-header{
      position:absolute;
      top:28px;
      right:34px;
      z-index:8;
      max-width:610px;
    }
    .brand-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}
    .mawhiba-logo{height:54px;width:auto;display:block;filter:drop-shadow(0 10px 20px rgba(43,37,75,.08))}
    .brand-separator{width:1px;height:42px;background:rgba(43,37,75,.16)}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.78);
      color:var(--green);
      font-size:15px;
      font-weight:800;
      box-shadow:0 8px 28px rgba(20,25,40,.08);
      backdrop-filter:blur(8px);
    }
    .map-title{
      margin:14px 0 8px;
      color:var(--green);
      font-size:clamp(30px, 3vw, 54px);
      line-height:1.05;
      font-weight:800;
      letter-spacing:-.8px;
    }
    .map-subtitle{
      margin:0;
      color:var(--muted);
      font-size:18px;
      line-height:1.65;
      max-width:620px;
    }

    #mapSvg{
      position:absolute;
      /* inset:0; */
      left: -15%;
      width: 130%;
      height:100%;
      z-index:2;
      direction:ltr;
      box-sizing: border-box;
    }

    .country{
      fill:#F0F5F9;
      stroke:#CAD0DC;
      stroke-width:.65;
      vector-effect:non-scaling-stroke;
      transition:fill .22s ease, filter .22s ease, opacity .22s ease;
    }
    .country.is-program{
      fill:#CFD4E0;
      cursor:pointer;
    }
    .country.is-active,
    .country.is-hovered{
      fill:var(--dark-green);
      filter:drop-shadow(0 10px 18px rgba(74,127,185,.34));
    }
    .country.is-saudi{
      fill:#4F9058;
      filter:drop-shadow(0 16px 26px rgba(0,132,61,.28));
                stroke: #37653d;;
  stroke-width: 3;
    }
    .country.is-saudi.is-active,
    .country.is-saudi.is-hovered{fill:#4F9058;
        animation: pulse 1.7s infinite;

    }

    .connection{
      fill:none;
      stroke:var(--dark-green);
      stroke-width:2.4;
      stroke-linecap:round;
      opacity:0;
      filter:drop-shadow(0 0 8px rgba(74,127,185,.8));
      stroke-dasharray:6 8;
      animation:dashMove 1.6s linear infinite;
      transition:opacity .25s ease;
      pointer-events:none;
    }
    .connection.is-visible{opacity:.95}
    @keyframes dashMove{to{stroke-dashoffset:-28}}

    .node{
      fill:#fff;
      stroke:var(--dark-green);
      stroke-width:3;
      filter:drop-shadow(0 0 12px rgba(74,127,185,.75));
      pointer-events:none;
      opacity:0;
      transition:opacity .2s ease;
    }
    .node.is-visible{opacity:1}
    .node.saudi{stroke:var(--green)}

    .label-line{stroke:rgba(74,127,185,.55);stroke-width:1.2;pointer-events:none}
    .map-label{
      fill:var(--dark-green);
      font-family:"Vazirmatn", sans-serif;
      font-size:18px;
      font-weight:800;
      text-anchor:middle;
      pointer-events:none;
      paint-order:stroke;
      stroke:white;
      stroke-width:4px;
      stroke-linejoin:round;
    }

    .tooltip-card{
      position:absolute;
      z-index: 20;
      width:min(380px, calc(100% - 28px));
      min-height: 140px;
      border:1px solid rgba(255,255,255,.72);
      border-radius:22px;
      background:rgba(255,255,255,.90);
      box-shadow:0 24px 60px rgba(20,25,40,.18);
      backdrop-filter:blur(14px);
      padding:20px 20px 18px;
      transform:translate(-50%, -105%) scale(.96);
      opacity: 0;
      transition:opacity .18s ease, transform .18s ease;
      display: none;
    }
    .tooltip-card.is-open{
      opacity:1;
      transform:translate(-50%, -105%) scale(1);
      display: inline-block;
    }
    .tooltip-card::after{
      content:"";
      position:absolute;
      left:50%;
      bottom:-10px;
      width:20px;height:20px;
      background:rgba(255,255,255,.90);
      border-right:1px solid rgba(255,255,255,.72);
      border-bottom:1px solid rgba(255,255,255,.72);
      transform:translateX(-50%) rotate(45deg);
    }
    .tooltip-top{display:flex;/* align-items:flex-start; *//* justify-content:space-between; *//* gap:12px; */margin-bottom: 10px;}
    .country-name{margin:0;font-size: 16px;font-weight:800;color:#1f2a44;line-height:1.2}
    .flag{font-size: 20px;line-height:1;font-weight: bold; display: none;}
    .info-row{display:grid;grid-template-columns:92px 1fr;gap: 5px;margin: 2px 0;color:#344054;font-size: 12px;/* line-height:1.55; */}
    .info-row strong{color: #4f4f4f;font-weight:800}
    .program-links{display:flex;flex-wrap:wrap;gap:8px;margin-top: 10px;justify-content: end;}
    .program-links a{
      text-decoration:none;
      color:#fff;
      background:linear-gradient(135deg, var(--dark-green), var(--green));
      border-radius:999px;
      padding: 8px 13px;
      font-size: 13px;
      font-weight:800;
      box-shadow:0 10px 24px rgba(0,132,61,.18);
    }
    .close-tip{
    
border:0;
    
background:#F2F4F7;
    
color:#667085;
    
border-radius:50%;
    
width: 29px;
    
height: 29px;
    
font-size:22px;
    
line-height: 28px;
    
cursor:pointer;
    }

    .stats-band{
    
padding: clamp(15px, 4vw, 30px);
    
color:#fff;
    
text-shadow: 1px 1px 0px #000;
    }

    .continer-status-band{
      /* padding: clamp(20px, 5vw, 40px); */
        position:absolute;
      left:0;
      right:0;
      bottom:0;

              background: linear-gradient(
    to left,
    var(--green),
   #2c3a6b
  );

  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.05) 10%,
    rgba(0, 0, 0, 0.15) 20%,
    rgba(0, 0, 0, 0.3) 35%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.75) 70%,
    black 100%
  );

  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.05) 10%,
    rgba(0, 0, 0, 0.15) 20%,
    rgba(0, 0, 0, 0.3) 35%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.75) 70%,
    black 100%
  );
  min-height: 200px;
  padding-top: 100px;

    }

.flags{
    height: 12px;
    margin-top: 5px;
    border-radius: 2px;
}
    .hint{
  
      z-index:8;
      display:flex;
      align-items:center;
      gap:10px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(255,255,255,.65);
      padding:11px 15px;
      border-radius:999px;
      color:#526071;
      font-size: 10px;
      font-weight:700;
      box-shadow:0 10px 28px rgba(20,25,40,.08);
      backdrop-filter:blur(8px);
      max-width: 250px;
    }
    .pulse{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(0,132,61,.38);animation:pulse 1.7s infinite}
    @keyframes pulse{70%{box-shadow:0 0 0 12px rgba(0,132,61,0)}100%{box-shadow:0 0 0 0 rgba(0,132,61,0)}}
.badge-kingdom{padding: 5px;border-radius: 7px;font-size:12;background-color: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.6);}
    @media (max-width:980px){
      .mawhiba-map-widget{min-height:700px;border-radius:0}
      #mapSvg{/* top:90px; */height:58%}
    }
    .container-data-map{
        padding: 10px 15px;
        border-radius: 15px;
        background-color: rgba(255,255,255,.05);
        /* border: 1px solid rgba(255, 255, 255, .3); */
    }
     .container-data-map:hover img{
        transform: scale(1.1);
     }
     .img-cap{
    height: 32px;
    transition: .5s;
}
.container-data-map h6, .container-data-map h5{
  color: #fff;
}
.container-data-map h5{
  font-size: 30px;
}
.continer-status-band p{
  color: #fff !important;
  font-size: 18px;
}
.h3-title-map{
  font-size: 25px;
}
.continer-status-band h6{
  font-size: 14px;
  color: #fff;
}
.title-caption-map{
  font-size: 20px !important;
}