/* Modify this to match your existing styles */
.social-icons {
  text-align: center;
  display: inline!important;
}

.social-icons .navbar-social-icons {
  align-items: center; /* Align items vertically in the center */
  justify-content: flex-end; /* Push items to the right */
  height: 50%; /* Make sure the container takes full height */
  min-width: 120px; /* Set a minimum width for the container */
}

.social-icons .social-icon {
  font-size: 24px; /* Adjust the font size to match the desired height */
  margin: 0 3px;
  padding: 0;
  width: 24px; /* Set the width to match the desired height */
  height: 24px; /* Set the height to match the desired height */
  text-align: center;
  line-height: 24px; /* Set the line height to match the desired height */
  transition: color 0.3s; /* Add smooth color transition on hover */
  /* Optional: If you want to remove the default link underline */
  text-decoration: none;
}