/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    line-height: 0px;
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    position: relative;
    z-index: 50;        
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 50px;
    height: 3px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.ratio-box {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* o 4/3, 1/1, etc. */
  overflow: hidden;
}

.ratio-box::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 20%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(47%, rgba(0, 0, 0, 0.55)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 47%, rgba(0, 0, 0, 0) 100%);
  bottom: 0px;
  left: 0px;
}

.ratio-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.intro-description{
    position: absolute;
    bottom: 40px;
    width: 100%;
    z-index: 20;
}

@media (max-width: 767.98px) { 
    
.ratio-box {
    aspect-ratio: 7 / 9; 
    }
 }