.owl-nav button {
  position: absolute;
  top: 50%;
  background-color:#f58634;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;

}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height:8px;
  border-radius:10px;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color:#f0a624;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0) !important;
}
.owl-nav span{
    font-size:0px;    
    position: relative;
    top: -5px;
    color:#FF6800;
}

.owl-dots button.owl-dot{width:10px; height:10px; background:none;}
.owl-dots button.owl-dot.active {width:10px; height:10px; background:none;}

 
#our-beyond .owl-dots button.owl-dot{margin:0px;}
#our-beyond  .owl-dots .owl-dot {width: 100%;}
#our-beyond .owl-dots, .owl-carousel .owl-nav {display:flex;align-items: center;flex-wrap: nowrap;margin-top: 0;width:60%;margin-left:40%;}
#our-beyond  .owl-dots .owl-dot span {width: 100%;height:4px;margin-left:0px;background: #E9E9E9;display: block;-webkit-backface-visibility: visible;transition: opacity 0.2s ease;}
#our-beyond  .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
background:#f0703a; border-radius: 35px;}
#our-beyond .owl-nav span{background:none;width:42px;height:42px;line-height:38px;display: block;	border-radius:10px; position: relative;}
#our-beyond   .owl-nav button.owl-prev {right:60px;left: initial;}
#our-beyond  .owl-nav button.owl-next {right:20px;left: initial;}
#our-beyond  .owl-nav button{top:initial; bottom:-80px;}
#our-beyond  .owl-nav button.owl-prev span::after {background: url(next-arrow-h.png) no-repeat;background-repeat: no-repeat;content: "";width:44px;height:25px; background-size:34px;display: inline-block; position: absolute; left:8px; top:14px;}
#our-beyond  .owl-nav button.owl-next span::after{background: url(prev-arrow-h.png) no-repeat;background-repeat: no-repeat;content: "";width:44px;height:25px; background-size:34px;display: inline-block; position: absolute; left:8px; top:14px;}
 
 
 #classroom-slider .owl-dot{display:none;}
#classroom-slider .item {opacity:0.96;  transform: scale(0.9); transition: all 1s ease-in-out; z-index:2;}
#classroom-slider .item:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 100%;background:rgb(255,255,255,.44);z-index: 1;}
#classroom-slider .owl-item.active.center .item {opacity:1; transform: scale(1); display:block; position:relative; transform: scale(1);}
#classroom-slider .owl-item.active.center .item:after{background:rgb(255,255,255,.0);}
#classroom-slider .owl-nav span{background:#ffffff; width:42px;height:42px;line-height:38px;display: block;	border-radius:100%; position: relative;}
#classroom-slider  .owl-nav button.owl-prev {right:initial;left:14%;}
#classroom-slider .owl-nav button.owl-next {right:14%;left: initial;}
#classroom-slider .owl-nav button.owl-prev span::after {background-color:#1fbdb6; background: url(next-arrow.png) no-repeat;background-repeat: no-repeat;content: "";width:44px;height:25px; background-size:24px;display: inline-block; position: absolute; left:10px; top:16px;}
#classroom-slider .owl-nav button.owl-next span::after{background: url(prev-arrow.png) no-repeat;background-repeat: no-repeat;content: "";width:44px;height:25px; background-size:24px;display: inline-block; position: absolute; left:10px; top:16px;}
#classroom-slider .owl-nav button.owl-prev:hover span::after {background: url(next-arrow-h.png) no-repeat;background-repeat: no-repeat;content: "";width:44px;height:25px; background-size:24px;display: inline-block; position: absolute; left:10px; top:16px;}
#classroom-slider .owl-nav button.owl-next:hover span::after{background: url(prev-arrow-h.png) no-repeat;background-repeat: no-repeat;content: "";width:44px;height:25px; background-size:24px;display: inline-block; position: absolute; left:10px; top:16px;}
 


@media screen and (max-width:880px) {

#classroom-slider .owl-nav span{background:#ffffff; width:32px;height:32px;line-height:30px;display: block;	border-radius:100%; position: relative;}
#classroom-slider  .owl-nav button.owl-prev {right:initial;left:16%;}
#classroom-slider .owl-nav button.owl-next {right:16%;left: initial;}
#classroom-slider .owl-nav button.owl-prev span::after {background-size:18px; left:6px; top:13px;}
#classroom-slider .owl-nav button.owl-next span::after{background-size:18px; left:6px; top:13px;}
#classroom-slider .owl-nav button.owl-prev:hover span::after {background-size:18px; left:6px; top:13px;}
#classroom-slider .owl-nav button.owl-next:hover span::after{background-size:18px; left:6px; top:13px;}

	
}