<html><head></head><body><nav data-component-type="Navigation" class="relative top-0 left-0 right-0 z-50" data-component-slug="marathon-navbar">
  <div class="max-w-[1920px] mx-auto px-8 lg:px-16 xl:px-24 2xl:px-32 py-14">
    <div class="flex items-center justify-between">
      <!-- Logo -->
      <div class="flex-shrink-0">
        <a href="/">
          <img data-node="logo" data-node-type="file" data-node-label="Logo" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768053052/seltrix/templates/marathon-template/logo.svg" src="{{logo}}" alt="Logo" class="h-12 w-auto xl:h-20 xl:w-[200px]">
        </a>
      </div>
      <div class="flex items-center space-x-8">
        <!-- Desktop Navigation -->
        <div class="hidden md:flex items-center space-x-12">
          <a data-node="nav_link_1" data-node-type="page_links" data-node-label="Nav Link 1" data-node-default="#" href="{{nav_link_1}}" class="text-white hover:text-lime-400 font-medium transition-colors text-base xl:text-xl">
            <span data-node="nav_link_1_text" data-node-type="text" data-node-label="Nav Link 1 Text" data-node-default="Home">{{nav_link_1_text}}</span>
          </a>

          <a data-node="nav_link_2" data-node-type="page_links" data-node-label="Nav Link 2" data-node-default="#" href="{{nav_link_2}}" class="text-white hover:text-lime-400 font-medium transition-colors text-base xl:text-xl">
            <span data-node="nav_link_2_text" data-node-type="text" data-node-label="Nav Link 2 Text" data-node-default="About Us">{{nav_link_2_text}}</span>
          </a>

          <a data-node="nav_link_3" data-node-type="page_links" data-node-label="Nav Link 3" data-node-default="#" href="{{nav_link_3}}" class="text-white hover:text-lime-400 font-medium transition-colors text-base xl:text-xl">
            <span data-node="nav_link_3_text" data-node-type="text" data-node-label="Nav Link 3 Text" data-node-default="Programs">{{nav_link_3_text}}</span>
          </a>

          <a data-node="nav_link_4" data-node-type="page_links" data-node-label="Nav Link 4" data-node-default="#" href="{{nav_link_4}}" class="text-white hover:text-lime-400 font-medium transition-colors text-base xl:text-xl">
            <span data-node="nav_link_4_text" data-node-type="text" data-node-label="Nav Link 4 Text" data-node-default="Events">{{nav_link_4_text}}</span>
          </a>

          <a data-node="nav_link_5" data-node-type="page_links" data-node-label="Nav Link 5" data-node-default="#" href="{{nav_link_5}}" class="text-white hover:text-lime-400 font-medium transition-colors text-base xl:text-xl">
            <span data-node="nav_link_5_text" data-node-type="text" data-node-label="Nav Link 5 Text" data-node-default="Contact Us">{{nav_link_5_text}}</span>
          </a>
        </div>

        <!-- Social Icons -->
        <div class="hidden md:flex items-center space-x-1">
          <a data-node="facebook_link" data-node-type="url" data-node-label="Facebook Link" data-node-default="https://facebook.com" href="{{facebook_link}}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center transition-colors">
            <img data-node="facebook_icon" data-node-type="file" data-node-label="Facebook Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768053045/seltrix/templates/marathon-template/facebook.svg" src="{{facebook_icon}}" alt="Facebook" class="h-9 w-9 xl:h-[42px] xl:w-[42px]">
          </a>

          <a data-node="twitter_link" data-node-type="url" data-node-label="Twitter Link" data-node-default="https://twitter.com" href="{{twitter_link}}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center transition-colors">
            <img data-node="twitter_icon" data-node-type="file" data-node-label="Twitter Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768053099/seltrix/templates/marathon-template/twitter.svg" src="{{twitter_icon}}" alt="Twitter" class="h-9 w-9 xl:h-[42px] xl:w-[42px]">
          </a>

          <a data-node="instagram_link" data-node-type="url" data-node-label="Instagram Link" data-node-default="https://instagram.com" href="{{instagram_link}}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center transition-colors">
            <img data-node="instagram_icon" data-node-type="file" data-node-label="Instagram Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768053049/seltrix/templates/marathon-template/instagram.svg" src="{{instagram_icon}}" alt="Instagram" class="h-9 w-9 xl:h-[42px] xl:w-[42px]">
          </a>

          <a data-node="linkedin_link" data-node-type="url" data-node-label="LinkedIn Link" data-node-default="https://linkedin.com" href="{{linkedin_link}}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center transition-colors">
            <img data-node="linkedin_icon" data-node-type="file" data-node-label="LinkedIn Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768053050/seltrix/templates/marathon-template/linkedin.svg" src="{{linkedin_icon}}" alt="LinkedIn" class="h-9 w-9 xl:h-[42px] xl:w-[42px]">
          </a>
        </div>
      </div>
      <!-- Mobile Menu Button -->
      <button class="md:hidden mobile-menu-btn p-2 text-white">
        <svg class="w-6 h-6 hamburger-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
        </svg>
        <svg class="w-6 h-6 close-icon hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
        </svg>
      </button>
    </div>
  </div>

  <!-- Mobile Menu -->
  <div class="mobile-menu md:hidden fixed inset-0 bg-gray-900 z-40 translate-x-full transition-transform duration-300">
    <!-- Close Button -->
    <button class="mobile-menu-close absolute top-6 right-6 p-2 text-white hover:text-lime-400 transition-colors">
      <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
      </svg>
    </button>
    <div class="p-6 space-y-4 pt-20">
      <a href="{{nav_link_1}}" class="block py-3 text-white font-medium text-lg border-b border-gray-700">{{nav_link_1_text}}</a>
      <a href="{{nav_link_2}}" class="block py-3 text-white font-medium text-lg border-b border-gray-700">{{nav_link_2_text}}</a>
      <a href="{{nav_link_3}}" class="block py-3 text-white font-medium text-lg border-b border-gray-700">{{nav_link_3_text}}</a>
      <a href="{{nav_link_4}}" class="block py-3 text-white font-medium text-lg border-b border-gray-700">{{nav_link_4_text}}</a>
      <a href="{{nav_link_5}}" class="block py-3 text-white font-medium text-lg border-b border-gray-700">{{nav_link_5_text}}</a>

      <div class="flex items-center space-x-2 pt-6">
        <a href="{{facebook_link}}" class="w-10 h-10 flex items-center justify-center bg-lime-400">
          <svg class="w-5 h-5 text-black" fill="currentColor" viewBox="0 0 24 24">
            <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path>
          </svg>
        </a>
        <a href="{{twitter_link}}" class="w-10 h-10 flex items-center justify-center bg-lime-400">
          <svg class="w-5 h-5 text-black" fill="currentColor" viewBox="0 0 24 24">
            <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"></path>
          </svg>
        </a>
        <a href="{{instagram_link}}" class="w-10 h-10 flex items-center justify-center bg-lime-400">
          <svg class="w-5 h-5 text-black" fill="currentColor" viewBox="0 0 24 24">
            <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path>
          </svg>
        </a>
        <a href="{{linkedin_link}}" class="w-10 h-10 flex items-center justify-center bg-lime-400">
          <svg class="w-5 h-5 text-black" fill="currentColor" viewBox="0 0 24 24">
            <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path>
          </svg>
        </a>
      </div>
    </div>
  </div>
</nav></body></html>