.card-pricing h2 {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-headline-5-m-size);

    line-height: var(--font-headline-5-m-line-height, normal);

    letter-spacing: var(--font-headline-5-m-letter-spacing, 0);

    font-weight: var(--font-headline-5-m-weight, 400)
}

.card-pricing p {

    font-family: var(--font-family-din-pro);

    font-size: var(--font-body-2-m-size);

    line-height: var(--font-body-2-m-line-height, normal);

    letter-spacing: var(--font-body-2-m-letter-spacing, 0);

    font-weight: var(--font-body-2-m-weight, 400)
}

.card-pricing p {

    margin-top: 1.6rem
}

.card-pricing div {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-headline-5-m-size);

    line-height: var(--font-headline-5-m-line-height, normal);

    letter-spacing: var(--font-headline-5-m-letter-spacing, 0);

    font-weight: var(--font-headline-5-m-weight, 400)
}

.card-pricing div {

    margin-top: 4.8rem;

    margin-bottom: 2.4rem;

    text-align: center
}

.card-pricing strong {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-subtitle-2-m-size);

    line-height: var(--font-subtitle-2-m-line-height, normal);

    letter-spacing: var(--font-subtitle-2-m-letter-spacing, 0);

    font-weight: var(--font-subtitle-2-m-weight, 400)
}

.card-pricing strong {

    margin-top: 1.6rem;

    display: block
}

.card-pricing strong:first-of-type {

    margin-top: 4.0rem
}

.card-pricing ul {

    font-family: var(--font-family-din-pro);

    font-size: var(--font-body-1-m-size);

    line-height: var(--font-body-1-m-line-height, normal);

    letter-spacing: var(--font-body-1-m-letter-spacing, 0);

    font-weight: var(--font-body-1-m-weight, 400)
}

.card-pricing ul {

    margin-top: 1.6rem;

    --tw-text-opacity: 1;

    color: rgb(var(--color-navy-03) / var(--tw-text-opacity))
}

.card-pricing ul li {

    margin-top: 0.8rem;

    background-image: url("../../assets/images/bullet-navy-03.svg");

    background-position: left;

    background-repeat: no-repeat;

    padding-left: 1.6rem
}

.card-pricing.card-dark ul li {

    background-image: url("../../assets/images/bullet-navy-04.svg")
}

.card-pricing.card-dark ul {

    --tw-text-opacity: 1;

    color: rgb(var(--color-navy-04) / var(--tw-text-opacity))
}

@media (min-width: 640px) {

    .container {

        max-width: 640px
    }

    .\!container {

        max-width: 640px !important
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px
    }

    .\!container {

        max-width: 768px !important
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px
    }

    .\!container {

        max-width: 1024px !important
    }

    .gap-grid {

        gap: 2.4rem
    }

    .card-pricing h2 {

        font-size: var(--font-headline-5-size);

        line-height: var(--font-headline-5-line-height, normal);

        letter-spacing: var(--font-headline-5-letter-spacing, 0);

        font-weight: var(--font-headline-5-weight, 400)
    }

    .card-pricing p {

        font-size: var(--font-body-2-size);

        line-height: var(--font-body-2-line-height, normal);

        letter-spacing: var(--font-body-2-letter-spacing, 0);

        font-weight: var(--font-body-2-weight, 400)
    }

    .card-pricing div {

        font-size: var(--font-headline-5-size);

        line-height: var(--font-headline-5-line-height, normal);

        letter-spacing: var(--font-headline-5-letter-spacing, 0);

        font-weight: var(--font-headline-5-weight, 400)
    }

    .card-pricing.pull-up {

        --tw-translate-y: -6.4rem;

        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .card-pricing strong {

        font-size: var(--font-subtitle-2-size);

        line-height: var(--font-subtitle-2-line-height, normal);

        letter-spacing: var(--font-subtitle-2-letter-spacing, 0);

        font-weight: var(--font-subtitle-2-weight, 400)
    }

    .card-pricing ul {

        font-size: var(--font-body-1-size);

        line-height: var(--font-body-1-line-height, normal);

        letter-spacing: var(--font-body-1-letter-spacing, 0);

        font-weight: var(--font-body-1-weight, 400)
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px
    }

    .\!container {

        max-width: 1280px !important
    }
}

@media (min-width: 1536px) {

    .container {

        max-width: 1536px
    }

    .\!container {

        max-width: 1536px !important
    }
}

@media (min-width: 1800px) {

    .container {

        max-width: 1800px
    }

    .\!container {

        max-width: 1800px !important
    }
}