.milestones-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: stretch;
    transition: opacity .3s, transform .3s
}

.milestones-swiper .swiper-slide:not(.swiper-slide-active) {
    opacity: .75;
    transform: scale(.9);
    z-index: 1
}

.milestones-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1.05);
    z-index: 10
}

.milestones-swiper .swiper-button-next,
.milestones-swiper .swiper-button-prev {
    color: #222;
    background: none;
    border: none;
    outline: none
}

.milestones-swiper .swiper-button-disabled {
    opacity: .2;
    pointer-events: none
}

@keyframes spin-slow {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.animate-spin-slow {
    animation: spin-slow 18s linear infinite
}

.mask-circle {
    border-radius: 9999px;
    overflow: hidden
}

.ping-ring {
    position: absolute;
    width: 90%;
    height: 90%;
    border: 4px solid #3b82f6;
    border-radius: 9999px;
    animation: pingFade 2.4s ease-out infinite;
    opacity: 0
}

@keyframes pingFade {
    0% {
        transform: scale(1);
        opacity: .5;
        border-width: 6px
    }

    70% {
        opacity: .1;
        border-width: 3px
    }

    to {
        transform: scale(1.3);
        opacity: 0;
        border-width: 1px
    }
}

.centered-tabs .ant-tabs-nav-wrap {
    justify-content: center !important
}

.centered-tabs .ant-tabs-tab {
    font-size: 18px !important
}

.centered-tabs .ant-tabs-nav-list {
    width: 100% !important;
    justify-content: space-between !important;
    transform: none !important
}

.centered-tabs .ant-tabs-nav {
    border-radius: 20px 2px 20px 2px !important;
    padding-left: 16px;
    padding-right: 16px
}

.centered-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    font-weight: 700 !important
}

.centered-tabs .ant-tabs-ink-bar {
    display: none !important
}

@media(max-width:768px) {
    .centered-tabs .ant-tabs-nav-wrap {
        overflow: visible !important
    }

    .centered-tabs .ant-tabs-nav {
        overflow-x: auto !important;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none
    }

    .centered-tabs .ant-tabs-nav::-webkit-scrollbar {
        display: none
    }

    .centered-tabs .ant-tabs-tab {
        white-space: nowrap;
        flex: 0 0 auto;
        font-size: 12px !important;
        margin-right: 8px !important;
        margin-left: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .centered-tabs .ant-tabs-tab:last-child {
        margin-right: 0 !important
    }
}