<?php
$isHttps = (
  (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ||
  (isset($_SERVER['SERVER_PORT']) && (int)$_SERVER['SERVER_PORT'] === 443) ||
  (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] === 'https')
);

$scheme = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http";
$host = $_SERVER['HTTP_HOST'];

// Agar host localhost ya 127.0.0.1 hai, toh subfolder add karein
if ($host == 'localhost' || $host == '127.0.0.1') {
  $base_url = $scheme . '://' . $host . '/tradersafety'; // Dhyan dein: Last mein slash (/) lagaya hai
} else {
  // Agar live hai, toh sirf domain name
  $base_url = "https://www.tradersafety.com";
} ?>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <!-- <base href="/"> -->

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Start your forex journey with confidence || Trader Safety</title>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />

  <link rel="stylesheet" href="<?php echo $base_url; ?>/assets/css/index.css">
  <link rel="stylesheet" href="<?php echo $base_url; ?>/css/style.css">
  <link rel="stylesheet" href="<?php echo $base_url; ?>/css/styles.css">
  <link rel="stylesheet" href="<?php echo $base_url; ?>/css/comparison.css">
  <link rel="stylesheet" href="<?php echo $base_url; ?>/css/quote.css">
  <link rel="stylesheet" href="<?php echo $base_url; ?>/css/glob.css">
  <link rel="stylesheet" href="<?php echo $base_url; ?>/css/spread.css">
  <link rel="stylesheet" href="<?php echo $base_url; ?>/css/flagranking.css">
  <link rel="stylesheet" href="<?php echo $base_url; ?>/style.css">

  <link rel="icon" type="image/png" sizes="32x32" href="<?php echo $base_url; ?>/logo.png">
  <link rel="icon" type="image/png" sizes="16x16" href="<?php echo $base_url; ?>/logo.png">

  <script src="<?php echo $base_url; ?>/https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  <script src="<?php echo $base_url; ?>/https://tradersafety.com//js/qrcode.min.js"></script>

  <style>
    /* ==========================================================
       PERFECTED CSS WITH GLASSMORPHISM & 3D EFFECTS
       ========================================================== */
    body {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      background-color: #f8f9fa;
    }

    .sticky-top {
      position: sticky;
      top: 0;
      z-index: 1050;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    /* Top Navbar (Glassmorphism applied here) */
    .navbar-dark.bg-dark {
      /* Using a deep blue with transparency for the frosted glass look */
      background-color: rgba(0, 7, 26, 0.85) !important;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      padding: 8px 0;
      /* Slimmer padding */
      transition: all 0.3s ease;
    }

    .logo-section {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .fx-logo {
      width: 150px;
      height: auto;
      transition: transform 0.3s;
    }

    .fx-logo:hover {
      transform: scale(1.05);
    }

    .sub-title {
      font-size: 13px;
      color: #b0b0b0;
      font-style: italic;
      white-space: nowrap;
    }

    /* --- 3D Search Box --- */
    .search-box {
      background-color: #f0f2f5;
      border-radius: 50px;
      padding: 4px 6px 4px 15px;
      display: flex;
      align-items: center;
      width: 450px;
      /* 3D Inset Shadow (Depressed effect) */
      box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.08),
        inset -3px -3px 6px rgba(255, 255, 255, 0.8),
        0 4px 12px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.4);
    }

    .custom-search-input {
      background: transparent !important;
      border: none !important;
      outline: none;
      box-shadow: none !important;
      width: 100%;
      font-size: 14px;
      padding: 5px 0;
      color: #333;
    }

    .custom-search-input::placeholder {
      color: #888;
      font-style: italic;
    }

    /* 3D Search Button (Popped-out effect) */
    .search-btn {
      background: linear-gradient(145deg, #fcd734, #e6c12e);
      border: none;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      color: #2e3440;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15),
        -2px -2px 5px rgba(255, 255, 255, 0.8),
        0 0 10px rgba(252, 215, 52, 0.4);
    }

    .search-btn:hover {
      transform: translateY(-2px);
      box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2),
        -3px -3px 6px rgba(255, 255, 255, 0.9),
        0 0 15px rgba(252, 215, 52, 0.6);
    }

    .search-btn:active {
      transform: translateY(0);
      box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2);
    }

    /* Login & Lang Icons */
    .login-icon h3,
    .login-icon a {
      margin: 0;
      font-size: 24px;
      display: flex;
      align-items: center;
      transition: color 0.3s;
    }

    .login-icon a:hover {
      color: #fcd734 !important;
    }

    .dropdown-menu-end {
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
      border: none;
    }

    /* 3D Download Button */
    .download-btn {
      background: linear-gradient(145deg, #c4910c, #d4af37) !important;
      font-weight: 600;
      padding: 8px 20px;
      border-radius: 6px;
      border: none;
      transition: all 0.3s;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2),
        -1px -1px 3px rgba(255, 255, 255, 0.1);
    }

    .download-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);
    }

    /* Bottom Navbar (Menu) */
    .navbar-expand-lg:not(.bg-dark) {
      background-color: rgba(252, 215, 52, 0.9);
      /* Slightly transparent gold */
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      padding: 0;
    }

    .navbar-expand-lg:not(.bg-dark) .nav-link {
      color: #1e222d !important;
      /* Text color dark blue for yellow bg */
      font-weight: 700;
      padding: 12px 25px;
      font-size: 14px;
      text-transform: uppercase;
      transition: all 0.3s;
    }

    .navbar-expand-lg:not(.bg-dark) .nav-link:hover {
      background-color: rgba(0, 0, 0, 0.08);
    }

    /* MEGA MENUS (Rankings & Regulators) */
    .dropdown-hover {
      position: static;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: #fff;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
      z-index: 1000;
      border-top: 2px solid #2e3440;
    }

    .nav-item.dropdown-hover:hover .dropdown-content {
      display: block;
      animation: fadeIn 0.3s ease;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(5px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .dropdown-content .container {
      display: flex;
      padding: 25px 0;
      gap: 20px;
    }

    .broker-section,
    .rankings-section,
    .rankings-sections,
    .regulators-section {
      flex: 1;
      padding: 0 15px;
      border-right: 1px solid #f0f0f0;
    }

    .regulators-section {
      border-right: none;
    }

    .section-header h3 {
      font-size: 16px;
      font-weight: 700;
      color: #2e3440;
      border-bottom: 2px solid #fcd734;
      padding-bottom: 10px;
      margin-bottom: 15px;
      display: inline-block;
    }

    .more-link {
      float: right;
      font-size: 13px;
      color: #666;
      margin-top: 5px;
      text-decoration: none;
      transition: color 0.2s;
    }

    .more-link:hover {
      color: #b8860b;
    }

    .product-item {
      display: flex;
      align-items: center;
      padding: 12px;
      border-radius: 8px;
      background: #f8f9fa;
      margin-bottom: 10px;
      text-decoration: none;
      transition: 0.3s;
      border: 1px solid transparent;
    }

    .product-item:hover {
      background: #fff;
      border-color: #fcd734;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      transform: translateX(5px);
    }

    .product-icon img {
      width: 40px;
      margin-right: 15px;
    }

    .product-info h4 {
      margin: 0;
      font-size: 14px;
      font-weight: 600;
      color: #2e3440;
    }

    .product-info p {
      margin: 0;
      font-size: 12px;
      color: #777;
    }

    .ranking-item,
    .regulator-item {
      display: block;
      padding: 8px 0;
      color: #555;
      text-decoration: none;
      font-size: 14px;
      transition: 0.3s;
    }

    .ranking-item:hover,
    .regulator-item:hover {
      color: #b8860b;
      padding-left: 5px;
      font-weight: 500;
    }

    .regulators-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }

    .regulator-item {
      background: #f8f9fa;
      text-align: center;
      padding: 8px;
      border-radius: 6px;
      border: 1px solid #eee;
    }

    .regulator-item:hover {
      border-color: #fcd734;
      background: #fff;
    }

    /* VPS Dropdown Normal */
    .vps-dropdown-hover {
      position: relative;
    }

    .vps-dropdown-content {
      display: none;
      position: absolute;
      background: white;
      min-width: 220px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      top: 100%;
      left: 0;
      border-radius: 0 0 8px 8px;
      overflow: hidden;
    }

    .vps-dropdown-hover:hover .vps-dropdown-content {
      display: block;
      animation: fadeIn 0.2s ease;
    }

    .vps-dropdown-content a {
      display: block;
      padding: 12px 20px;
      color: #444;
      text-decoration: none;
      font-size: 14px;
      border-bottom: 1px solid #f5f5f5;
      transition: all 0.2s;
    }

    .vps-dropdown-content a:hover {
      background: #f8f9fa;
      color: #b8860b;
      padding-left: 25px;
    }

    /* ===== TABLET BREAKPOINT (max-width: 1100px) ===== */
    @media (max-width: 1100px) {
      .navbar-dark.bg-dark {
        padding: 6px 0;
      }

      .fx-logo {
        width: 130px;
      }

      .search-box {
        width: 320px;
      }

      .navbar-expand-lg:not(.bg-dark) .nav-link {
        padding: 10px 18px;
        font-size: 13px;
      }

      .download-btn {
        padding: 6px 16px;
        font-size: 13px;
      }

      .login-icon h3,
      .login-icon a {
        font-size: 20px;
      }

      .dropdown-content .container {
        gap: 12px;
      }

      .broker-section,
      .rankings-section,
      .rankings-sections,
      .regulators-section {
        padding: 0 10px;
      }

      .regulators-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    /* ===== MOBILE BREAKPOINT (max-width: 768px) ===== */
    @media (max-width: 768px) {
      .search-box {
        width: 100%;
        margin-top: 8px;
      }

      .sub-title {
        display: none;
      }

      .navbar-expand-lg:not(.bg-dark) .nav-link {
        color: white !important;
        padding: 8px 12px;
        font-size: 12px;
      }

      .download-btn {
        padding: 5px 12px;
        font-size: 12px;
        margin-left: 10px !important;
      }

      .fx-logo {
        width: 110px;
      }

      .login-icon h3,
      .login-icon a {
        font-size: 18px;
        margin: 0 8px;
      }

      .navbar-dark.bg-dark .container {
        padding: 0 10px;
      }

      .dropdown-content {
        position: relative;
        width: 100%;
        box-shadow: none;
        padding-left: 12px;
      }

      .dropdown-content .container {
        flex-direction: column;
        padding: 8px 0;
        gap: 8px;
      }

      .broker-section,
      .rankings-section,
      .rankings-sections,
      .regulators-section {
        border-right: none;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding: 0 10px;
      }

      .section-header h3 {
        font-size: 14px;
        margin-bottom: 10px;
      }

      .product-item {
        padding: 10px;
        margin-bottom: 8px;
      }

      .product-icon img {
        width: 35px;
        margin-right: 10px;
      }

      .product-info h4 {
        font-size: 13px;
      }

      .product-info p {
        font-size: 11px;
      }

      .ranking-item,
      .regulator-item {
        font-size: 13px;
        padding: 6px 0;
      }

      .regulators-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }

      .regulator-item {
        padding: 6px;
        font-size: 12px;
      }

      .vps-dropdown-content {
        min-width: 180px;
      }

      .vps-dropdown-content a {
        padding: 10px 16px;
        font-size: 13px;
      }
    }

    /* ===== SMALL MOBILE BREAKPOINT (max-width: 480px) ===== */
    @media (max-width: 480px) {
      .navbar-dark.bg-dark {
        padding: 4px 0;
      }

      .fx-logo {
        width: 90px;
      }

      .search-box {
        width: calc(100vw - 28px);
        margin-top: 6px;
        padding: 3px 5px 3px 12px;
      }

      .custom-search-input {
        font-size: 13px;
        padding: 4px 0;
      }

      .search-btn {
        width: 34px;
        height: 34px;
      }

      .search-btn i {
        font-size: 14px;
      }

      .login-icon h3,
      .login-icon a {
        font-size: 16px;
        margin: 0 4px;
      }

      .download-btn {
        padding: 4px 10px;
        font-size: 11px;
        margin-left: 8px !important;
      }

      .navbar-expand-lg:not(.bg-dark) .nav-link {
        padding: 6px 10px;
        font-size: 11px;
      }

      .dropdown-content .container {
        padding: 6px 0;
      }

      .broker-section,
      .rankings-section,
      .rankings-sections,
      .regulators-section {
        padding: 0 8px;
      }

      .section-header h3 {
        font-size: 13px;
        margin-bottom: 8px;
      }

      .product-item {
        padding: 8px;
        margin-bottom: 6px;
        flex-direction: column;
        align-items: flex-start;
      }

      .product-icon img {
        width: 30px;
        margin-right: 8px;
        margin-bottom: 4px;
      }

      .product-info h4 {
        font-size: 12px;
      }

      .product-info p {
        font-size: 10px;
      }

      .ranking-item,
      .regulator-item {
        font-size: 12px;
        padding: 5px 0;
      }

      .regulators-grid {
        grid-template-columns: 1fr;
        gap: 6px;
      }

      .regulator-item {
        padding: 5px;
        font-size: 11px;
      }

      .more-link {
        font-size: 11px;
      }

      .vps-dropdown-content {
        min-width: 160px;
      }

      .vps-dropdown-content a {
        padding: 8px 12px;
        font-size: 12px;
      }
    }
    /* Floating Enquiry Button (golden glossy, smaller + glow) */
    .enquiry-float {
      position: fixed !important;
      right: 16px !important;
      left: auto !important;
      bottom: calc(16px + 1in);
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      z-index: 11000;
      cursor: pointer;
      background: linear-gradient(145deg,#fce37a,#f2c12a 60%);
      box-shadow: 0 10px 30px rgba(6,10,22,0.42), 0 0 28px rgba(242,193,42,0.14) inset;
      border: 1px solid rgba(255,255,255,0.12);
      transition: transform .18s ease, box-shadow .18s ease;
      will-change: transform;
      animation: enquiryFloatY 4s ease-in-out infinite;
    }

    .enquiry-float::after{
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 120%;
      height: 120%;
      border-radius: 50%;
      pointer-events: none;
      box-shadow: 0 0 18px rgba(242,193,42,0.52), 0 0 32px rgba(242,193,42,0.28);
      opacity: .9;
      animation: enquiryPulse 2.4s infinite ease-in-out;
    }

    .enquiry-float:hover{ transform: translateY(-6px) scale(1.03); box-shadow: 0 20px 54px rgba(6,10,22,0.5), 0 0 46px rgba(242,193,42,0.28) inset; }
    .enquiry-float i{ font-size:18px; color:#08121a; filter: drop-shadow(0 1px 0 rgba(255,255,255,0.18)); }

    @keyframes enquiryPulse{
      0%{ transform: translate(-50%,-50%) scale(0.98); opacity: .85 }
      50%{ transform: translate(-50%,-50%) scale(1.06); opacity: .45 }
      100%{ transform: translate(-50%,-50%) scale(0.98); opacity: .85 }
    }

    @keyframes enquiryFloatY {
      0% { transform: translateY(0); }
      25% { transform: translateY(-6px); }
      50% { transform: translateY(0); }
      75% { transform: translateY(6px); }
      100% { transform: translateY(0); }
    }

    @media (max-width:480px){ .enquiry-float{ right:12px !important; left:auto !important; bottom: calc(12px + 0.6in); width:46px; height:46px; } .enquiry-float i{font-size:16px;} }
  </style>
</head>

<body>

  <header class="sticky-top">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
      <div class="container">
        <div class="logo-section">
          <a href="<?php echo $base_url; ?>/index.php" class="navbar-brand">
            <img src="<?php echo $base_url; ?>/assets/images/logo.png" alt="FX Logo" class="fx-logo">
          </a>
          <span class="sub-title">Global Broker Regulation Inquiry App</span>
        </div>

        <form class="form-inline ml-auto mx-auto" action="avatrade.php" method="GET">
          <div class="search-box">
            <input class="form-control custom-search-input" type="search" name="name" placeholder="Search with broker name" aria-label="Search">
            <button class="search-btn" type="submit">
              <i class="fas fa-search"></i>
            </button>
          </div>
        </form>

        <div class="d-block d-md-flex align-items-start align-items-md-center">
          <div class="login-icon mr-3 pe-3">
            <h3>
              <a href="<?php echo $base_url; ?>/#" class="text-white">
                <i class="fas fa-user-circle"></i>
              </a>
            </h3>
          </div>

          <div class="login-icon mr-3 pe-3">
            <a href="<?php echo $base_url; ?>/#" class="nav-link dropdown-toggle d-flex align-items-center" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
              <img src="https://flagcdn.com/us.svg" class="img-fluid rounded-circle" alt="user" style="height: 30px; width: 30px;" id="selectedLangFlag">
            </a>
            <div class="dropdown-menu dropdown-menu-end p-0 mt-2" aria-labelledby="dropdownMenuButton2" style="min-width: 180px;">
              <div class="card border-0 shadow-sm">
                <div class="list-group list-group-flush">
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('en','https://flagcdn.com/us.svg'); return false;">
                    <img src="https://flagcdn.com/us.svg" alt="English" class="me-2" style="width: 18px; height: 18px;"> English
                  </a>
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('hi','https://flagcdn.com/in.svg'); return false;">
                    <img src="https://flagcdn.com/in.svg" alt="Hindi" class="me-2" style="width: 18px; height: 18px;"> Hindi
                  </a>
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('es','https://flagcdn.com/es.svg'); return false;">
                    <img src="https://flagcdn.com/es.svg" alt="Spanish" class="me-2" style="width: 18px; height: 18px;"> Spanish
                  </a>
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('ar','https://flagcdn.com/ae.svg'); return false;">
                    <img src="https://flagcdn.com/ae.svg" alt="Arabic" class="me-2" style="width: 18px; height: 18px;"> Arabic
                  </a>
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('ur','https://flagcdn.com/pk.svg'); return false;">
                    <img src="https://flagcdn.com/pk.svg" alt="Urdu" class="me-2" style="width: 18px; height: 18px;"> Urdu
                  </a>
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('it','https://flagcdn.com/it.svg'); return false;">
                    <img src="https://flagcdn.com/it.svg" alt="Italian" class="me-2" style="width: 18px; height: 18px;"> Italian
                  </a>
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('fr','https://flagcdn.com/fr.svg'); return false;">
                    <img src="https://flagcdn.com/fr.svg" alt="French" class="me-2" style="width: 18px; height: 18px;"> French
                  </a>
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('de','https://flagcdn.com/de.svg'); return false;">
                    <img src="https://flagcdn.com/de.svg" alt="German" class="me-2" style="width: 18px; height: 18px;"> German
                  </a>
                  <a href="<?php echo $base_url; ?>/#" class="list-group-item list-group-item-action d-flex align-items-center text-dark" onclick="translateLanguage('ja','https://flagcdn.com/jp.svg'); return false;">
                    <img src="https://flagcdn.com/jp.svg" alt="Japanese" class="me-2" style="width: 18px; height: 18px;"> Japanese
                  </a>
                </div>
              </div>
            </div>
          </div>

          <div id="google_translate_element" style="display: none;"></div>

          <button class="download-btn" style="color:#1e222d; margin-left:17px;margin-right:0px;" id="down">
            <i class="fas fa-download mr-1"></i> Download </button>
        </div>
      </div>
    </nav>

    <nav class="navbar navbar-expand-lg">
      <div class="container">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarNavDropdown">
          <ul class="navbar-nav mx-auto">
            <li class="nav-item">
              <a class="nav-link" href="<?php echo $base_url; ?>/index.php">Home</a>
            </li>
            <li class="nav-item dropdown-hover no-arrow">
              <a class="nav-link" href="<?php echo $base_url; ?>/broker_section.php">Broker</a>
            </li>

            <li class="nav-item dropdown-hover no-arrow">
              <a class="nav-link" href="<?php echo $base_url; ?>/ranking/flagranking.php">Rankings</a>
              <div class="dropdown-content rankings-dropdown">
                <div class="container">
                  <div class="broker-section">
                    <div class="section-header">
                      <h3>Products</h3>
                      <a href="<?php echo $base_url; ?>/ranking/product.php" class="more-link">More <i class="fas fa-chevron-right"></i></a>
                    </div>
                    <div class="broker-products">
                      <a href="<?php echo $base_url; ?>/ranking/product.php" class="product-item">
                        <div class="product-icon android">
                          <img src="https://resources1.interface003.com/web20/img/head/android-icon.png">
                        </div>
                        <div class="product-info">
                          <h4>Trader Safety Android</h4>
                          <p>Global regulation inquiry APP</p>
                        </div>
                      </a>
                      <a href="<?php echo $base_url; ?>/ranking/product.php" class="product-item">
                        <div class="product-icon ios">
                          <img src="https://resources1.interface003.com/web20/img/head/ios-icon.svg">
                        </div>
                        <div class="product-info">
                          <h4>Trader Safety IOS</h4>
                          <p>Global regulation inquiry APP</p>
                        </div>
                      </a>
                      <a href="<?php echo $base_url; ?>/ranking/product.php" class="product-item">
                        <div class="product-icon pc">
                          <img src="https://resources1.interface003.com/web20/img/head/windows-icon.png">
                        </div>
                        <div class="product-info">
                          <h4>PC Client</h4>
                          <p>Global regulation inquiry desktop edition</p>
                        </div>
                      </a>
                    </div>
                  </div>

                  <div class="rankings-section">
                    <div class="section-header">
                      <h3>By Features</h3>
                    </div>
                    <div class="rankings-links">
                      <a href="<?php echo $base_url; ?>/ranking/flagranking.php" class="ranking-item">Rankings</a>
                      <a href="<?php echo $base_url; ?>/ranking/brandranking.php" class="ranking-item">Brand Ranking</a>
                      <a href="<?php echo $base_url; ?>/ranking/popularity.php" class="ranking-item">Popularity Ranking</a>
                      <a href="<?php echo $base_url; ?>/ranking/blackranking.php" class="ranking-item">Frauds</a>
                      <a href="<?php echo $base_url; ?>/ranking/low-spreads.php" class="ranking-item">Spread Ranking</a>
                    </div>
                  </div>

                  <div class="rankings-sections">
                    <div class="section-header">
                      <h3>By Regulations</h3>
                    </div>
                    <div class="rankings-links">
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Financial Conduct Authority" class="ranking-item">Best FCA Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Cyprus Securities and Exchange Commission" class="ranking-item">Best CYSEC Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Central Bank of Russia" class="ranking-item">Best CBR Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Swiss Financial Market Supervisory Authority" class="ranking-item">Best FINMA Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Federal Financial Supervisory Authority" class="ranking-item">Best BaFin Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Financial Markets Authority" class="ranking-item">Best FMA Brokers</a>
                    </div>
                  </div>

                  <div class="rankings-sections">
                    <div class="section-header">
                      <h3>&nbsp;</h3>
                    </div>
                    <div class="rankings-links">
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Australia Securities & Investment Commission" class="ranking-item">Best ASIC Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Financial Services Agency" class="ranking-item">Best FSA Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Securities and Futures Commission of Hong Kong" class="ranking-item">Best SFC Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Dubai Financial Services Authority" class="ranking-item">Best DFSA Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Financial Sector Conduct Authority" class="ranking-item">Best FSCA Brokers</a>
                      <a href="<?php echo $base_url; ?>/ranking/1562730434.php?regulator=Financial Transactions and Reports Analysis Centre of Canada" class="ranking-item">Best FINTRAC Brokers</a>
                    </div>
                  </div>
                </div>
              </div>
            </li>

            <li class="nav-item dropdown-hover no-arrow">
              <a class="nav-link" href="<?php echo $base_url; ?>/#">Regulators</a>
              <div class="dropdown-content regulators-dropdown">
                <div class="container">
                  <div class="broker-section">
                    <div class="section-header">
                      <h3>Products</h3>
                      <a href="<?php echo $base_url; ?>/ranking/product.php" class="more-link">More <i class="fas fa-chevron-right"></i></a>
                    </div>
                    <div class="broker-products">
                      <a href="<?php echo $base_url; ?>/ranking/product.php" class="product-item">
                        <div class="product-icon android">
                          <img src="https://resources1.interface003.com/web20/img/head/android-icon.png">
                        </div>
                        <div class="product-info">
                          <h4>Trader Safety Android</h4>
                          <p>Global regulation inquiry APP</p>
                        </div>
                      </a>
                      <a href="<?php echo $base_url; ?>/ranking/product.php" class="product-item">
                        <div class="product-icon ios">
                          <img src="https://resources1.interface003.com/web20/img/head/ios-icon.svg">
                        </div>
                        <div class="product-info">
                          <h4>Trader Safety IOS</h4>
                          <p>Global regulation inquiry APP</p>
                        </div>
                      </a>
                      <a href="<?php echo $base_url; ?>/ranking/product.php" class="product-item">
                        <div class="product-icon pc">
                          <img src="https://resources1.interface003.com/web20/img/head/windows-icon.png">
                        </div>
                        <div class="product-info">
                          <h4>PC Client</h4>
                          <p>Global regulation inquiry desktop edition</p>
                        </div>
                      </a>
                    </div>
                  </div>
                  <div class="regulators-section" id="regulate">
                    <div class="section-header">
                      <h3>Popular Regulators</h3>
                    </div>
                    <div class="regulators-grid">
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Securities and Futures Commission of Hong Kong" class="regulator-item">SFC</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Australia Securities & Investment Commission" class="regulator-item">ASIC</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Financial Services Agency" class="regulator-item">FSA</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Financial Conduct Authority" class="regulator-item">FCA</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=National Commission for Companies and the Stock Exchange" class="regulator-item">CONSOB</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Central Bank of Russia" class="regulator-item">CBR</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Cyprus Securities and Exchange Commission" class="regulator-item">CYSEC</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Federal Financial Supervisory Authority" class="regulator-item">BaFin</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Autorité des Marchés Financiers" class="regulator-item">AMF</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=China Financial Futures Exchange" class="regulator-item">CFTEX</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Swiss Financial Market Supervisory Authority" class="regulator-item">FINMA</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Financial Markets Authority" class="regulator-item">FMA</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=National Bank of the Republic of Belarus" class="regulator-item">NBRB</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Financial Sector Conduct Authority" class="regulator-item">FSCA</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Taipei Exchange" class="regulator-item">TPEx</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Securities and Futures Bureau" class="regulator-item">SFB</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Financial Industry RegulatoryAuthority" class="regulator-item">FINRA</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Canadian Investment Regulatory Organization" class="regulator-item">CIRO</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Central Bank of Ireland" class="regulator-item">CBI</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Hong Kong Gold Exchange" class="regulator-item">HKGX</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Bank of Lithuania" class="regulator-item">LB</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Securities and Exchange Commission" class="regulator-item">SEC</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=BANQUE DU LIBAN" class="regulator-item">BDL</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Monetary Authority of Singapore" class="regulator-item">MAS</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Central Bank of the U.A.E" class="regulator-item">CBUAE</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Mwali International Services Authority" class="regulator-item">MISA</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Financial Crimes Enforcement Network" class="regulator-item">FinCEN</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=MajandusTegevuse Register" class="regulator-item">MTR</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Czech national bank" class="regulator-item">CNB</a>
                      <a href="<?php echo $base_url; ?>/1962610743.php?regulator=Securities Commission Malaysia" class="regulator-item">SCM</a>
                    </div>
                  </div>
                </div>
              </div>
            </li>

            <li class="nav-item">
              <a class="nav-link" href="<?php echo $base_url; ?>/quote.php">Market</a>
            </li>

            <li class="nav-item vps-dropdown-hover">
              <a class="nav-link" href="<?php echo $base_url; ?>/vps/vps.php">VPS</a>
              <div class="vps-dropdown-content">
                <a href="<?php echo $base_url; ?>/vps/vps.php">VPS</a>
                <a href="<?php echo $base_url; ?>/vps/trad_env.php">Trading environment ranking</a>
                <a href="<?php echo $base_url; ?>/vps/ea.php">EA</a>
                <a href="<?php echo $base_url; ?>/vps/positions.php">Long/Short Positions</a>
                <a href="<?php echo $base_url; ?>/vps/BurstData.php">Liquidation data</a>
                <a href="<?php echo $base_url; ?>/vps/earanking.php">EA Ranking</a>
                <a href="<?php echo $base_url; ?>/vps/distribution.php">Position distribution</a>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="<?php echo $base_url; ?>/discover.php">Community</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="<?php echo $base_url; ?>/global.php"><span class="skyline"><img src="<?php echo $base_url; ?>/assets/images/skylinehead.svg" style="height:20px;"></span></a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </header>

  <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=GoogleLanguageTranslatorInit" id="scripts-google-js" defer data-deferred="1"></script>
  <script src="<?php echo $base_url; ?>/assets/js/script.js"></script>

  <!-- Floating enquiry button (appears on every page via header include) -->
  <a href="<?php echo $base_url; ?>/footerlinks/inquiry.php" class="enquiry-float" title="Enquiry" target="_blank" rel="noopener" aria-label="Open enquiry">
    <i class="fas fa-headset" aria-hidden="true"></i>
  </a>

</body>

</html>