body {
      background-color: #ffffff;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      text-align: center;
    }

    /* Top nav bar */
    .nav {
      display: flex;
      justify-content: center;
      background-color: #6d6d6d;
      padding: 10px;
      gap: 10px;
    }
    .nav a button {
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
      background-color: #ddd;
      border: none;
      border-radius: 0;
      transition: background-color 0.3s ease;
    }
    .nav a button:hover {
      background-color: #ff6c20;
    }

    /* Section nav bars */
    .nav-bar {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      background-color: #6d6d6d;
      padding: 10px;
      gap: 10px;
    }
    .nav-btn {
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
      background-color: #ddd;
      border: none;
      border-radius: 0;
      transition: background-color 0.3s ease;
    }
    .nav-btn:hover {
      background-color: #ff6c20;
    }

    /* Custom dropdowns */
    .country-bar {
      display: flex;
      justify-content: center;
      background-color: #6d6d6d;
      padding: 10px;
      gap: 10px;
      flex-wrap: nowrap;
    }
    .custom-dropdown {
      position: relative;
      display: inline-block;
      cursor: pointer;
      width: auto; 
      text-align: left;
    }
    .custom-dropdown .selected {
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
      background-color: #ddd;
      border: none;
      border-radius: 0;
      transition: background-color 0.3s ease;
      display: flex;
      align-items: center;
    }
    .custom-dropdown .selected:hover {
      background-color: #ff6c20;
    }
    .custom-dropdown .selected img {
      height: 20px;
      width: auto;
      margin-right: 10px;
    }
    .custom-dropdown .options {
      display: none;
      position: absolute;
      background-color: #ddd;
      border: 1px solid #ddd;
      width: 100%;
      max-height: 200px;
      overflow-y: auto;
      z-index: 1;
    }
    .custom-dropdown .options.show {
      display: block;
    }
    .custom-dropdown .option {
      display: flex;
      align-items: center;
      padding: 5px;
      cursor: pointer;
    }
    .custom-dropdown .option:hover {
      background-color: #f0f0f0;
    }
    .custom-dropdown .option img {
      height: 20px;
      width: auto;
      margin-right: 10px;
    }

    /* Logo */
    .logo {
      margin-top: 70px;
    }

    /* Page text */
    .content {
      margin-top: 20px;
      font-size: 16px;
    }

    /* Grey section */
    .grey-section {
      background-color: #6d6d6d;
      padding: 10px;
      border: none;
    }