/*
 * Target both <img> and <svg> elements inside the navbar
 * to make them circular.
 */
.navbar-nav .nav-link img,
.navbar-nav .nav-link svg {
  border-radius: 50%;   /* This is the key property that creates the circle */
  object-fit: cover;      /* For the <img> tags, this ensures the flag image fills the circle without being stretched */
  display: block;         /* Ensures the element behaves like a block for consistent rendering */
}