
h2 {
color: #333;
text-align: center;
text-transform: uppercase;
  font-family: 'Noto Sans', sans-serif;
font-weight: bold;
position: relative;
margin: 30px 0 60px;
}

.col-center {
margin: 0 auto;
float: none !important;
}
.carousel {
margin: 50px auto;
padding: 0 70px;
}
.carousel-item {
color: #999;
font-size: 14px;
  text-align: center;
overflow: hidden;
  min-height: 290px;
}
.carousel .item .img-box {
  height: 30vh; width: 30%;
margin: 0 auto;
padding: 5px;
border: 1px solid #ddd;
border-radius: 50%;
}
.carousel .img-box img {
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
}
.carousel .testimonial {
padding: 30px 0 10px;
font-size: 15px;
color: #000;
font-weight: 500;
}
.carousel .overview {	
font-style: italic;
font-size: 15px;
color: #000;
font-weight: 500;
}
.carousel .overview b {
text-transform: uppercase;
color: #FFAE58;
}
.carousel .carousel-control {
width: 40px;
  height: 40px;
  margin-top: -20px;
  top: 50%;
background: none;
}
.carousel-control i {
  font-size: 68px;
line-height: 42px;
  position: absolute;
  display: inline-block;
color: rgba(0, 0, 0, 0.8);
  text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel .carousel-indicators {
bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
width: 10px;
height: 10px;
margin: 1px 3px;
border-radius: 50%;
}
.carousel-indicators li {	
background: #999;
border-color: transparent;
box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
background: #555;		
box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
@media(max-width: 991px) {
.carousel .item .img-box {
  height: 100%; width: 100%;
margin: 0 auto;
padding: 5px;
border: 1px solid #ddd;
border-radius: 50%;
}
        }