/*** Service Start ***/
.Proj .nav .nav-item {
    width: 75%;
    border: 1px solid var(--bs-primary);
    background: var(--bs-light);
}

.Proj .nav .nav-item a {
    display: flex;
    justify-content: center;
}


.owl-stage-outer {
    margin-right: -1px;
}
.Proj .nav-item a.active {
    background: var(--bs-primary);
}

.Proj .nav-item a span {
    color: var(--bs-dark);
}

.Proj .nav-item a.active span {
    color: var(--bs-white);
}

.Proj-carousel .owl-nav .owl-prev,
.Proj-carousel .owl-nav .owl-next {
    position: absolute;
    padding: 10px 35px;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    background: var(--bs-light);
    transition: 0.5s;
}

.Proj-carousel .owl-nav .owl-prev:hover,
.Proj-carousel .owl-nav .owl-next:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

@media (min-width: 992px) {
    .Proj-carousel .owl-nav .owl-prev {
        top: 0;
        left: -115px;
    }
    
    .Proj-carousel .owl-nav .owl-next {
        bottom: 0;
        left: -115px;
    }
}

@media (max-width: 991px) {
    .owl-stage-outer {
        margin-bottom: 70px;
    }
    .Proj-carousel .owl-nav .owl-prev {
        bottom: -70px;
        left: 0;
    }

    .Proj-carousel .owl-nav .owl-next {
        bottom: -70px;
        right: 0;
    }

    .Proj .nav {
        display: flex;
        justify-content: center;
    }
}
/*** Service End ***/