.carousel-section{
background-color: #F8F8F8;
}
  .container {
    max-width: 1150px !important;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px !important;
}
.carousel-wrap {
  margin: 100px auto;
  padding: 0 3%;
  width: 100%;
  position: relative;
}

.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 40px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}
.black-box{
  max-width: 340px;
  height: 470px;
  width: 100%;
  background-color: #272727;
  padding: 30px;
  height: auto;
  margin: 0 auto;
}
.black-box img{
  width: 45px !important;
  padding-bottom: 20px;
}
.black-box p{
 color:#d1d1d1 !important;
 font-size: 18px;
 line-height: 28px;
}
.orange{
  color: #fc8e26;
}
.testimonial p{
  font-size: 15px;
  line-height: 22px;
  padding-left: 10px;
} 
 .owl-carousel .owl-drag .owl-item{
  max-width: 320px !important;
  width: 100% !important;
}
/* .owl-item{
  max-width: 304px !important;
  width: 100% !important;
}  */
@media (max-width:585px) {
  .carousel-wrap{
    margin-top: 30px !important;
        margin-bottom: 30px !important;
    padding: 15px !important;
    max-width: 310px !important;
  }
  .owl-prev {
    display: none;
}

.owl-next {
  display: none;
}
}
.owl-nav .owl-prev {
  left: -30px !important;
  color: #fc8e26;
}
.owl-nav .owl-next {
  right: -30px !important;
  color: #fc8e26;
}
@media (max-width: 991px) {
  .owl-nav{
    display: none; 
  }
  .testimonial p{
  font-size: 12px !important;
  line-height: 17px !important;
} 
}
/* @media (min-width: 1045px) {
  
.card-1-para{
padding-bottom: 14% !important ;
}
.card-2-para{
padding-bottom: 38% !important ;
}
.card-3-para{
padding-bottom: 1% !important ;
  } */
}
@media (min-width:991px) and (max-width:1045px) {
  .black-box{
    height: 480px !important;
  }
/*   .card-1-para{
padding-bottom: 14% !important ;
}
.card-2-para{
padding-bottom: 31% !important ;
}
.card-3-para{
padding-bottom: 1% !important ;
  } */
}
@media (min-width:768px) and (max-width:991px) {
  .black-box{
    height: 540px !important;
   }/*
  .card-1-para{
padding-bottom: 14% !important ;
}
.card-2-para{
padding-bottom: 38% !important ;
}
.card-3-para{
padding-bottom: 8% !important ;
  } */
}
  .fix-height{
    padding-bottom: 20px;
  }
  @media (min-width: 991px) and (max-width: 1045px){
.owl-item .black-box {  
   height: 535px !important;
}
  }
    @media (min-width: 768px) and (max-width: 991px){
.owl-item .black-box {
     height: 605px !important;
}
  }
@media (max-width: 768px){
    .carousel-section .commas{
      width: 35px !important;
    }
  }
 .black-box{
    height: 480px;
  }
  @media (max-width: 767px){
    .black-box {
    height: auto !important;
}
  }