/* Basic Reset */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: Arial, sans-serif;
    }

    /* Header & Nav */
    header {
      background-color: #004080;
      padding: 10px 20px;
    }

    .navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1200px;
      margin: 0 auto;
    }

    .navbar .logo img {
      height: 60px;
    }

    .navbar ul {
      list-style: none;
      display: flex;
      gap: 25px;
    }

    .navbar ul li {
      position: relative;
    }

    .navbar ul li a {
      color: white;
      text-decoration: none;
      padding: 8px 12px;
      display: block;
    }

    .navbar ul li:hover > ul {
      display: block;
    }

    /* Dropdown */
    .navbar ul li ul {
      display: none;
    position: absolute;
    background-color: #005bb5;
    padding: 0;
    margin: 0;
    z-index: 1000;
	width: 100%;
    }

    
    .navbar ul li ul li a {
      padding: 10px 15px;

}

	  
    }

    .navbar ul li ul li a:hover {
      background-color: #005bb5;
	  display: block;
    }
	
	.menu-arrow
{
	position: absolute;
  left: 180px;
  
  font-size: 16px;

}

    /* Hamburger (mobile) */
    .menu-toggle {
      display: none;
      flex-direction: column;
      cursor: pointer;
      gap: 5px;
    }

    .menu-toggle span {
      height: 3px;
      width: 25px;
      background-color: white;
      border-radius: 2px;
    }

    /* Mobile Styles */
    @media (max-width: 768px) {
      .navbar ul {
        display: none;
        flex-direction: column;
        background-color: #004080;
        width: 100%;
      }

      .navbar ul.show {
        display: flex;
      }

      .menu-toggle {
        display: flex;
      }

      .navbar ul li {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
      }

      .navbar ul li ul {
        position: relative;
        background-color: #005bb5;
      }

      .navbar ul li:hover > ul {
        display: block;
      }

      
	  
			  .menu-arrow
		{
			position: absolute;
		  left: 80%;
		  
		  font-size: 16px;

		}
		
		.menu-container {
		  max-height: 500px; /* မျှတတဲ့အမြင့် */
		  overflow-y: auto;  /* vertical scroll bar ပေါ်အောင်လုပ်တယ် */
}

.has-dropdown .dropdown-menu {
 
   display: block;
    left: 0;
}

.has-dropdown.open .dropdown-menu {
  display: block;
  left: 0;
}



    }