.tipuric{
    z-index: 2;
}

.tipuric::before{
    content: "";
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: linear-gradient(to right, rgba(143, 107, 255) 0%, rgba(115, 59, 251) 55%, rgba(219, 91, 214) 100%);
    z-index: -1;
    border-radius: 100px;
}

.tipuric::after{
    background-color: #272038;
    position: absolute;
    content: "";
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 100px;
}

.tipuric2{
    z-index: 2;
}

.tipuric2::before{
    content: "";
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: linear-gradient(to right, rgba(143, 107, 255) 0%, rgba(115, 59, 251) 55%, rgba(219, 91, 214) 100%);
    z-index: -1;
    border-radius: 30px;
}

.tipuric2::after{
    background-color: #1D1B20;
    position: absolute;
    content: "";
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 30px;
}

.tipuric3{
    z-index: 2;
}

.tipuric3::before{
    content: "";
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: linear-gradient(to right, rgba(143, 107, 255, 0.1) 0%, rgba(115, 59, 251, 0.1) 55%, rgba(219, 91, 214, 0.1) 100%);
    z-index: -1;
    border-radius: 48px;
}

.tipuric3::after{
    background-color: #1D1B20;
    position: absolute;
    content: "";
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 48px;
}

.tipuric4{
    z-index: 2;
}

.tipuric4::before{
    content: "";
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: linear-gradient(to right, rgba(143, 107, 255) 0%, rgba(115, 59, 251) 55%, rgba(219, 91, 214) 100%);
    z-index: -1;
    border-radius: 48px;
}

.tipuric4::after{
    background-color: #3d336f;
    position: absolute;
    content: "";
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 48px;
}

.swiper-button-next{
    display: none;
}

.swiper-button-prev{
    display: none;
}