/* CSS Document */

.carousel-content {
	z-index: 4;
	position: relative;
}
.carousel-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: inherit;
    z-index: 2;
    top: 0;
    outline: none;
}

.carousel-item::after {
    content: '';
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: inherit;
    z-index: 3;
    outline: none;
}
.carousel-indicators {
    z-index: 5;
}
.carousel-item .embed-responsive-item {
    width: 100%;
}
.carousel-control-prev,
.carousel-control-next {
    z-index: 5;
}
.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #1D1D1D;
}
@media (max-width:1023px){
    .carousel-content .text-white {
        color: unset !important;
    }
	.carousel-content .text-color-none,
	.carousel-content .text-color-none a {
		color: inherit !important;
	}
    .carousel-indicators [data-bs-target]{
        background-color: var(--bs-primary);
    }
}
@media (max-width:1024px){
	.carousel-content .container {
		max-width: 100%;
		text-align: center;
	}
	.carousel-indicators {
		position: relative;
	}
	.carousel-indicators [data-bs-target] {
		background-color: #1D1D1D;
	}
	.carousel-caption {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		color: #131313;
		bottom: auto;
	}
}
@media (min-width:1024px) {
	.carousel-item.bg-black-20::after {
		background-color: rgba(0,0,0,0.20);
	}
	.carousel-item.bg-black-30::after {
		background-color: rgba(0,0,0,0.30);
	}
	.carousel-item.bg-black-40::after {
		background-color: rgba(0,0,0,0.40);
	}
	.carousel-item.bg-white-20::after {
		background-color: rgba(255,255,255,0.20);
	}
	.carousel-item.bg-white-30::after {
		background-color: rgba(255,255,255,0.30);
	}
	.carousel-item.bg-white-40::after {
		background-color: rgba(255,255,255,0.40);
	}
	.carousel-content {
		position: absolute;
		width: 100%;
		top: 0;
		height: 100%;
	}
}