/* Tailwind CSS */
*, ::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-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 / 0.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:  
}
::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-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 / 0.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:  
}
.container {
    width: 100%
}
@media (min-width: 0px) {
    .container {
        max-width: 0px
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1230px) {
    .container {
        max-width: 1230px
    }
}
@media (min-width: 1300px) {
    .container {
        max-width: 1300px
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}
/* Add your custom component styles here */
.visible {
    visibility: visible !important
}
.collapse {
    visibility: collapse !important
}
.static {
    position: static !important
}
.fixed {
    position: fixed !important
}
.absolute {
    position: absolute !important
}
.relative {
    position: relative !important
}
.sticky {
    position: sticky !important
}
.-right-20 {
    right: -5rem !important
}
.-right-\[2px\] {
    right: -2px !important
}
.-top-\[2px\] {
    top: -2px !important
}
.bottom-0 {
    bottom: 0px !important
}
.left-0 {
    left: 0px !important
}
.left-2 {
    left: 0.5rem !important
}
.right-0 {
    right: 0px !important
}
.top-0 {
    top: 0px !important
}
.top-2 {
    top: 0.5rem !important
}
.z-10 {
    z-index: 10 !important
}
.z-\[1\] {
    z-index: 1 !important
}
.mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important
}
.mx-0\.5 {
    margin-left: 0.125rem !important;
    margin-right: 0.125rem !important
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}
.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important
}
.-mt-1 {
    margin-top: -0.25rem !important
}
.mb-0 {
    margin-bottom: 0px !important
}
.mb-10 {
    margin-bottom: 2.5rem !important
}
.mb-2 {
    margin-bottom: 0.5rem !important
}
.mb-3 {
    margin-bottom: 0.75rem !important
}
.mb-4 {
    margin-bottom: 1rem !important
}
.mb-6 {
    margin-bottom: 1.5rem !important
}
.ml-2 {
    margin-left: 0.5rem !important
}
.mr-1 {
    margin-right: 0.25rem !important
}
.mt-0 {
    margin-top: 0px !important
}
.mt-10 {
    margin-top: 2.5rem !important
}
.mt-12 {
    margin-top: 3rem !important
}
.mt-20 {
    margin-top: 5rem !important
}
.mt-3 {
    margin-top: 0.75rem !important
}
.mt-5 {
    margin-top: 1.25rem !important
}
.mt-6 {
    margin-top: 1.5rem !important
}
.mt-9 {
    margin-top: 2.25rem !important
}
.\!block {
    display: block !important
}
.block {
    display: block !important
}
.inline-block {
    display: inline-block !important
}
.inline {
    display: inline !important
}
.flex {
    display: flex !important
}
.inline-flex {
    display: inline-flex !important
}
.table {
    display: table !important
}
.\!grid {
    display: grid !important
}
.grid {
    display: grid !important
}
.hidden {
    display: none !important
}
.h-12 {
    height: 3rem !important
}
.h-20 {
    height: 5rem !important
}
.h-5 {
    height: 1.25rem !important
}
.h-6 {
    height: 1.5rem !important
}
.h-\[120px\] {
    height: 120px !important
}
.h-\[85px\] {
    height: 85px !important
}
.h-full {
    height: 100% !important
}
.h-px {
    height: 1px !important
}
.w-12 {
    width: 3rem !important
}
.w-5 {
    width: 1.25rem !important
}
.w-56 {
    width: 14rem !important
}
.w-6 {
    width: 1.5rem !important
}
.w-\[10\%\] {
    width: 10% !important
}
.w-\[15\%\] {
    width: 15% !important
}
.w-\[200px\] {
    width: 200px !important
}
.w-\[25\%\] {
    width: 25% !important
}
.w-full {
    width: 100% !important
}
.max-w-\[1240px\] {
    max-width: 1240px !important
}
.max-w-\[145px\] {
    max-width: 145px !important
}
.max-w-\[280px\] {
    max-width: 280px !important
}
.max-w-\[348px\] {
    max-width: 348px !important
}
.max-w-\[419px\] {
    max-width: 419px !important
}
.max-w-\[500px\] {
    max-width: 500px !important
}
.flex-1 {
    flex: 1 1 0% !important
}
.flex-shrink-0 {
    flex-shrink: 0 !important
}
.grow {
    flex-grow: 1 !important
}
.border-collapse {
    border-collapse: collapse !important
}
.rotate-180 {
    --tw-rotate: 180deg !important;
    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)) !important
}
.transform {
    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)) !important
}
@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}
.animate-spin {
    animation: spin 1s linear infinite !important
}
.resize {
    resize: both !important
}
.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr !important
}
.flex-col {
    flex-direction: column !important
}
.flex-wrap {
    flex-wrap: wrap !important
}
.items-start {
    align-items: flex-start !important
}
.items-end {
    align-items: flex-end !important
}
.items-center {
    align-items: center !important
}
.justify-start {
    justify-content: flex-start !important
}
.justify-end {
    justify-content: flex-end !important
}
.justify-center {
    justify-content: center !important
}
.justify-between {
    justify-content: space-between !important
}
.gap-0 {
    gap: 0px !important
}
.gap-0\.5 {
    gap: 0.125rem !important
}
.gap-1 {
    gap: 0.25rem !important
}
.gap-1\.5 {
    gap: 0.375rem !important
}
.gap-12 {
    gap: 3rem !important
}
.gap-2 {
    gap: 0.5rem !important
}
.gap-2\.5 {
    gap: 0.625rem !important
}
.gap-3 {
    gap: 0.75rem !important
}
.gap-3\.5 {
    gap: 0.875rem !important
}
.gap-4 {
    gap: 1rem !important
}
.gap-8 {
    gap: 2rem !important
}
.gap-\[5px\] {
    gap: 5px !important
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important
}
.overflow-hidden {
    overflow: hidden !important
}
.overflow-x-auto {
    overflow-x: auto !important
}
.whitespace-normal {
    white-space: normal !important
}
.rounded {
    border-radius: 0.25rem !important
}
.rounded-\[10rem\] {
    border-radius: 10rem !important
}
.rounded-\[132px\] {
    border-radius: 132px !important
}
.rounded-\[5px\] {
    border-radius: 5px !important
}
.rounded-full {
    border-radius: 9999px !important
}
.rounded-sm {
    border-radius: 0.125rem !important
}
.rounded-b-sm {
    border-bottom-right-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important
}
.rounded-t-sm {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important
}
.\!border-2 {
    border-width: 2px !important
}
.border {
    border-width: 1px !important
}
.border-0 {
    border-width: 0px !important
}
.border-4 {
    border-width: 4px !important
}
.border-\[1px\] {
    border-width: 1px !important
}
.border-b {
    border-bottom-width: 1px !important
}
.border-l {
    border-left-width: 1px !important
}
.border-r {
    border-right-width: 1px !important
}
.border-t {
    border-top-width: 1px !important
}
.\!border-solid {
    border-style: solid !important
}
.border-solid {
    border-style: solid !important
}
.border-dashed {
    border-style: dashed !important
}
.\!border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important
}
.border-\[\#DBE3E9\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(219 227 233 / var(--tw-border-opacity)) !important
}
.border-gray-200 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important
}
.border-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(81 12 118 / var(--tw-border-opacity)) !important
}
.border-t-transparent {
    border-top-color: transparent !important
}
.\!bg-transparent {
    background-color: transparent !important
}
.bg-\[\#510C76\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(81 12 118 / var(--tw-bg-opacity)) !important
}
.bg-\[\#81EEBE\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(129 238 190 / var(--tw-bg-opacity)) !important
}
.bg-border {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(230 234 238 / var(--tw-bg-opacity)) !important
}
.bg-green-300 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(134 239 172 / var(--tw-bg-opacity)) !important
}
.bg-green-300\/30 {
    background-color: rgb(134 239 172 / 0.3) !important
}
.bg-lilac {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(156 108 219 / var(--tw-bg-opacity)) !important
}
.bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(81 12 118 / var(--tw-bg-opacity)) !important
}
.bg-slate-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important
}
.bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}
.fill-\[\#510C76\] {
    fill: #510C76 !important
}
.fill-primary {
    fill: #510C76 !important
}
.fill-white {
    fill: #fff !important
}
.object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important
}
.p-3 {
    padding: 0.75rem !important
}
.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important
}
.px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}
.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important
}
.px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important
}
.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}
.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}
.px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important
}
.px-\[22px\] {
    padding-left: 22px !important;
    padding-right: 22px !important
}
.px-\[42px\] {
    padding-left: 42px !important;
    padding-right: 42px !important
}
.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important
}
.py-1\.5 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important
}
.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}
.py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important
}
.py-2\.5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important
}
.py-28 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important
}
.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important
}
.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}
.py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important
}
.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}
.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}
.py-\[109px\] {
    padding-top: 109px !important;
    padding-bottom: 109px !important
}
.py-\[3px\] {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}
.py-\[72px\] {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}
.py-\[7px\] {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}
.pb-20 {
    padding-bottom: 5rem !important
}
.pb-6 {
    padding-bottom: 1.5rem !important
}
.pb-\[18px\] {
    padding-bottom: 18px !important
}
.pb-\[72px\] {
    padding-bottom: 72px !important
}
.pb-\[94px\] {
    padding-bottom: 94px !important
}
.pr-4 {
    padding-right: 1rem !important
}
.pt-3 {
    padding-top: 0.75rem !important
}
.pt-8 {
    padding-top: 2rem !important
}
.text-left {
    text-align: left !important
}
.text-center {
    text-align: center !important
}
.align-top {
    vertical-align: top !important
}
.font-\[\'Adelle_Sans\'\] {
    font-family: 'Adelle Sans' !important
}
.font-adelle-semibold {
    font-family: AdelleSansW04-SemiBold, Adelle Sans, Helvetica, Arial, sans-serif !important
}
.font-body {
    font-family: Rubik, Helvetica, Arial, sans-serif !important
}
.text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important
}
.text-\[10px\] {
    font-size: 10px !important
}
.text-\[14px\] {
    font-size: 14px !important
}
.text-\[15px\] {
    font-size: 15px !important
}
.text-\[38px\] {
    font-size: 38px !important
}
.text-base {
    font-size: 1.0625rem !important
}
.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}
.text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important
}
.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}
.text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important
}
.font-bold {
    font-weight: 700 !important
}
.font-medium {
    font-weight: 500 !important
}
.font-normal {
    font-weight: 400 !important
}
.font-semibold {
    font-weight: 600 !important
}
.lowercase {
    text-transform: lowercase !important
}
.italic {
    font-style: italic !important
}
.not-italic {
    font-style: normal !important
}
.leading-10 {
    line-height: 2.5rem !important
}
.leading-5 {
    line-height: 1.25rem !important
}
.leading-6 {
    line-height: 1.5rem !important
}
.leading-none {
    line-height: 1 !important
}
.leading-normal {
    line-height: 1.5 !important
}
.leading-relaxed {
    line-height: 1.625 !important
}
.leading-tight {
    line-height: 1.25 !important
}
.tracking-normal {
    letter-spacing: 0em !important
}
.tracking-tight {
    letter-spacing: -0.025em !important
}
.text-\[\#115D6C\] {
    --tw-text-opacity: 1 !important;
    color: rgb(17 93 108 / var(--tw-text-opacity)) !important
}
.text-\[\#510C76\] {
    --tw-text-opacity: 1 !important;
    color: rgb(81 12 118 / var(--tw-text-opacity)) !important
}
.text-\[\#510C76\]\/30 {
    color: rgb(81 12 118 / 0.3) !important
}
.text-gray-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-text-opacity)) !important
}
.text-gray-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(75 85 99 / var(--tw-text-opacity)) !important
}
.text-lilac {
    --tw-text-opacity: 1 !important;
    color: rgb(156 108 219 / var(--tw-text-opacity)) !important
}
.text-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(81 12 118 / var(--tw-text-opacity)) !important
}
.text-purple-800 {
    --tw-text-opacity: 1 !important;
    color: rgb(107 33 168 / var(--tw-text-opacity)) !important
}
.text-purple-900 {
    --tw-text-opacity: 1 !important;
    color: rgb(88 28 135 / var(--tw-text-opacity)) !important
}
.text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.underline {
    text-decoration-line: underline !important
}
.no-underline {
    text-decoration-line: none !important
}
.opacity-20 {
    opacity: 0.2 !important
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0px_4px_28px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
    --tw-shadow: 0px 4px 28px 0px rgba(0,0,0,0.15) !important;
    --tw-shadow-colored: 0px 4px 28px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.outline {
    outline-style: solid !important
}
.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.transition-transform {
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.duration-200 {
    transition-duration: 200ms !important
}
.duration-300 {
    transition-duration: 300ms !important
}
/* Add your custom utility styles here */

/* Custom Tailwind Layer Styles */

.before\:absolute::before {
    content: var(--tw-content) !important;
    position: absolute !important
}

.before\:-left-full::before {
    content: var(--tw-content) !important;
    left: -100% !important
}

.before\:top-0::before {
    content: var(--tw-content) !important;
    top: 0px !important
}

.before\:-z-\[1\]::before {
    content: var(--tw-content) !important;
    z-index: -1 !important
}

.before\:h-full::before {
    content: var(--tw-content) !important;
    height: 100% !important
}

.before\:w-\[1000\%\]::before {
    content: var(--tw-content) !important;
    width: 1000% !important
}

.before\:bg-lilac::before {
    content: var(--tw-content) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(156 108 219 / var(--tw-bg-opacity)) !important
}

.before\:content-\[\'\'\]::before {
    --tw-content: '' !important;
    content: var(--tw-content) !important
}

.after\:absolute::after {
    content: var(--tw-content) !important;
    position: absolute !important
}

.after\:-right-full::after {
    content: var(--tw-content) !important;
    right: -100% !important
}

.after\:top-0::after {
    content: var(--tw-content) !important;
    top: 0px !important
}

.after\:-z-\[1\]::after {
    content: var(--tw-content) !important;
    z-index: -1 !important
}

.after\:h-full::after {
    content: var(--tw-content) !important;
    height: 100% !important
}

.after\:w-\[1000\%\]::after {
    content: var(--tw-content) !important;
    width: 1000% !important
}

.after\:bg-lilac::after {
    content: var(--tw-content) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(156 108 219 / var(--tw-bg-opacity)) !important
}

.after\:content-\[\'\'\]::after {
    --tw-content: '' !important;
    content: var(--tw-content) !important
}

.first\:border-t-0:first-child {
    border-top-width: 0px !important
}

.first\:pt-0:first-child {
    padding-top: 0px !important
}

.hover\:border-white:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important
}

.hover\:bg-\[\#510C76\]\/50:hover {
    background-color: rgb(81 12 118 / 0.5) !important
}

.hover\:bg-white\/10:hover {
    background-color: rgb(255 255 255 / 0.1) !important
}

.hover\:no-underline:hover {
    text-decoration-line: none !important
}

.hover\:opacity-80:hover {
    opacity: 0.8 !important
}

.focus\:no-underline:focus {
    text-decoration-line: none !important
}

@media print {
    .print\:block {
        display: block !important
    }
    .print\:hidden {
        display: none !important
    }
    .print\:py-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
}

@media not all and (min-width: 1300px) {
    .max-xl\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .max-xl\:flex {
        display: flex !important
    }
}

@media not all and (min-width: 1024px) {
    .max-lg\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .max-lg\:w-full {
        width: 100% !important
    }
    .max-lg\:overflow-hidden {
        overflow: hidden !important
    }
    .max-lg\:text-center {
        text-align: center !important
    }
}

@media not all and (min-width: 640px) {
    .max-md\:flex-col {
        flex-direction: column !important
    }
    .max-md\:justify-center {
        justify-content: center !important
    }
    .max-md\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

@media (min-width: 0px) {
    .sm\:h-\[25px\] {
        height: 25px !important
    }
    .sm\:w-\[25px\] {
        width: 25px !important
    }
    .sm\:flex-row {
        flex-direction: row !important
    }
    .sm\:gap-3 {
        gap: 0.75rem !important
    }
    .sm\:gap-4 {
        gap: 1rem !important
    }
    .sm\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .sm\:py-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important
    }
    .sm\:py-5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }
    .sm\:text-\[14px\] {
        font-size: 14px !important
    }
    .sm\:text-\[22px\] {
        font-size: 22px !important
    }
    .sm\:text-base {
        font-size: 1.0625rem !important
    }
}

