div.owl-carousel div.col {
    height: 150px !important;
}

/** overriding min.css **/
.owl-theme .owl-nav [class*=owl-] {
    margin: 0px !important;
}


.owl-prev {
    width: 40px;
    height: 80%;
    position: absolute;
    top: 0;
    margin-left: 0;
    display: block !important;
    background-image: linear-gradient(to right, #FEF2F2, transparent) !important;
}

.owl-prev .owl-nav-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-prev .owl-nav-wrapper svg, .owl-prev .owl-nav-wrapper i {
    color: #ffffff;
    width: 20px;
    height: 20px;
}

.owl-next {
    width: 40px;
    height: 80%;
    position: absolute;
    top: 0;
    right: 0;
    display: block !important;
    background-image: linear-gradient(to right, transparent, #FEF2F2) !important;
}

.owl-next .owl-nav-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.owl-next .owl-nav-wrapper svg, .owl-next .owl-nav-wrapper i {
    color: #ffffff;
    width: 20px;
    height: 20px;
}

/** override min.css **/
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FEF2F2;
    text-decoration: none;
}