.carousel-overlay {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  color: white;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
}
.carousel-overlay h1 {
  font-size: 3rem;
}
.btn-success {
  display: flex;
  background: linear-gradient(90deg, #8a020b, #240404);
  border: none;
}

.container-fluid{
    background-color: rgb(122, 18, 18);
    padding: 10px;
}
.carousel-item{
    max-height: 800px;
    object-fit: contain;
    width: 60%
}
.carousel-item img {
    width: 100%;
    height: 800px; /* taller height */
    object-fit: cover; /* keeps shape but shows more image since it's taller */
    border-radius: 10px;
  }

  .ryandidit{
    display: flex;
    justify-content: center;

  }

  .carousel {
    max-width: 100%;
    margin: 0 auto;
  }
  .img2{
    object-fit: contain;
  }
    .scroll {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
  }

  .scroll span {
    display: inline-block;
    padding-left: 100%;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    font-size: xx-large;
    animation: scroll-text 200s linear infinite;
  }

  @keyframes scroll-text {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
body {
  background-color: #fff5f5;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(122, 18, 18) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(122, 18, 18) 0%, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(122, 18, 18) 0%, transparent 40%);
  background-repeat: no-repeat;
  background-size: 80% 80%;
  animation: moveWaves 20s ease-in-out infinite alternate;
}

/* Animation keyframes */
@keyframes moveWaves {
  0% {
    background-position: 0% 0%, 100% 100%, 50% 50%;
  }
  50% {
    background-position: 50% 60%, 60% 40%, 40% 60%;
  }
  100% {
    background-position: 100% 0%, 0% 100%, 50% 50%;
  }
}

.wello{
  display: flex;
  justify-content: center;
  align-content: center;
}


body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}


::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: rgb(122, 18, 18);
    border-radius: 4px;
}
section {
    scroll-margin-top: 80px;
}

.bow{
  display: flex;
  justify-content: center;
  align-items: center;
}


