.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  background-size: cover;
}
.carousel-caption {
  bottom: 70%;
  transform: translateY(50%);
  text-align: center;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.carousel-caption h1 {
  font-size: 3rem;
  color: white;
}

.carousel-text{
  display: flex;
  justify-content: space-between;
  width: 100%; /* Ensures responsive width */
  max-width: 200px; /* Adjust this value as needed */
  margin-bottom: 10px; /* Adjust spacing as needed */
}


.carousel-caption p {
  font-size: 1.5rem;
  color: white;
}
.scroll-indicator {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-align: center;
}
.scroll-indicator .scroll-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 1rem;
  margin-bottom: 10px;
}
.scroll-indicator::after {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: white;
  margin: 5px auto 0;
}
.left-text {
  position: absolute;
  bottom: 20px;
  left: 3%;
  color: white;
  font-size: 2rem;
  text-align: left;
  line-height: 2.5rem;
}
.carousel-indicators {
  position: absolute;
  bottom: 130px; /* Adjust as needed to move above the scroll line */

  display: flex;
  justify-content: center;
  gap: 10px;
}
.carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid white;
  background-color: transparent;
}
.carousel-indicators .active {
  background-color: white;
}

/*carousel font style*/

.carousel-title h1{
  font-weight: 900;
  letter-spacing: 0.5rem;
}

.carousel-second-title{
  font-size:19px;
  letter-spacing: 4px;
  text-align: center;

}