#carousel {
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
      border-radius: 10px;
      background-color: #f8f9fa;
      overflow: hidden;
    }

    .indicator {
      width: 14px;
      height: 14px;
    }

    .indicator:hover {
      transform: scale(1.3);
      transition: transform 0.2s ease-in-out;
    }

    #prevBtn, #nextBtn {
      width: 50px;
      height: 50px;
      border-radius: 50%;
    }

    .carousel-title {
      font-size: 1.5rem;
      font-weight: bold;
    }

    .carousel-description {
      font-size: 0.875rem;
      text-align: center;
      max-width: 75%;
      line-height: 1.5;
    }

    .fade {
      opacity: 0;
      transition: opacity 0.9s ease-in-out;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .fade.active {
      opacity: 1;
      position: relative;
    }