.carousel {
				position: relative;
				width: 100%;
                min-height: 45vh;
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}
			
			/*@media(min-width: 1280px) {*/
   /*            .carousel, .carousel-item{*/
   /*                 min-height: 70vh;*/
   /*               }*/
   /*           }*/
            @media(max-width: 900px) {
                .carousel{
                    min-height: 50vh;
                  }
              }
               @media(max-width: 500px) {
                .carousel{
                    min-height: 70vh;
                  }
              }


			.carousel-item {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
                height:45vh;
				opacity: 0;
				transition: opacity 1s linear;
				background-repeat: no-repeat;
				clear: both;
			}

			.carousel-item.active {
				opacity: 1;
			}

			.carousel-text {
				position: absolute;
				left: 50%;
				top: 30%;
				transform: translateX(-50%);
				width: 80%;
				padding: 20px;
				background-color: rgba(0, 0, 0, 0.6);
				color: #fff;
				text-align: center;
				font-size: 2.5rem;
				line-height: 1.5;
				border-radius: 10px;
			}

			.carousel-nav {
				position: absolute;
				left: 50%;
				bottom: 10%;
				transform: translateX(-50%);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 99;
			}

			.carousel-nav button {
				width: 10px;
				height: 10px;
				border-radius: 50%;
				border: none;
				margin: 0 10px;
				background-color: #fff;
				cursor: pointer;
				transition: all 0.3s ease;
			}

			.carousel-nav button.active {
				width: 20px;
				background-color: #ffcc33;

			}