.carousel {
position: relative;
}
.carousel-item {
width: 100%; padding-top: 46.25%;
background-size: cover;
background-position: center;
position: relative;
border-radius: 3px; overflow: hidden;   }
.carousel-caption {
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.5);
padding: 10px;
border-radius: 0px;
width: 100%;
text-align: left;
}
.pbtn {
text-align: right;
}
.carousel-caption h3 a {
color: #fff;
}
.carousel-control-prev,
.carousel-control-next {
position: absolute; top: 0%; transform: translateY(-0%); width: 5%; height: 10%; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex;
align-items: center;
justify-content: center;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
background-color: rgba(0, 0, 0, 0.5); }
.carousel-control-prev-icon,
.carousel-control-next-icon {
width: 20px; height: 20px; }