.carousel {
    position: relative;
    overflow: hidden;
}

.carousel-inner {
    position: relative;
    height: 100vh;
	padding-right:45px;
	padding-bottom:80px;
}

.carousel-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

/* Active slide */
.carousel-item.active {
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
}
.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.carousel-indicators {
    position: absolute;
    left: 0;
    top: 30px;
    bottom: auto !important; 
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-left: 2em !important;
    margin-right: 2em !important;
    list-style: none;
}

.carousel-indicators [data-bs-target] {
    text-indent: 0 !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 22px !important;
    border: 0 !important;
    cursor: pointer;
	opacity:.7;
	font-size:18px !important;
}
.carousel-indicators [data-bs-target].active, .carousel-indicators [data-bs-target]:hover{
	opacity:1;
}

.carousel-indicators [data-bs-target] span {
    padding: .6em 0 !important;
    border-top: 1px solid white !important;
    color: white !important;
    text-align: left;
    width: 100% !important;
    height: 22px !important;
    display: block;
}

.carousel-indicators [data-bs-target]:last-child span {
    border-right: 0 !important;
}

.carousel-indicators.custom-indicators button:first-child span {
    padding-left: 0 !important;
}

.carousel-caption {
    position: absolute;
    left: 2em !important;
    bottom: 150px !important;
    top: auto !important;
    text-align: left !important;
    z-index: 3;
	padding-right:20px;
}

.carousel-inner h1 {
    color: white !important;
    font-size: 40px !important;
	line-height:1.15 !important;
	 text-transform: capitalize !important;
	margin-bottom:15px !important;
}
.carousel-inner p {
    font-size: 21px !important;
    line-height: 1.22 !important;
	color:white !important;
	margin-bottom:30px !important;
}
.carousel-inner p.carousel-caption-text{
	margin-bottom:0 !important;
}
@media only screen and (min-width: 550px) {
    .carousel-inner {
        height: 87vh;
    }
    .carousel-caption {
        max-width: 70vw !important;
        left: 30px !important;
        bottom: 0 !important;
    }
    .carousel-indicators {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .carousel-indicators [data-bs-target] {
        display: flex !important;
        margin-bottom: 0.5rem !important;
        width: auto !important;
		font-size:15px !important;
		
    }
    .carousel-indicators [data-bs-target] span {
        padding: 0 2em !important;
        border-top: 0 !important;
        border-right: 1px solid white !important;
        width: auto !important;
    }
	.carousel-inner h1 {
    color: white !important;
    font-size: 50px !important;
	line-height:1.2 !important;
	 text-transform: capitalize !important;
	margin-bottom:5px !important;
}
.carousel-inner p {
    font-size: 22px !important;
    line-height: 1.25 !important;
	color:white !important;
	margin-bottom:30px !important;
}


}

@media only screen and (min-width: 800px) {
    .carousel-inner {
        height: 84vh;
    }
    .carousel-caption {
        max-width: 65vw !important;
    }
    .carousel-indicators [data-bs-target] span {
       padding: 0 2em 0 1.2em !important;
    }
	.carousel.slide .carousel-inner{
    margin-right: 15px !important;
}
	    .carousel-inner h1 {
    font-size: 68px !important;
	line-height:1.21 !important;
    }
	.carousel-inner p {
    font-size: 28px !important;
    line-height: 1.3 !important;

}
}
@media only screen and (min-width: 920px) {
    .carousel-inner {
        height: 84vh;
    }
}

@media only screen and (min-width: 1200px) {
    .carousel-inner {
        height: 83vh;
    }
	    .carousel-caption {
        max-width: 50vw !important;
    }
			.carousel.slide .carousel-inner{
    margin-right: 30px !important;
}
}