body {
    .container_box

{
    position: relative;
    z-index: 2;
}

.slider_item {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.18);
    transition: all .4s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

/* image */
.image_box {
    width: 100%;
    height: 442px;
    background-size: cover;
    background-position: center 15%;
    background-repeat: no-repeat;
    position: relative;
    transition: .4s;
}

/* hover */
.slider_item:hover .image_box {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.32);
}

/* glow */
.image_box::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: 50%;
    background: linear-gradient(45deg,cyan,transparent);
    opacity: 0;
    filter: blur(20px);
    transition: .4s;
}

.slider_item:hover .image_box::before {
    opacity: .7;
}

.image_box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,255,255,.15);
    opacity: 0;
    transition: .4s;
}

.slider_item:hover .image_box::after {
    opacity: 1;
}

/* content */
.content_box {
    padding: 14px 0px 19px;
    /* background:#fff;*/
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 4px solid #ffc107;
    width: 100%;
    left: 0%;
}

    .content_box h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        color: #1a1a1a;
    }

/* ------------------ */
/* OWL NAVIGATION */
/* ------------------ */

.owl-nav {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    gap: 25px;
}

    .owl-nav button {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        background: rgba(0,0,0,0.7) !important;
        border: 2px solid cyan !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 2px rgba(0,255,255,0.6);
        transition: .4s;
    }

        .owl-nav button:hover {
            background: rgb(130 106 106) !important;
            box-shadow: 0 0 4px cyan,0 0 6px magenta;
            transform: scale(1);
        }

        .owl-nav button i {
            color: white;
            font-size: 28px;
        }

.owl-dots {
    display: none;
}
.slider_wrapper {
    position: relative;
    padding-bottom: 45px;
}

/* custom arrows container */
.custom-arrows {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 25px;
}

    /* buttons */
    .custom-arrows button {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(0,0,0,0.7);
        color: white;
        border: 2px solid cyan;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        /* no hover change */
        .custom-arrows button:hover {
            background: rgba(0,0,0,0.7);
        }

}