/* Center the language switcher container */
.language-switch-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Space between the labels */
  }
  
  /* Hide the radio buttons */
  .language-switch-container input[type="radio"] {
    display: none;
  }
  
  /* Style the labels */
  .language-switch-container label {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
  }
  
  /* When 'BM' is selected */
  #toggle-malay:checked + label[for="toggle-malay"] {
    color: #007bff; /* Blue for BM */
    transform: scale(1.1); /* Slightly increase size on selection */
  }
  
  /* When 'EN' is selected */
  #toggle-english:checked + label[for="toggle-english"] {
    color: #28a745; /* Green for EN */
    transform: scale(1.1); /* Slightly increase size on selection */
  }
  
  /* Add hover effect */
  .language-switch-container label:hover {
    color: #007bff;
    transform: scale(1.1);
  }
  
  /* Optional: Style the container for spacing */
  .language-switch-container {
    margin: 10px 0;
  }