.left-column {
    flex: 1;
    padding: 10px;
    background-color: #fcfcfe;
    flex-direction: column;
    justify-content: space-between; /* To space out the two sections */
}

.technical-text-section {
  padding-top: 20px;
  }

.video-proposal-section {
  padding-top: 20px;
}

.content-header-container {
  display: flex;         /* Make it a flex container */
  justify-content: space-between; /* Align children horizontally with space between */
  align-items: center;   /* Center children vertically */
  margin-bottom:10px;
}

.carousel-video-placeholder {
  display: flex;
  align-items: center;
  text-align:center;
  justify-content: center;
  font-style: italic;
  color: #7f8c9a; /* Lighter color to indicate it's a placeholder */
  font-size: 1.5rem; /* Larger font size for visibility */
  padding: 10px;
  border: 2px dashed #7f8c9a; /* Dashed border to look different from other elements */
  margin-bottom:40px;
  height: 300px; /* Set a minimum height for the placeholder */
  box-sizing: border-box; /* Make sure padding and border are included in the height */
}


.carousel {
  position: relative;
  max-width: 800px; /* Adjust as needed */
  margin: auto;
}

.carousel-video-container {
  position: relative;
  width: 100%; /* Full width of the container */
  height: 300px; /* Fixed height for the video */
  overflow: hidden; /* Ensures videos outside this container are not shown */
}

.carousel-video {
  position: absolute; /* Absolute positioning within the container */
  top: 0;
  left: 0; /* Start at the top-left corner */
  width: 100%; /* Full width of the container */
  height: 100%; /* Full height of the container */
  opacity: 0; /* Start with videos transparent */
  transition: opacity 1s; /* Transition for the opacity */
  display: none; /* Hide all videos by default */
}

.carousel-video.active {
  display: block; /* Only the active video is displayed */
  opacity: 1; /* Active video is fully visible */
}





.carousel-controls {
  display: flex; /* Use flexbox to layout controls */
  justify-content: center; /* Center the items horizontally */
  align-items: center; /* Center the items vertically */
  margin-top:10px;
}

.carousel-button {
  padding: 16px 60px; /* Increase padding to make buttons wider */
  font-size: 1em; /* Adjust font size for arrow symbols */
  background-color: #4459AA; /* Consistent theme color */
  color: white; /* White color for the text */
  border: none;
  border-radius: 5px; /* Rounded corners */
  transition: background-color 0.3s; /* Smooth transition for hover effect */
  margin: 0 10px; /* Adjust margin to create space around buttons */
}

.carousel-button:hover {
  background-color: #5671bc; /* Lighter blue on hover */
  cursor: pointer;
}

.carousel-counter {
  font-size: 1em;
  color: #4459AA; /* Theme color */
  background-color: #f0f0f0; /* Light background to make it stand out */
  border: 1px solid #4459AA; /* Border to highlight the counter */
  border-radius: 5px; /* Rounded corners for the counter */
  padding: 16px 16px; /* Padding inside the counter */
  min-width: 200px; /* Minimum width for the counter */
  text-align: center;
}