@charset "UTF-8";
/* Project Content Slides block CSS Document */

.project-lg-img-sm-img{
	height:auto;
}

.project-lg-img-sm-img .carousel.slide{
	top: 0;
}

.project-lg-img-sm-img .right-slide{
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	height:100vw;
	margin:0 10%;
}
@media screen and (min-width:768px){
	.project-lg-img-sm-img{
		height:100vh;
	}
	.project-lg-img-sm-img .carousel.slide{
		top: 12.5%;
		padding-bottom:12.5vh;
	}
	.project-lg-img-sm-img .right-slide{
		height:75vh;
	}
}

.carousel-indicators{
	margin-bottom:30px;
}
@media screen and (min-width:768px){
	.carousel-indicators{
		margin-bottom:100px;
	}
}

.carousel-indicators [data-bs-target]{
    border-radius: 100%;
    width: 12px;
    height: 12px;
	margin-left:4px;
	margin-right:4px;
}

.carousel .carousel-indicators button {
   width: 12px;
   height: 12px;
   border-radius: 100%;
 }


.carousel-control-prev {
    left: 50%;
	margin-left:-40px;
}
.carousel-control-next {
    right: 50%;
	margin-right:-40px;
}
.carousel-control-next, .carousel-control-prev {
    top: auto;
    bottom: 3em;
    width: 30px;
	height:30px;
    opacity: .5;
    border-radius: 30px;
    transition: opacity .15s ease;
	display:none;
}

.carousel-control-next-arrow, .carousel-control-prev-arrow {
	display: inline-block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	text-align: center;
	vertical-align: middle;
	width: 12px;
}
@media screen and (min-width:768px){
	.carousel-control-prev, .carousel-control-next{
		display:flex;
	}
}