.spc-wrapper {
    background-color: #121214f2;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: 1000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.spc-wrapper input[type=checkbox], .spc-wrapper input[type=radio] {
    margin: 0;
}

.spc-wrapper button:not(.us-btn-style_1):not(.spc-multi-select-item) {
    background: transparent;
}

.spc {
    background: linear-gradient(98.89deg, #ffffff1a, #ffffff0a);
    color: #fff
}

.spc select, .spc textarea, .spc input:not([type=submit]):not([type=checkbox]) {
    border-radius: 30px
}

.spc .text-gradient {
    background: linear-gradient(90deg, #c4006b, #eb647d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.spc > div.spc-content {
    color: var(--color-content-text)
}

.spc > div h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: left;
    background: linear-gradient(90deg, #c4006b, #eb647d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.spc > div h4 {
    padding: 0
}

@property --f-c {
    syntax: "<color>";
    inherits: false;
    initial-value: rgba(255, 255, 255, .4);
}

@property --s-c {
    syntax: "<color>";
    inherits: false;
    initial-value: rgba(255, 255, 255, .04);
}

.spc .spc-multi-select-item {
    background: linear-gradient(98.89deg, var(--f-c) -.02%, var(--s-c) 99.99%);
    transition: --f-c .3s ease, --s-c .3s ease
}

.spc .spc-multi-select-item:not(.spc-multi-select-item-selected):hover {
    --f-c: rgba(255, 255, 255, .9);
    --s-c: rgba(255, 255, 255, .4)
}

.spc .spc-multi-select-item:not(.spc-multi-select-item-selected):hover i, .spc .spc-multi-select-item:not(.spc-multi-select-item-selected):hover p {
    background: linear-gradient(90deg, #c4006b, #821e82);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.spc .spc-multi-select-item:not(.spc-multi-select-item-selected):hover h6 {
    color: #000
}

.spc .spc-multi-select-item.spc-multi-select-item-selected {
    --f-c: rgba(196, 0, 107, .7);
    --s-c: rgba(130, 30, 130, .2);
    color: #fff
}

.spc label:not(:has(input[type=checkbox])) {
    display: block;
    font-weight: 700;
    margin-bottom: 2px
}

*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

select {
    padding: 0 var(--inputs-padding)
}

.spc-visible {
    visibility: visible
}

.spc-invisible {
    visibility: hidden
}

.spc-fixed {
    position: fixed
}

.spc-absolute {
    position: absolute
}

.spc-relative {
    position: relative
}

.spc-bottom-\[40px\] {
    bottom: 40px
}

.spc-left-0 {
    left: 0
}

.spc-left-1\/2 {
    left: 50%
}

.spc-left-full {
    left: 100%
}

.spc-right-0 {
    right: 0
}

.spc-top-0 {
    top: 0
}

.spc-top-1\/2 {
    top: 50%
}

.spc-m-0 {
    margin: 0
}

.spc-m-4 {
    margin: 1rem
}

.spc-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.spc-my-\[30px\] {
    margin-top: 30px;
    margin-bottom: 30px
}

.spc-mb-2 {
    margin-bottom: .5rem
}

.spc-mb-\[10px\] {
    margin-bottom: 10px
}

.spc-mb-\[12px\] {
    margin-bottom: 12px
}

.spc-mb-\[20px\] {
    margin-bottom: 20px
}

.spc-mb-\[55px\] {
    margin-bottom: 55px
}

.spc-mr-\[5px\] {
    margin-right: 5px
}

.spc-mt-2 {
    margin-top: .5rem
}

.spc-mt-\[100px\] {
    margin-top: 100px
}

.spc-mt-\[20px\] {
    margin-top: 20px
}

.spc-mt-\[30px\] {
    margin-top: 30px
}

.spc-mt-\[55px\] {
    margin-top: 55px
}

.spc-block {
    display: block
}

.spc-flex {
    display: flex
}

.spc-grid {
    display: grid
}

.spc-hidden {
    display: none
}

.spc-h-\[10px\] {
    height: 10px
}

.spc-h-\[30px\] {
    height: 30px
}

.spc-h-\[60px\] {
    height: 60px
}

.spc-h-full {
    height: 100%
}

.spc-h-screen {
    height: 100vh
}

.spc-max-h-\[300px\] {
    max-height: 300px
}

.spc-max-h-\[88vh\] {
    max-height: 88vh
}

.spc-w-\[150px\] {
    width: 150px
}

.spc-w-\[60px\] {
    width: 60px
}

.spc-w-full {
    width: 100%
}

.spc-max-w-4xl {
    max-width: 56rem
}

.spc-max-w-\[150px\] {
    max-width: 150px
}

.spc-max-w-\[85vw\] {
    max-width: 85vw
}

.spc--translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.spc--translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.spc-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr)
}

.spc-grid-cols-1 {
    grid-template-columns:repeat(1, minmax(0, 1fr))
}

.spc-flex-col {
    flex-direction: column
}

.spc-flex-wrap {
    flex-wrap: wrap
}

.spc-items-start {
    align-items: flex-start
}

.spc-items-center {
    align-items: center
}

.spc-items-stretch {
    align-items: stretch
}

.spc-justify-start {
    justify-content: flex-start
}

.spc-justify-center {
    justify-content: center
}

.spc-justify-between {
    justify-content: space-between
}

.spc-gap-\[10px\] {
    gap: 10px
}

.spc-gap-\[12px\] {
    gap: 12px
}

.spc-gap-\[15px\] {
    gap: 15px
}

.spc-gap-\[20px\] {
    gap: 20px
}

.spc-gap-\[40px\] {
    gap: 40px
}

.spc-gap-\[5px\] {
    gap: 5px
}

.spc-gap-x-\[20px\] {
    -moz-column-gap: 20px;
    column-gap: 20px
}

.spc-gap-x-\[55px\] {
    -moz-column-gap: 55px;
    column-gap: 55px
}

.spc-gap-y-\[12px\] {
    row-gap: 12px
}

.spc-overflow-hidden {
    overflow: hidden
}

.spc-overflow-y-auto {
    overflow-y: auto
}

.spc-rounded {
    border-radius: .25rem
}

.spc-rounded-\[40px\] {
    border-radius: 40px
}

.spc-rounded-\[60px\] {
    border-radius: 60px
}

.spc-border-2 {
    border-width: 2px
}

.spc-border-solid {
    border-style: solid
}

.spc-border-\[\#000000\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.spc-border-opacity-10 {
    --tw-border-opacity: .1
}

.spc-bg-zinc-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity))
}

