.warehouse_card_carousel .owl-dots {
    margin-top: 20px;
    text-align: center;
    gap: 20px;
}

.owl-dot button {
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: 600;
    font-size: 16px;
    color: grey;
    cursor: pointer;
    padding: 0;
}

.owl-dot.active button {
    color: var(--pr-color);
    border-bottom: 2px solid var(--pr-color);
}

@media (max-width: 768px) {
    .warehouse_card_carousel .owl-dots .owl-dot {
        width: fit-content !important;
        height: fit-content !important;

    }

    .warehouse_card_carousel .owl-dots {
        gap: 15px;
    }

    .owl-dot button {
        font-size: 14px;
    }
}