/* Container for the Mac user trigger */
.mac-user-container {
  position: relative;
  display: block; /* This ensures the container is only as wide as the text */
}

/* Target the specific element - hidden by default */
#mac-user-info {
  display: none !important;
  position: absolute;
  z-index: 1000;
  width: 650px;
  top: 100%;
  left: 50%; /* Position from the middle of the container */
  transform: translateX(-50%); /* Shift back by half the width of the tooltip */
  margin-top: 5px;
}

/* When active class is present, override the display property */
#mac-user-info.active {
  display: flex !important;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  #mac-user-info {
    width: 90vw; /* Use 90% of viewport width on smaller screens */
    max-width: 650px;
  }
}

  .features-footer{
    margin-top: 0;
  }