@media (min-width: 640px) {
    .md\:mb-6 {
        margin-bottom: 1.5rem !important
    }
    .md\:mb-8 {
        margin-bottom: 2rem !important
    }
    .md\:block {
        display: block !important
    }
    .md\:hidden {
        display: none !important
    }
    .md\:justify-center {
        justify-content: center !important
    }
    .md\:gap-6 {
        gap: 1.5rem !important
    }
    .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
        margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important
    }
    .md\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .md\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
    .md\:px-\[20px\] {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .md\:py-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .md\:py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .md\:text-left {
        text-align: left !important
    }
    .md\:text-5xl {
        font-size: 3rem !important;
        line-height: 1 !important
    }
    .md\:text-\[0\.9375rem\] {
        font-size: 0.9375rem !important
    }
    .md\:text-\[18px\] {
        font-size: 18px !important
    }
    .md\:text-base {
        font-size: 1.0625rem !important
    }
    .md\:text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important
    }
}

@media (min-width: 1024px) {
    .lg\:sticky {
        position: sticky !important
    }
    .lg\:top-\[10px\] {
        top: 10px !important
    }
    .lg\:mt-\[107px\] {
        margin-top: 107px !important
    }
    .lg\:mt-\[125px\] {
        margin-top: 125px !important
    }
    .lg\:block {
        display: block !important
    }
    .lg\:grid {
        display: grid !important
    }
    .lg\:hidden {
        display: none !important
    }
    .lg\:h-24 {
        height: 6rem !important
    }
    .lg\:w-\[417px\] {
        width: 417px !important
    }
    .lg\:w-full {
        width: 100% !important
    }
    .lg\:grid-cols-\[1fr_1\.4fr\] {
        grid-template-columns: 1fr 1.4fr !important
    }
    .lg\:grid-cols-\[1fr_348px\] {
        grid-template-columns: 1fr 348px !important
    }
    .lg\:flex-row {
        flex-direction: row !important
    }
    .lg\:justify-start {
        justify-content: flex-start !important
    }
    .lg\:gap-12 {
        gap: 3rem !important
    }
    .lg\:gap-20 {
        gap: 5rem !important
    }
    .lg\:gap-4 {
        gap: 1rem !important
    }
    .lg\:gap-6 {
        gap: 1.5rem !important
    }
    .lg\:gap-\[142px\] {
        gap: 142px !important
    }
    .lg\:py-\[125px\] {
        padding-top: 125px !important;
        padding-bottom: 125px !important
    }
    .lg\:pb-\[90px\] {
        padding-bottom: 90px !important
    }
    .lg\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }
}

@media (min-width: 1300px) {
    .xl\:grid {
        display: grid !important
    }
    .xl\:max-w-screen-container {
        max-width: 1230px !important
    }
    .xl\:grid-cols-\[280px_1fr\] {
        grid-template-columns: 280px 1fr !important
    }
}

.\[\&\>p\]\:text-\[17px\]>p {
    font-size: 17px !important
}

.\[\&\>p\]\:text-\[20px\]>p {
    font-size: 20px !important
}

.\[\&\>p\]\:leading-\[140\%\]>p {
    line-height: 140% !important
}

.\[\&\>p\]\:text-\[\#510C76\]>p {
    --tw-text-opacity: 1 !important;
    color: rgb(81 12 118 / var(--tw-text-opacity)) !important
}

.\[\&_\*\]\:text-white * {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.\[\&_p\]\:mb-0 p {
    margin-bottom: 0px !important
}

.\[\&_p\]\:text-base p {
    font-size: 1.0625rem !important
}

.\[\&_p\]\:leading-\[1\.4\] p {
    line-height: 1.4 !important
}