.owl-carousel-box {
    padding: 45px 40px 0 40px;
    position: relative;
}

.owl-carousel-box .roundImgBox {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 300px;
    height: 300px;
    z-index: 99;
    display: block;
    background-image: url("../img/bg/round3.png");
    background-size: cover;
}

.owl-img-item {
    border-radius: 99rem;
    overflow: hidden;
}

.owl-stage-outer {
    border-radius: 99rem;
    overflow: hidden;
}


@media screen and (max-width: 1400px) {
    .owl-carousel-box .roundImgBox {
        top: -10px;
        right: -10px;
        width: 280px;
        height: 280px;
    }
}

@media screen and (max-width: 1200px) {
    .owl-carousel-box .roundImgBox {
        top: -8px;
        right: -8px;
        width: 240px;
        height: 240px;
    }
}

@media screen and (max-width: 992px) {
    .owl-carousel-box {
        padding: 55px 20px 0 20px;
        position: relative;
    }

    .owl-carousel-box .roundImgBox {
        display: none;
    }

    .owl-carousel-box .owl-carousel-btn-box {
        display: block;
    }
}

.owl-carousel-box .carousel-btn {
    /* background-color: transparent; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    /* border-radius: 50%; */
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.owl-carousel-btn-box {
    width: 100%;
    z-index: 200;
    position: absolute;
    left: 0;
    bottom: 0px;
    display: flex;
}

.owl-carousel-btn-box>.carousel-btn.right {
    background-image: url('../img/icon/arrow_R.svg');
    float: none;
}

.owl-carousel-btn-box>.carousel-btn.left {
    background-image: url('../img/icon/arrow_L.svg');
    margin-right: 1rem;
}

.owl-item {
    padding: 0px;
}

.owl-carousel .owl-item .img-responsive {
    object-fit: cover;
}

.owl-item .img-mobile {
    display: none !important;
}

.owl-nav{
    display: flex;
    justify-content: start;
    align-items: center;
}

.owl-carousel button.owl-prev, .owl-carousel button.owl-next {
    background: rgb(197, 197, 197) !important;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: #fff !important;
    padding: 12px;
    border-radius: 99rem !important;
    transition: background-color 0.3s ease;
}

.owl-prev:hover, .owl-next:hover {
    background: rgb(151, 151, 151) !important;
}