/*moving dots*/
.owl-carousel .owl-dots {
    text-align: end !important;
    margin-inline-start: 4rem;
    margin-top: 2rem !important;
}

/*dots color*/
.owl-carousel .owl-dots .owl-dot span {
    background-color:#343434 !important;
    opacity: 15%;
}

/* active dots */
.owl-carousel .owl-dots .owl-dot.active span {
    background-color: var(--primary-color) !important; 
    opacity: 100%;
}


.slider-container-with-arrow{
    display: block;
}

.slider-container-with-arrow .fa-chevron-right,
.slider-container-with-arrow  .fa-chevron-left {
    height: 2rem;
    width: 2rem;
    padding: 8px 10px;
}

@media (max-width: 575.98px) {
    .slider-container-with-arrow .fa-chevron-right, 
    .slider-container-with-arrow .fa-chevron-left{
        padding: 6px 8px;
    }
}

.slider-container-with-arrow .arrows{
    text-align: end;
    display: block;
    margin-block: 1rem 0rem;
}
.slider-container-with-arrow button{
    border: 0;
    background: transparent;
}
.slider-container-with-arrow .fa-chevron-left,
.slider-container-with-arrow .fa-chevron-right{
    color: #ffffff;
    background-color: var(--primary-color);
    border-radius: var(--image-border-raduis);
}

.business-slider .slider-container-with-arrow .fa-chevron-left,
.business-slider .slider-container-with-arrow .fa-chevron-right{
    background-color: var(--business-color);
}






/* Vertical Carousel CSS */
.slider-container-with-arrow.vertical .owl-stage-outer {
    overflow: hidden;
}

.slider-container-with-arrow.vertical .owl-stage {
    display: flex !important;
    flex-direction: column !important;
}

.slider-container-with-arrow.vertical .owl-item {
    width: 100% !important;
    float: none !important;
}

.slider-container-with-arrow.vertical {
    height: 400px;
    overflow: hidden;
}

/* Each item height */
.slider-container-with-arrow.vertical .item {
    height: 200px;
}