/* ----- OWL CAROUSEL ----- */
.owl-carousel img {
    width: 100%;
    height: auto;
}

.main-slider {
    margin-right: 15pt;
}

.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    background-color: transparent;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    box-shadow: none;
    transition: transform 0.3s ease;
    outline: none;
    border: none;
}

.owl-nav .owl-prev img,
.owl-nav .owl-next img {
    width: 30px;
    height: auto;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background-color: transparent;
    transform: scale(1.1);
    box-shadow: none;
}

.owl-nav .owl-prev:focus,
.owl-nav .owl-next:focus {
    outline: none;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
    background: none;
}

.thumb-slider .item {
    align-items: center;
    cursor: pointer;
    padding: 5px;
}

.thumb-slider img {
    width: 100px; /* Adjust thumbnail size */
    height: auto;
    border: 2px solid transparent;
}

.thumb-slider .active img {
    border-color: red; /* Highlight active thumbnail */
}
/* ----- OWL CAROUSEL ----- */