.media-content iframe {
  width: 100%; /* Full width */
  aspect-ratio: 16 / 9; /* Maintains a 16:9 ratio */
  max-width: 100%; /* Max width to prevent scaling beyond 530px */
  height: auto; /* Automatically adjusts height based on width */
  background: black;
}

.photo-credit {
  position: absolute;
  font-size: 12px;
  color: rgba(216, 216, 216, 0.957) !important;
  text-decoration: none;
  bottom: 5px;
  z-index: 10000;
  margin: 0px;
  right: 10px;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.52));
}

.hero-credit {
  bottom: unset;
  top: 5px;
}

.media-credit {
  position: relative;
  text-align: right;
  top: unset;
  right: unset;
  bottom: unset;
  line-height: 1.5;
  font-size: 12px;
}

.inner {
  position: relative;
}

.join-us-section h3 {
  display: inline-block;
  position: relative;
}

.join-us-section h3:after {
  content: "";
  position: absolute;
  width: 100%; /* Set width to full, we'll manipulate with transform */
  height: 3px;
  background: black;
  bottom: 0;
  left: 0;
  transform: scaleX(0); /* Start with no underline */
  transform-origin: left; /* Ensure it draws and disappears from left to right */
  transition: transform 0.5s ease; /* Smooth transition */
}

.slb_content img {
  max-width: 100vw;
  object-fit: contain;
}

.join-us-section.h3-animate h3:after {
  transform: scaleX(1); /* Full underline from left to right */
  transform-origin: left; /* Ensure it draws and disappears from left to right */
}

.join-us-section.h3-animate-remove h3:after {
  transform: scaleX(0); /* Disappear from left to right */
  transform-origin: right; /* Ensure it draws and disappears from left to right */
}

#joinus {
  min-height: 251px;
}

.slbOverlay,
.slbContent {
  transition: opacity 0.2s ease-in-out !important; /* Change this value for faster close */
}