.owl-item.active, button.owl-dot.active {
    background: transparent !important;
}
.owl-dots {
    padding-top: 20px;
    text-align: center;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

button.owl-prev, button.owl-next {
    border-radius: 30px;
    position: absolute;
    color: white !important;
    top: 35%;
    line-height: 0!important;
    height: 40px;
    width: 40px;
}
.owl-next i.fa.fa-angle-right, .owl-prev i.fa.fa-angle-left {
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    opacity: .8;
}
.owl-prev i.fa.fa-angle-left {
    margin-right: 4px;
}
.owl-next i.fa.fa-angle-right {
    margin-left: 4px;
}
.carousel-item figure {
    width: fit-content !important;
}
.hp-multimedia-block {
    margin-bottom: 40px;
}
@media only screen and (max-width: 480px) {
.owl-stage{
   right:30px;
}
.owl-item {
   padding-right: 20px;
}
}

/*multimedia block*/
.hp-multimedia-block p {
    margin-block-start: 0px !important;
}
.hp-multimedia-block button.owl-prev{
    left: -60px;
}
.hp-multimedia-block button.owl-next{
    right: -60px;
}
#page .hp-multimedia-block button.owl-next, #page .hp-multimedia-block button.owl-prev{
    background: #23282D;
    top: 22%;
}
#page .hp-multimedia-block button.owl-next:hover, #page .hp-multimedia-block button.owl-prev:hover{
    background: gray;
}
small.multimedia_content_title{
    margin-left: 5px;
    position: absolute;
    top: -22px;
}
p.multimedia_cover_image_icon {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

/*link color*/
.multimedia_content_title a {
    color: black;
}
.multimedia_content_title a:hover {
    color: var(--bb-primary-color);
}