.hero-slider {
  position: relative;
}
.single-hs-item {
  height: 700px;
  background-size: cover;background-position: center center;position: relative;}
.single-hs-item:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;opacity: .2;}
.item-bg1 {
background-image: url('../../images/carousel_resto_1.jpg');
}
.item-bg2 {
background-image: url('../../images/carousel_spa_2.jpg');
}
.item-bg4 {
background-image: url('../../images/carousel_spa_3.jpg');
}

.item-bg3 {
background-image: url('../../images/home.jpg');
}
.hero-text {padding: 0 15px;text-align: center;max-width: 1140px;margin-left: auto;margin-right: auto;position: relative;}
.hero-text h1 {color: #fff;font-size: 50px;text-transform: capitalize;font-weight: 600;margin: 0;}
.hero-text p {
  color: #fff;
  font-size: 17px;
  width: 100%
  margin-left: auto;
  margin-right: auto;
  line-height: 30px;
  margin-top: 170px;
  margin-bottom: 35px;
   background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.43599438066242124) 13%, rgba(0,0,0,0.4836134282814688) 18%, rgba(0,0,0,0.7693277139957546) 26%, rgba(0,0,0,0.8925770137156425) 33%, rgba(0,0,0,0.9233893386456145) 44%, rgba(0,0,0,0.8757702910265669) 72%, rgba(0,0,0,0.7301120277212447) 81%, rgba(0,0,0,0.464005585144214) 87%, rgba(0,0,0,0.4471988624551383) 90%, rgba(0,0,0,0) 100%); 
  padding: 30px;
}
.hero-slider .owl-item.active h1 {-animation: 1s .3s slideInDown both;}
.hero-slider .owl-item.active p {-webkit-animation: 3s .3s fadeInLeft both;animation: 3s .3s fadeInLeft both;}
.hero-slider .owl-item.active .slider-btn {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}
.owl-carousel .owl-nav button.owl-prev {background-color: #e9a72d;position: absolute;left: 0;top: 50%;
color: #fff;font-size: 30px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;}
.owl-carousel .owl-nav button.owl-next {background-color: #e9a72d;position: absolute;right: 0;top: 50%;color: #fff;font-size: 30px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;
}
.owl-theme .owl-nav {margin-top: 0;}
.owl-dots {position: absolute;left: 0;right: 0; bottom: 20px;}
.owl-theme .owl-dots .owl-dot span {width: 11px;height: 11px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #e9a72d;}

@media only screen and (max-width: 600px) {
    .single-hs-item {
        height: 550px;
    }
    .hero-text h1 {
        font-size: 30px;
    }
    .hero-text p {
        font-size: 15px;
        margin-bottom: 25px;
    }
    .owl-carousel .owl-nav button.owl-next {
        top: auto;
        margin: 0;
        bottom: 0px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        top: auto;
        margin: 0;
        bottom: 0px;
    }
    .owl-dots {
        bottom: 10px;
        left: 50px;
        right: 50px;
    }
}