
/* Container */

.owl-carousel-outer{
    background-color: var(--grey-95);
    padding: 45px 0;
}

.owl-carousel{
    overflow-y:hidden;
}

.owl-carousel .owl-stage{
    transition: 1s all ease;
    margin: 0 auto;
}

/* Navigation */

.owl-carousel .owl-nav > button{
    display: flex;
    height: 100%;
    position:absolute;
    top: 0;
    width: fit-content;
}

.owl-carousel .owl-nav > button:focus{
    outline: none;
}

.owl-carousel .owl-nav > button *{
    font-size: 20pt;
    padding: 0 7px!important;
}

.owl-carousel .owl-nav > .owl-prev{
    left: 0;
}

.owl-carousel .owl-nav > .owl-next{
    right: 0;
}

.owl-carousel .owl-nav > button.owl-prev,
.owl-carousel .owl-nav > button.owl-next{
    padding-top: 164px!important;
}

.owl-carousel .owl-nav img{
    width: 35px;
    height: auto;
    max-width: 100%;
}

/* Products cards */

.owl-carousel .result_container{
    box-shadow: none;
    margin-bottom: 0;
}

.owl-carousel .result_container .left{
    transition: min-height .3s;
}

.owl-carousel .watermark > img{
    width: 70px;
}

.owl-carousel p{
    margin-bottom: 0;
}

.card_item .owl-carousel p.version{
    font-family: var(--cgr);
}

/* Very small Devices */
@media (min-width: 300px) {
}

@media (min-width: 430px){

    /* Navigation */

    .owl-carousel .owl-nav button.owl-next{
        padding-right: 5px!important;
    }
    .owl-carousel .owl-nav button.owl-prev{
        padding-left: 5px!important;
    }
}

@media (min-width: 544px){

    /* Navigation */

    .owl-carousel .owl-nav > button.owl-prev,
    .owl-carousel .owl-nav > button.owl-next{
        padding-top: 250px!important;
    }


}

/* Small Devices */
@media (min-width: 576px) {
}

@media (min-width: 650px){
    .owl-carousel .result_container{
        width: unset;
    }
}

/* Tablet and up */
@media (min-width: 768px){

    /* Navigation */

    .owl-carousel .owl-nav > button.owl-prev,
    .owl-carousel .owl-nav > button.owl-next{
        padding: 238px 12px 0 12px!important;
    }

}

/* Low laptop screen / iPad Pro*/
@media (min-width: 992px){
}

/* Low laptop screen only landscape*/
@media (min-width: 992px) and (orientation: landscape) {
}

/* Medium laptop screen */
@media (min-width: 1200px) {

    /* Container */
    .owl-carousel .owl-stage-outer{
        padding: 60px 0;
    }

    /* Navigation */

    .owl-carousel .owl-nav > button.owl-prev,
    .owl-carousel .owl-nav > button.owl-next{
        padding-top: 267px!important;
    }
}

/* Very High laptop screen */
@media (min-width: 1400px){
}

/* Very High laptop screen */
@media (min-width: 1600px) {
}
