/* Badge */
                .region-badge {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    padding: 7px 9px;
                    font-size: 14px;
                    font-weight: 600;
                    border-radius: 999px;
                    border: 1px solid #e6e6e6;
                    background: #fff;
                    color: #000;
                    text-decoration: none;
                }
               /* Flag wrapper – rounded rectangle (NOT circle) */
                    .flag-circle {
                      width: 34px;
                      height: 34px;
                      border-radius: 50px;      /* important */
                      overflow: hidden;
                      flex-shrink: 0;
                      display: inline-flex;
                      align-items: center;
                      justify-content: center;
                    }
                    
                    /* Flag image – sharp & clean */
                    .flag-circle img {
                      width: 100%;
                      height: 100%;
                      object-fit: cover;
                    }
                    
                    /* Arrow */
                    .region-badge::after {
                      content: "\f105";
                      font-family: "Font Awesome 5 Free";
                      font-weight: 900;
                      font-size: 16px;
                      margin-left: 2px;
                    }
                    .region-badge {
                          margin-right: 20px;
                        }
                        
                        .region-badge:last-child {
                          margin-right: 0;
                        }           
                /* ================= SECTION BACKGROUND ANIMATION ================= */

        .country-section {
          position: relative;
          padding: 25px;
        
          background-size: 300% 300%;
          animation: bgMove 18s ease infinite;
          overflow: hidden;
        }
        
        @keyframes bgMove {
          0% { background-position: 0% 50%; }
          50% { background-position: 100% 50%; }
          100% { background-position: 0% 50%; }
        }
        
        /* subtle overlay texture */
        .country-section::before {
          content: "";
          position: absolute;
          inset: 0;
          background: radial-gradient(
            circle at 20% 20%,
            rgba(254,1,3,0.08),
            transparent 40%
          );
          pointer-events: none;
        }
        
        /* ================= MAP & LAYOUT ================= */
        
        #miniWorldMap {
            width: 100%;
            max-width: 800px;
            height: 420px;
            margin: 30px auto;
            position: relative;
            z-index: 2;
        }
        
        #mapCanvas {
            width: 100%;
            height: 100%;
        }
        
        /* ================= POPUP ================= */
        
        #countryPopup {
          display: none;
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 420px;
          background: #fff;
          color: #000;
          padding: 30px 25px;
          border-radius: 10px;
          text-align: center;
          z-index: 1000;
          box-shadow: 0 15px 40px rgba(0,0,0,0.35);
          border: 1px solid;
        }
        
        #countryPopup .close-btn {
          position: absolute;
          top: 4px;
          right: 4px;
          background: #fe0103;
          transform: rotate(90deg);
          color: #fff;
          border: none;
          width: 34px;
          height: 34px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: 0.3s ease;
        }
        
        #countryPopup .close-btn:hover {
          background: #fe0103;
          transform: rotate(90deg);
        }
        
        #countryPopup p {
          margin: 10px 0;
        }
        
        .popup-subtext {
          font-size: 14px;
          opacity: 0.9;
        }
        
        .primary-btn {
          margin-top: 20px;
          background: #fe0103;
          color: #fff;
          border: none;
          padding: 10px 25px;
          border-radius: 25px;
          cursor: pointer;
          font-size: 15px;
        }
        
        .stay-link {
          margin-top: 15px;
          font-size: 13px;
          opacity: 0.9;
          cursor: pointer;
        }
        /* ================= COUNTRY LIST ================= */
        
        .country-list-wrapper {
          max-width: 900px;
          margin: 100px auto 0;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 40px;
          align-items: center;
          justify-items: center;
          position: relative;
          z-index: 2;
        }
        
        .country-column h4 {
          font-size: 24px;
          margin-bottom: 10px;
          color: #fff;
        }
        
        .country-column ul {
          list-style: none;
          padding: 0;
          margin: 0;
        }
        
        .country-column li {
          display: flex;
          align-items: center;
          gap: 10px;
          font-size: 20px;
          color: #fff;
        }
        
        .country-column li img {
          width: 35px;
          height: 35px;
          object-fit: cover;
        }
        
        .globe-wrapper {
          position: relative;
          overflow: hidden;
        }
        
        #globe-canvas {
          position: absolute;
          inset: 0;
          z-index: 0;
          top: -190px;
        }
        
        .globe-wrapper .container {
          position: relative;
          z-index: 2;
        }
        
        #globe-canvas canvas {
          width: 100% !important;
          height: 100% !important;
        }
        
        .btn-white-hover:hover {
          color: #fff !important;
          border-color: #fff !important;
        }
        .btn-white-hover:hover i {
          color: #fff !important;
        }
        
        /* Mobile safety */
        @media (max-width: 768px) {
          #globe-canvas {
            display: none;
          }
        }
        .keyword-marquee-section {
          background: #172d2b;
          padding: 6px 0;
          overflow: hidden;
        }
        
        .keyword-marquee {
          width: 100%;
          overflow: hidden;
          position: relative;
        }
        
        .keyword-track {
          display: flex;
          width: max-content;
          animation: marquee 20s linear infinite;
        }
        
        .keyword-track span {
          color: #ffffff;
          font-size: 16px;
          font-weight: 600;
          white-space: nowrap;
          margin-right: 50px;
          position: relative;
        }
        
        /* 🔴 IMAGE SEPARATOR */
        .keyword-track span::after {
          content: "";
          position: absolute;
          right: -30px;
          top: 50%;
          transform: translateY(-50%);
          width: 16px;
          height: 16px;
          background: url("images/Alive-white-favicon.png") no-repeat center;
          background-size: contain;
        }
        
        /* REMOVE LAST IMAGE */
        .keyword-track span:last-child::after {
          display: none;
        }
        
        /* ANIMATION */
        @keyframes marquee {
          0% {
            transform: translateX(0);
          }
          100% {
            transform: translateX(-50%);
          }
        }
        
        /* PAUSE ON HOVER */
        .keyword-marquee:hover .keyword-track {
          animation-play-state: paused;
        }
        
        /* MOBILE */
        @media (max-width: 768px) {
          .keyword-track span {
            font-size: 14px;
            margin-right: 40px;
          }
        
          .keyword-track span::after {
            width: 14px;
            height: 14px;
            right: -26px;
          }
        }
        @media (max-width: 768px) {
            #miniWorldMap {
                height: 150px !important;
            }
            .world-map-img {
              margin-top: -30px !important;
            }
        }


