.relative {
    position: relative
}
.inline-block {
    display: inline-block
}
.place-content-center {
    place-content: center
}
.overflow-hidden {
    overflow: hidden
}
.text-balance {
    text-wrap: balance
}
.rounded-3xl {
    border-radius: 1.5rem
}
.rounded-\[1em\] {
    border-radius: 1em
}
.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
}
.bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2)
}
.\!p-3 {
    padding: 0.75rem !important
}
.p-\[--wp--custom--xii-grid-gap-2\] {
    padding: var(--wp--custom--xii-grid-gap-2)
}
.\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.font-normal {
    font-weight: 400
}
.\!text-\[--wp--preset--color--xii-brand-primary-800\] {
    color: var(--wp--preset--color--xii-brand-primary-800) !important
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {
    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }
    .lg\:col-span-8 {
        grid-column: span 8 / span 8
    }
    .lg\:p-\[--wp--custom--xii-grid-gap\] {
        padding: var(--wp--custom--xii-grid-gap)
    }
    .lg\:text-right {
        text-align: right
    }
}