/* MAP SECTION */
    .world-section {
      padding: 72px 24px 0;
      text-align: center;
    }
 
    .world-section__heading {
      font-size: 48px;
      font-weight: 700;
            letter-spacing: -0.006em;
      color: #0d0d0d;
      margin-bottom: 10px;
    }
 
    .world-section__sub {
      font-size: 22px;
      color: #6e6e73;
      margin-bottom: 40px;
    }
 
    /* MAP WRAPPER */
    .map-wrap {
      position: relative;
      max-width: 860px;
      margin: 0 auto;
    }
 
    .map-wrap img {
      width: 100%;
      height: auto;
      display: block;
      opacity: 0.33;
    }
 
    /* PULSE DOTS */
    .pulse-dot {
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #3b82f6;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
 
    .pulse-dot::before,
    .pulse-dot::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: #3b82f6;
      opacity: 0.5;
      animation: ripple 2.4s ease-out infinite;
    }
 
    .pulse-dot::after {
      animation-delay: 1.2s;
    }
 
    @keyframes ripple {
      0%   { transform: scale(1);   opacity: 0.5; }
      100% { transform: scale(4);   opacity: 0; }
    }
 
    /* CTA SECTION */
    .cta-section {
      padding: 72px 24px 88px;
      text-align: center;
    }
 
    .cta-section__heading {
      font-size: 48px;
      font-weight: 700;
      letter-spacing: -0.006em;
      line-height: 1.15;
      color: #0d0d0d;
      margin-bottom: 14px;
      max-width: 580px;
      margin-inline: auto;
    }
 
    .cta-section__sub {
      font-size: 22px;
      color: #6b7280;
      margin-bottom: 32px;
    }
 
    .cta-buttons {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
    }
 
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 11px 26px;
      border-radius: 999px;
      font-family: "DM Sans", sans-serif;
      font-size: 16px;
      font-weight: 500;
      cursor: pointer;
      border: none;
      transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
      text-decoration: none;
    }
 
    .btn:hover { transform: translateY(-2px); }
 
    .btn--primary {
      background: #3b82f6;
      color: #fff;
      box-shadow: 0 4px 14px rgba(59,130,246,0.35);
    }
 
    .btn--primary:hover {
      background: #2563eb;
      box-shadow: 0 6px 20px rgba(59,130,246,0.45);
    }
 
    .btn--secondary {
      background: transparent;
      color: #0d0d0d;
      border: 1.5px solid #d1d5db;
    }
 
    .btn--secondary:hover {
      border-color: #9ca3af;
      background: #f9fafb;
    }
 
    /* FADE UP */
    .fade-up {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }
 
    .fade-up.visible {
      opacity: 1;
      transform: translateY(0);
    }
    @media (max-width: 500px) {
        .world-section__heading{
            font-size: 24px;
        }
        .world-section__sub{
            font-size: 16px;
        }   
        .cta-section__heading{
            font-size: 24px;
        }
        .cta-section__sub{
            font-size: 16px;
        }
        
    }