.country-section {
  position: relative;
  padding: 25px;
  background: linear-gradient(
    120deg,
    #000128,
    #000128,
    #000128
);

  background-size: 300% 300%;
  animation: bgMove 18s ease infinite;
  overflow: hidden;
}

@keyframes bgMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* subtle overlay texture */
.country-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 20% 20%,
    rgba(254,1,3,0.08),
    transparent 40%
  );
  pointer-events: none;
}

/* ================= MAP & LAYOUT ================= */

#miniWorldMap {
    width: 100%;
    max-width: 800px;
    height: 420px;
    margin: 30px auto;
    position: relative;
    z-index: 2;
}

#mapCanvas {
    width: 100%;
    height: 100%;
}

/* ================= POPUP ================= */

#countryPopup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 420px;
  background: #fff;
  color: #000;
  padding: 30px 25px;
  border-radius: 10px;
  text-align: center;
  z-index: 1000;
  box-shadow: 0 15px 40px rgba(0,0,0,0.35);
  border: 1px solid;
}

#countryPopup .close-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #fe0103;
  transform: rotate(90deg);
  color: #fff;
  border: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
}

#countryPopup .close-btn:hover {
  background: #fe0103;
  transform: rotate(90deg);
}

#countryPopup p {
  margin: 10px 0;
}

.popup-subtext {
  font-size: 14px;
  opacity: 0.9;
}

.primary-btn {
  margin-top: 20px;
  background: #fe0103;
  color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 25px;
  cursor: pointer;
  font-size: 15px;
}

.stay-link {
  margin-top: 15px;
  font-size: 13px;
  opacity: 0.9;
  cursor: pointer;
}

/* ================= COUNTRY LIST ================= */
    .section-title-shift {
            position: relative;
            top: -70px;   /* yahin se control hoga */
        }
        /* MAP CONTAINER */
        #miniWorldMap {
          position: relative;
          max-width: 900px;
          margin: 10px auto;
        }
        
        /* MAP IMAGE */
        .world-map-img {
          width: 100%;
          height: auto;
          display: block;
          margin-top: -70px;
        }
        
        /* DOT BASE (STATIC DOT – SAME SIZE) */
        .map-dot {
          position: absolute;
          width: 6px;
          height: 6px;
          background: #ef4444;
          border-radius: 50%;
          cursor: pointer;
          z-index: 5;
        
          /* static look */
          box-shadow: 0 0 0 0.1px #ffffff;
        }
        
        /* PULSE ANIMATION FOR INDIA AND UAE DOTS ONLY */
        .map-dot.india::after,
        .map-dot.uae::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            background: rgb(254 1 3); /* darker red pulse */
            border-radius: 50%;
            transform: translate(-50%, -50%);
            animation: pulse 1.6s infinite;
            z-index: -1;
        }
        
        /* PULSE KEYFRAMES */
        @keyframes pulse {
          0% {
            transform: translate(-50%, -50%) scale(2);
            opacity: 0.9;
          }
          70% {
            transform: translate(-50%, -50%) scale(4);
            opacity: 0.1;
          }
          100% {
            opacity: 0.1;
          }
        }
        
        
        
        /* ✅ INDIA – POSITION */
        .map-dot.india {
          top: 70%;
          left: 67%;
        }
        
        /* ✅ UAE – POSITION */
        .map-dot.uae {
          top: 73%;
          left: 60%;
        }
        
        
        /* POPUP CLOSE BUTTON */
        .close-btn {
          position: absolute;
          top: 12px;
          right: 12px;
          background: none;
          border: none;
          font-size: 18px;
          cursor: pointer;
          z-index: 10;
          color: #000;
        }
        
        /* BUTTON FIX */
        #goToCountryBtn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          white-space: nowrap;
        }
        
        #goToCountryBtn .go-arrow {
          font-size: 14px;
          line-height: 1;
        }
        
        /* FLAG ICON */
        .flag-icon {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          overflow: hidden;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          margin-right: 8px;
        
        }
        
        .flag-icon img {
          width: 140%;
        }
/*************************/
 .space-pb1 {
                padding: 0px 0px 70px;
            }
            .globe-wrapper {
              position: relative;
              overflow: hidden;
              height: 680px; 
            }
            
            #globe-canvas {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              z-index: 0;
            }
            
            #globe-canvas canvas {
              width: 100%;
              height: 100%;
            }
            
            .container.position-relative {
              position: relative;
              z-index: 1;
            }