.VueCarousel-dot-container {
    margin-top: 10px;
}

.VueCarousel-dot {
    width: 10px !important;
    height: 10px !important;
    margin: 5px 7px !important;
    border-radius: 3px !important;
    transition: all 0.5s ease;
    background: rgba(47, 85, 212, 0.5) !important;
    padding: 0 !important;
}

.VueCarousel-dot:focus {
    outline: none !important;
}

.VueCarousel-dot--active{
    background-color: #2f55d4 !important;
    transform: rotate(45deg);
}