/* Custom styles to fix the play button size and spacing */
#banner .play {
  position: relative;
  transform: none;
  left: 5%;
  top: auto;
  width: unset;
  display: flex;
  align-items: flex-end;
  text-align: left;
  justify-content: center;
  margin: auto;
}

#banner .play img {
  margin: 0;
  width: 110px; /* Increase the image size significantly to match the screenshot */
  height: 250px; /* Increase the image size significantly to match the screenshot */
}

#banner .play span {
  display: block;
  margin-bottom: 90px; /* Increase bottom margin for better positioning */
  font-size: 20px; /* Larger font size */
  margin-left: 15px; /* Add more spacing between the icon and text */
  font-weight: bold; /* Make text more prominent */
}

/* Media query for mobile devices */
@media (max-width: 767px) {
  #banner .play {
    margin: auto;
  }

  #banner .play img {
    width: 90px; /* Slightly smaller on mobile but still much larger than before */
    height: 90px;
  }

  #banner .play span {
    display: none; /* The original CSS already hides this on mobile */
  }
}