.carousel {
  padding-top: 60px;
  position: relative;
}

.custom-carousel-controls {
  height: 0px;
  z-index: 9999;
  top: 0px;
  right: 0px;
  color: black;
}
.custom-carousel-controls .pagintaion {
  display: inline-block;
}
.custom-carousel-controls .nav {
  display: block;
  height: 0px;
}
@media (max-width: 630px){
    .custom-carousel-controls .nav {
        display: none;
    }
}
.custom-carousel-controls .nav > div {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  /* background-color: #ccc; */
  text-align: center;
  cursor: pointer;
  z-index: 999;
}
.custom-carousel-controls .nav > div:first-child {
  margin-right: 1px;
  z-index: 999;
}
.custom-carousel-controls .nav > div:hover {
  /* background-color: black; */
  color: #72b721;
  transition: 0.4s;
}
.custom-carousel-controls .dots {
  display: inline-block;
  z-index: 999;
}
.custom-carousel-controls .owl-dot {display: inline-block;}
.custom-carousel-controls .owl-dot span {display: block;margin-left: 10px;width: 15px;height: 15px;/* border: solid 1px #CCCCCC; *//* background-color: white; */cursor: pointer;}
.custom-carousel-controls .owl-dot.active span {
  background-color: rgb(3, 169, 244);
  border: solid 1px rgb(3, 169, 244);
}