.spc-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.spc-from-\[\#C4006B\] {
    --tw-gradient-from: #C4006B var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(196 0 107 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.spc-to-\[\#EB647D\] {
    --tw-gradient-to: #EB647D var(--tw-gradient-to-position)
}

.spc-object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.spc-p-0 {
    padding: 0
}

.spc-p-\[10px\] {
    padding: 10px
}

.spc-p-\[15px\] {
    padding: 15px
}

.spc-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.spc-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.spc-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.spc-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.spc-pb-\[80px\] {
    padding-bottom: 80px
}

.spc-text-center {
    text-align: center
}

.spc-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.spc-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.spc-text-\[14px\] {
    font-size: 14px
}

.spc-text-\[16px\] {
    font-size: 16px
}

.spc-text-\[18px\] {
    font-size: 18px
}

.spc-text-\[23px\] {
    font-size: 23px
}

.spc-text-\[30px\] {
    font-size: 30px
}

.spc-font-bold {
    font-weight: 700
}

.spc-font-normal {
    font-weight: 400
}

.spc-text-\[\#C4006B\] {
    --tw-text-opacity: 1;
    color: rgb(196 0 107 / var(--tw-text-opacity))
}

.spc-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.spc-underline {
    text-decoration-line: underline
}

.spc-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.spc-opacity-0 {
    opacity: 0
}

.spc-opacity-100 {
    opacity: 1
}

.spc-opacity-90 {
    opacity: .9
}

.spc-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.spc-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.spc-duration-1000 {
    transition-duration: 1s
}

.spc-duration-300 {
    transition-duration: .3s
}

@media (min-width: 640px) {
    .sm\:spc-grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 768px) {
    .md\:spc-col-span-2 {
        grid-column: span 2 / span 2
    }

    .md\:spc-m-\[30px\] {
        margin: 30px
    }

    .md\:spc-ml-\[30px\] {
        margin-left: 30px
    }

    .md\:spc-mt-0 {
        margin-top: 0
    }

    .md\:spc-grid {
        display: grid
    }

    .md\:spc-h-auto {
        height: auto
    }

    .md\:spc-max-h-\[80vh\] {
        max-height: 80vh
    }

    .md\:spc-max-w-\[640px\] {
        max-width: 640px
    }

    .md\:spc-max-w-\[650px\] {
        max-width: 650px
    }

    .md\:spc-grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .md\:spc-grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .md\:spc-items-start {
        align-items: flex-start
    }

    .md\:spc-rounded-\[60px\] {
        border-radius: 60px
    }

    .md\:spc-px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .md\:spc-px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .md\:spc-px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .md\:spc-text-left {
        text-align: left
    }
}

#soloplan-configurator .us-btn-style_1:after {
    z-index: -1;
}