/* Ensuring the body and all major sections are styled properly */
body {
  background-color: black;
  font-size: 1.7rem;
  color: white;
  /* Ensures text is visible against the dark background */
}

.jumbotron {
  background-color: black;
  color: #fff;
}

.custom-select-lg {
  font-size: 3rem;
  line-height: 1.2;
  padding: .5rem 1rem;
  height: auto;
}

.jumbotron h1 {
  margin-top: 40px;
  font-family: 'Montserrat', sans-serif;
  color: magenta;
  font-weight: 700;
}

/* Additional styles for descriptive text */
.multilingual-description,
.main-description {
  font-size: 2rem;
  /* Adjust font size as needed */
  margin-top: 30px;
  border: 2px solid magenta;
  border-radius: 10px;
  padding: 20px;
  background-color: black;
  color: #fff;
}

/* Styles to ensure image container behaves as expected */
.main-image .container {
  display: flex;
  justify-content: center;
  /* Center horizontally */
  align-items: center;
  /* Center vertically */
}

.main-image img {
  max-width: 100%;
  /* Ensures image is responsive and does not overflow */
  height: auto;
  /* Maintains aspect ratio */
  border: 30px solid white;
  /* Styling for border */
}

/* Responsive settings for different screen sizes */
@media (max-width: 768px) {
  .main-image .container {
    flex-direction: column;
    /* Stack elements vertically on smaller screens */
  }
}

/* Optional: Hover effect for zooming on the image */
.zoom-image:hover {
  transform: scale(1.2);
  /* Zoom effect on hover */
  transition: transform 0.9s ease;
  /* Smooth transition for zoom effect */
}