.PRICING {}

.PRICING .b-columns { align-items: stretch; }
.PRICING .b-columns .b-column { display: inherit; flex-direction: column; }

.PRICING .container {
    flex: 1 0 auto;
    position: relative;
    border-radius: 10rem;
    display: flex;
    flex-direction: column;
}

.PRICING .container .label {
    padding: 10rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10rem 10rem 0 0;
}

.PRICING .container .label > .text {
    font-weight: 700;
    background: linear-gradient(84deg, #176DEE 5.67%, #641EAA 96.34%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.PRICING .container .content {
    position: relative;
    padding: 25rem;
    box-sizing: border-box;
    height: 100%;
    display: inherit;
    flex-direction: inherit;
    flex: 1 1 100%;
}

.PRICING .container .content > * {
    margin-top: 0;
}

.PRICING .arrows.b-mobile-hidden  {
    top: 0;
    position: absolute;
    left: calc(-50% - 40rem);
    right: calc(-50% - 40rem);
}

.PRICING .arrows.b-mobile-hidden svg { width: 100%; height: 100%; }
.PRICING .arrows.b-mobile-hidden span {
    position: absolute; 
    top: 0;
    transform: translate(0, -125%);
}
.PRICING .arrows.b-mobile-hidden span:first-of-type { left: 60rem; }
.PRICING .arrows.b-mobile-hidden span:last-of-type { right: 60rem; }

.PRICING .content > *:nth-last-child(2) { margin-bottom: 70rem; }

.PRICING .content .b-button:last-child {margin: auto auto 0; display: flex; width: fit-content; }

.PRICING .content > p[style="text-align: center;"]:nth-last-child(2) { margin-top: auto; margin-bottom: 20rem; padding: 70rem 0 0; }
.PRICING .content > p[style="text-align: center;"]:nth-last-child(2) { margin-top: auto; }
.PRICING .content > p[style="text-align: center;"]:nth-last-child(2) + .b-button { margin: 0 auto; }

.PRICING .arrows { color: var(--black); }

:where(.bg_black, .bg_midnight-blue, .bg_gradient-blue-shine, .bg_blue-purple-pink, .bg_pink-purple-blue) .PRICING .arrows { color: var(--white); }


@media screen and (min-width: 961px) {
    .PRICING .container:not(.bg_gradient-blue-purple) {
        margin-top: 77rem;
    }
}

@media screen and (max-width: 960px) {
    .PRICING .b-column:nth-child(1) { order: 2;}
    .PRICING .b-column:nth-child(2) { order: 1; }
    .PRICING .b-column:nth-child(3) { order: 3; }
    .PRICING .content > *:nth-last-child(2) { margin-bottom: 40rem; }
    .PRICING .content .b-button:last-child { margin: auto 0 0; }
    .PRICING .content > p[style="text-align: center;"]:nth-last-child(2) { margin-top: auto; padding: 40rem 0 0; }
    .PRICING .content > p[style="text-align: center;"]:nth-last-child(2) { margin-top: auto; }
    .PRICING .content > p[style="text-align: center;"]:nth-last-child(2) + .b-button { margin: 0 auto; }

    .PRICING .arrows.b-desktop-hidden {
        display: flex;
        gap: 20rem;
        margin: 40rem auto 0;
        line-height: 20rem;
    }
}