@layer properties; @layer theme, base, components, utilities; @layer theme{.sjc-design-7b6d59e9,.sjc-design-7b6d59e9{ --color-yellow-300: oklch(90.5% 0.182 98.111); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-green-500: oklch(72.3% 0.219 149.579); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-600: oklch(44.6% 0.03 256.802); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --font-weight-semibold: 600; --font-weight-bold: 700; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --blur-sm: 8px; --blur-3xl: 64px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-mono-font-family: var(--font-mono); }} @layer base{.sjc-design-7b6d59e9 *,.sjc-design-7b6d59e9 ::after,.sjc-design-7b6d59e9 ::before,.sjc-design-7b6d59e9 ::backdrop,.sjc-design-7b6d59e9 ::file-selector-button{ box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } .sjc-design-7b6d59e9,.sjc-design-7b6d59e9{ line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } .sjc-design-7b6d59e9 hr{ height: 0; color: inherit; border-top-width: 1px; } .sjc-design-7b6d59e9 abbr:where([title]){ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .sjc-design-7b6d59e9 h1,.sjc-design-7b6d59e9 h2,.sjc-design-7b6d59e9 h3,.sjc-design-7b6d59e9 h4,.sjc-design-7b6d59e9 h5,.sjc-design-7b6d59e9 h6{ font-size: inherit; font-weight: inherit; } .sjc-design-7b6d59e9 a{ color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } .sjc-design-7b6d59e9 b,.sjc-design-7b6d59e9 strong{ font-weight: bolder; } .sjc-design-7b6d59e9 code,.sjc-design-7b6d59e9 kbd,.sjc-design-7b6d59e9 samp,.sjc-design-7b6d59e9 pre{ font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } .sjc-design-7b6d59e9 small{ font-size: 80%; } .sjc-design-7b6d59e9 sub,.sjc-design-7b6d59e9 sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .sjc-design-7b6d59e9 sub{ bottom: -0.25em; } .sjc-design-7b6d59e9 sup{ top: -0.5em; } .sjc-design-7b6d59e9 table{ text-indent: 0; border-color: inherit; border-collapse: collapse; } .sjc-design-7b6d59e9 :-moz-focusring{ outline: auto; } .sjc-design-7b6d59e9 progress{ vertical-align: baseline; } .sjc-design-7b6d59e9 summary{ display: list-item; } .sjc-design-7b6d59e9 ol,.sjc-design-7b6d59e9 ul,.sjc-design-7b6d59e9 menu{ list-style: none; } .sjc-design-7b6d59e9 img,.sjc-design-7b6d59e9 svg,.sjc-design-7b6d59e9 video,.sjc-design-7b6d59e9 canvas,.sjc-design-7b6d59e9 audio,.sjc-design-7b6d59e9 iframe,.sjc-design-7b6d59e9 embed,.sjc-design-7b6d59e9 object{ display: block; vertical-align: middle; } .sjc-design-7b6d59e9 img,.sjc-design-7b6d59e9 video{ max-width: 100%; height: auto; } .sjc-design-7b6d59e9 button,.sjc-design-7b6d59e9 input,.sjc-design-7b6d59e9 select,.sjc-design-7b6d59e9 optgroup,.sjc-design-7b6d59e9 textarea,.sjc-design-7b6d59e9 ::file-selector-button{ font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } .sjc-design-7b6d59e9 :where(select:is([multiple],.sjc-design-7b6d59e9 [size])) optgroup{ font-weight: bolder; } .sjc-design-7b6d59e9 :where(select:is([multiple],.sjc-design-7b6d59e9 [size])) optgroup option{ padding-inline-start: 20px; } .sjc-design-7b6d59e9 ::file-selector-button{ margin-inline-end: 4px; } .sjc-design-7b6d59e9 ::placeholder{ opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){.sjc-design-7b6d59e9 ::placeholder{ color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } }} .sjc-design-7b6d59e9 textarea{ resize: vertical; } .sjc-design-7b6d59e9 ::-webkit-search-decoration{ -webkit-appearance: none; } .sjc-design-7b6d59e9 ::-webkit-date-and-time-value{ min-height: 1lh; text-align: inherit; } .sjc-design-7b6d59e9 ::-webkit-datetime-edit{ display: inline-flex; } .sjc-design-7b6d59e9 ::-webkit-datetime-edit-fields-wrapper{ padding: 0; } .sjc-design-7b6d59e9 ::-webkit-datetime-edit,.sjc-design-7b6d59e9 ::-webkit-datetime-edit-year-field,.sjc-design-7b6d59e9 ::-webkit-datetime-edit-month-field,.sjc-design-7b6d59e9 ::-webkit-datetime-edit-day-field,.sjc-design-7b6d59e9 ::-webkit-datetime-edit-hour-field,.sjc-design-7b6d59e9 ::-webkit-datetime-edit-minute-field,.sjc-design-7b6d59e9 ::-webkit-datetime-edit-second-field,.sjc-design-7b6d59e9 ::-webkit-datetime-edit-millisecond-field,.sjc-design-7b6d59e9 ::-webkit-datetime-edit-meridiem-field{ padding-block: 0; } .sjc-design-7b6d59e9 ::-webkit-calendar-picker-indicator{ line-height: 1; } .sjc-design-7b6d59e9 :-moz-ui-invalid{ box-shadow: none; } .sjc-design-7b6d59e9 button,.sjc-design-7b6d59e9 input:where([type="button"],.sjc-design-7b6d59e9 [type="reset"],.sjc-design-7b6d59e9 [type="submit"]),.sjc-design-7b6d59e9 ::file-selector-button{ appearance: button; } .sjc-design-7b6d59e9 ::-webkit-inner-spin-button,.sjc-design-7b6d59e9 ::-webkit-outer-spin-button{ height: auto; } .sjc-design-7b6d59e9 [hidden]:where(:not([hidden="until-found"])){ display: none !important; }} @layer utilities{.sjc-design-7b6d59e9 .invisible{ visibility: hidden; } .sjc-design-7b6d59e9 .absolute{ position: absolute; } .sjc-design-7b6d59e9 .fixed{ position: fixed; } .sjc-design-7b6d59e9 .relative{ position: relative; } .sjc-design-7b6d59e9 .inset-0{ inset: calc(var(--spacing) * 0); } .sjc-design-7b6d59e9 .-top-2{ top: calc(var(--spacing) * -2); } .sjc-design-7b6d59e9 .-top-12{ top: calc(var(--spacing) * -12); } .sjc-design-7b6d59e9 .top-0{ top: calc(var(--spacing) * 0); } .sjc-design-7b6d59e9 .top-10{ top: calc(var(--spacing) * 10); } .sjc-design-7b6d59e9 .top-12{ top: calc(var(--spacing) * 12); } .sjc-design-7b6d59e9 .top-full{ top: 100%; } .sjc-design-7b6d59e9 .-right-2{ right: calc(var(--spacing) * -2); } .sjc-design-7b6d59e9 .right-0{ right: calc(var(--spacing) * 0); } .sjc-design-7b6d59e9 .bottom-0{ bottom: calc(var(--spacing) * 0); } .sjc-design-7b6d59e9 .bottom-10{ bottom: calc(var(--spacing) * 10); } .sjc-design-7b6d59e9 .left-0{ left: calc(var(--spacing) * 0); } .sjc-design-7b6d59e9 .left-full{ left: 100%; } .sjc-design-7b6d59e9 .z-10{ z-index: 10; } .sjc-design-7b6d59e9 .z-50{ z-index: 50; } .sjc-design-7b6d59e9 .z-\[9999\]{ z-index: 9999; } .sjc-design-7b6d59e9 .order-1{ order: 1; } .sjc-design-7b6d59e9 .order-2{ order: 2; } .sjc-design-7b6d59e9 .container{ width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .sjc-design-7b6d59e9 .mx-auto{ margin-inline: auto; } .sjc-design-7b6d59e9 .mt-0{ margin-top: calc(var(--spacing) * 0); } .sjc-design-7b6d59e9 .mt-0\.5{ margin-top: calc(var(--spacing) * 0.5); } .sjc-design-7b6d59e9 .mt-1{ margin-top: calc(var(--spacing) * 1); } .sjc-design-7b6d59e9 .mt-2{ margin-top: calc(var(--spacing) * 2); } .sjc-design-7b6d59e9 .mt-4{ margin-top: calc(var(--spacing) * 4); } .sjc-design-7b6d59e9 .mt-8{ margin-top: calc(var(--spacing) * 8); } .sjc-design-7b6d59e9 .mt-12{ margin-top: calc(var(--spacing) * 12); } .sjc-design-7b6d59e9 .mt-16{ margin-top: calc(var(--spacing) * 16); } .sjc-design-7b6d59e9 .mt-20{ margin-top: calc(var(--spacing) * 20); } .sjc-design-7b6d59e9 .mr-1{ margin-right: calc(var(--spacing) * 1); } .sjc-design-7b6d59e9 .mr-2{ margin-right: calc(var(--spacing) * 2); } .sjc-design-7b6d59e9 .mb-1{ margin-bottom: calc(var(--spacing) * 1); } .sjc-design-7b6d59e9 .mb-2{ margin-bottom: calc(var(--spacing) * 2); } .sjc-design-7b6d59e9 .mb-3{ margin-bottom: calc(var(--spacing) * 3); } .sjc-design-7b6d59e9 .mb-4{ margin-bottom: calc(var(--spacing) * 4); } .sjc-design-7b6d59e9 .mb-6{ margin-bottom: calc(var(--spacing) * 6); } .sjc-design-7b6d59e9 .mb-12{ margin-bottom: calc(var(--spacing) * 12); } .sjc-design-7b6d59e9 .mb-16{ margin-bottom: calc(var(--spacing) * 16); } .sjc-design-7b6d59e9 .-ml-6{ margin-left: calc(var(--spacing) * -6); } .sjc-design-7b6d59e9 .ml-2{ margin-left: calc(var(--spacing) * 2); } .sjc-design-7b6d59e9 .block{ display: block; } .sjc-design-7b6d59e9 .flex{ display: flex; } .sjc-design-7b6d59e9 .grid{ display: grid; } .sjc-design-7b6d59e9 .hidden{ display: none; } .sjc-design-7b6d59e9 .inline-block{ display: inline-block; } .sjc-design-7b6d59e9 .h-0{ height: calc(var(--spacing) * 0); } .sjc-design-7b6d59e9 .h-8{ height: calc(var(--spacing) * 8); } .sjc-design-7b6d59e9 .h-12{ height: calc(var(--spacing) * 12); } .sjc-design-7b6d59e9 .h-16{ height: calc(var(--spacing) * 16); } .sjc-design-7b6d59e9 .h-24{ height: calc(var(--spacing) * 24); } .sjc-design-7b6d59e9 .h-48{ height: calc(var(--spacing) * 48); } .sjc-design-7b6d59e9 .h-72{ height: calc(var(--spacing) * 72); } .sjc-design-7b6d59e9 .h-96{ height: calc(var(--spacing) * 96); } .sjc-design-7b6d59e9 .h-full{ height: 100%; } .sjc-design-7b6d59e9 .w-1\/2{ width: calc(1 / 2 * 100%); } .sjc-design-7b6d59e9 .w-8{ width: calc(var(--spacing) * 8); } .sjc-design-7b6d59e9 .w-12{ width: calc(var(--spacing) * 12); } .sjc-design-7b6d59e9 .w-16{ width: calc(var(--spacing) * 16); } .sjc-design-7b6d59e9 .w-24{ width: calc(var(--spacing) * 24); } .sjc-design-7b6d59e9 .w-72{ width: calc(var(--spacing) * 72); } .sjc-design-7b6d59e9 .w-96{ width: calc(var(--spacing) * 96); } .sjc-design-7b6d59e9 .w-full{ width: 100%; } .sjc-design-7b6d59e9 .max-w-2xl{ max-width: var(--container-2xl); } .sjc-design-7b6d59e9 .max-w-3xl{ max-width: var(--container-3xl); } .sjc-design-7b6d59e9 .max-w-4xl{ max-width: var(--container-4xl); } .sjc-design-7b6d59e9 .max-w-5xl{ max-width: var(--container-5xl); } .sjc-design-7b6d59e9 .max-w-6xl{ max-width: var(--container-6xl); } .sjc-design-7b6d59e9 .max-w-7xl{ max-width: var(--container-7xl); } .sjc-design-7b6d59e9 .min-w-\[200px\]{ min-width: 200px; } .sjc-design-7b6d59e9 .flex-shrink-0{ flex-shrink: 0; } .sjc-design-7b6d59e9 .-rotate-3{ rotate: calc(3deg * -1); } .sjc-design-7b6d59e9 .transform{ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .sjc-design-7b6d59e9 .scroll-mt-20{ scroll-margin-top: calc(var(--spacing) * 20); } .sjc-design-7b6d59e9 .scroll-mt-24{ scroll-margin-top: calc(var(--spacing) * 24); } .sjc-design-7b6d59e9 .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sjc-design-7b6d59e9 .flex-col{ flex-direction: column; } .sjc-design-7b6d59e9 .flex-wrap{ flex-wrap: wrap; } .sjc-design-7b6d59e9 .items-center{ align-items: center; } .sjc-design-7b6d59e9 .items-start{ align-items: flex-start; } .sjc-design-7b6d59e9 .justify-between{ justify-content: space-between; } .sjc-design-7b6d59e9 .justify-center{ justify-content: center; } .sjc-design-7b6d59e9 .gap-1{ gap: calc(var(--spacing) * 1); } .sjc-design-7b6d59e9 .gap-3{ gap: calc(var(--spacing) * 3); } .sjc-design-7b6d59e9 .gap-4{ gap: calc(var(--spacing) * 4); } .sjc-design-7b6d59e9 .gap-6{ gap: calc(var(--spacing) * 6); } .sjc-design-7b6d59e9 .gap-8{ gap: calc(var(--spacing) * 8); } .sjc-design-7b6d59e9 .gap-12{ gap: calc(var(--spacing) * 12); } .sjc-design-7b6d59e9 .space-y-1\.5{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } } .sjc-design-7b6d59e9 .space-y-3{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .sjc-design-7b6d59e9 .space-y-4{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .sjc-design-7b6d59e9 .space-y-6{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .sjc-design-7b6d59e9 .space-x-3{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } .sjc-design-7b6d59e9 .space-x-4{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .sjc-design-7b6d59e9 .space-x-6{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } .sjc-design-7b6d59e9 .space-x-8{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } .sjc-design-7b6d59e9 .overflow-hidden{ overflow: hidden; } .sjc-design-7b6d59e9 .rounded-2xl{ border-radius: var(--radius-2xl); } .sjc-design-7b6d59e9 .rounded-3xl{ border-radius: var(--radius-3xl); } .sjc-design-7b6d59e9 .rounded-full{ border-radius: calc(infinity * 1px); } .sjc-design-7b6d59e9 .rounded-lg{ border-radius: var(--radius-lg); } .sjc-design-7b6d59e9 .rounded-xl{ border-radius: var(--radius-xl); } .sjc-design-7b6d59e9 .rounded-t-lg{ border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .sjc-design-7b6d59e9 .border{ border-style: var(--tw-border-style); border-width: 1px; } .sjc-design-7b6d59e9 .border-2{ border-style: var(--tw-border-style); border-width: 2px; } .sjc-design-7b6d59e9 .border-4{ border-style: var(--tw-border-style); border-width: 4px; } .sjc-design-7b6d59e9 .border-t{ border-top-style: var(--tw-border-style); border-top-width: 1px; } .sjc-design-7b6d59e9 .border-t-2{ border-top-style: var(--tw-border-style); border-top-width: 2px; } .sjc-design-7b6d59e9 .border-\[\#B35F1D\]{ border-color: #B35F1D; } .sjc-design-7b6d59e9 .border-\[var\(--primary-color\)\]{ border-color: var(--primary-color); } .sjc-design-7b6d59e9 .border-\[var\(--primary-color\)\]\/20{ border-color: var(--primary-color); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--primary-color) 20%, transparent); } } .sjc-design-7b6d59e9 .border-black{ border-color: var(--color-black); } .sjc-design-7b6d59e9 .border-white{ border-color: var(--color-white); } .sjc-design-7b6d59e9 .border-white\/20{ border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .sjc-design-7b6d59e9 .bg-\[\#B35F1D\]{ background-color: #B35F1D; } .sjc-design-7b6d59e9 .bg-\[\#d1e7f5\]{ background-color: #d1e7f5; } .sjc-design-7b6d59e9 .bg-\[\#e5e5e5\]{ background-color: #e5e5e5; } .sjc-design-7b6d59e9 .bg-\[\#f8f9fa\]{ background-color: #f8f9fa; } .sjc-design-7b6d59e9 .bg-\[var\(--accent2-color\)\]{ background-color: var(--accent2-color); } .sjc-design-7b6d59e9 .bg-\[var\(--accent3-color\)\]{ background-color: var(--accent3-color); } .sjc-design-7b6d59e9 .bg-\[var\(--primary-color\)\]{ background-color: var(--primary-color); } .sjc-design-7b6d59e9 .bg-black{ background-color: var(--color-black); } .sjc-design-7b6d59e9 .bg-black\/80{ background-color: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .sjc-design-7b6d59e9 .bg-white{ background-color: var(--color-white); } .sjc-design-7b6d59e9 .bg-white\/20{ background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .sjc-design-7b6d59e9 .bg-white\/25{ background-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .sjc-design-7b6d59e9 .bg-white\/30{ background-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .sjc-design-7b6d59e9 .bg-white\/90{ background-color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .sjc-design-7b6d59e9 .bg-yellow-400{ background-color: var(--color-yellow-400); } .sjc-design-7b6d59e9 .bg-gradient-to-br{ --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .sjc-design-7b6d59e9 .bg-gradient-to-t{ --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .sjc-design-7b6d59e9 .from-\[var\(--primary-color\)\]{ --tw-gradient-from: var(--primary-color); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .sjc-design-7b6d59e9 .from-black\/70{ --tw-gradient-from: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .sjc-design-7b6d59e9 .via-black\/20{ --tw-gradient-via: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .sjc-design-7b6d59e9 .to-\[var\(--accent3-color\)\]{ --tw-gradient-to: var(--accent3-color); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .sjc-design-7b6d59e9 .to-transparent{ --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .sjc-design-7b6d59e9 .object-cover{ object-fit: cover; } .sjc-design-7b6d59e9 .object-top{ object-position: top; } .sjc-design-7b6d59e9 .p-4{ padding: calc(var(--spacing) * 4); } .sjc-design-7b6d59e9 .p-6{ padding: calc(var(--spacing) * 6); } .sjc-design-7b6d59e9 .p-8{ padding: calc(var(--spacing) * 8); } .sjc-design-7b6d59e9 .p-10{ padding: calc(var(--spacing) * 10); } .sjc-design-7b6d59e9 .px-4{ padding-inline: calc(var(--spacing) * 4); } .sjc-design-7b6d59e9 .px-5{ padding-inline: calc(var(--spacing) * 5); } .sjc-design-7b6d59e9 .px-6{ padding-inline: calc(var(--spacing) * 6); } .sjc-design-7b6d59e9 .px-8{ padding-inline: calc(var(--spacing) * 8); } .sjc-design-7b6d59e9 .px-10{ padding-inline: calc(var(--spacing) * 10); } .sjc-design-7b6d59e9 .py-1{ padding-block: calc(var(--spacing) * 1); } .sjc-design-7b6d59e9 .py-2{ padding-block: calc(var(--spacing) * 2); } .sjc-design-7b6d59e9 .py-2\.5{ padding-block: calc(var(--spacing) * 2.5); } .sjc-design-7b6d59e9 .py-3{ padding-block: calc(var(--spacing) * 3); } .sjc-design-7b6d59e9 .py-4{ padding-block: calc(var(--spacing) * 4); } .sjc-design-7b6d59e9 .py-5{ padding-block: calc(var(--spacing) * 5); } .sjc-design-7b6d59e9 .py-6{ padding-block: calc(var(--spacing) * 6); } .sjc-design-7b6d59e9 .py-16{ padding-block: calc(var(--spacing) * 16); } .sjc-design-7b6d59e9 .pt-0{ padding-top: calc(var(--spacing) * 0); } .sjc-design-7b6d59e9 .pt-4{ padding-top: calc(var(--spacing) * 4); } .sjc-design-7b6d59e9 .pt-5{ padding-top: calc(var(--spacing) * 5); } .sjc-design-7b6d59e9 .pt-6{ padding-top: calc(var(--spacing) * 6); } .sjc-design-7b6d59e9 .pt-8{ padding-top: calc(var(--spacing) * 8); } .sjc-design-7b6d59e9 .pt-10{ padding-top: calc(var(--spacing) * 10); } .sjc-design-7b6d59e9 .pt-15{ padding-top: calc(var(--spacing) * 15); } .sjc-design-7b6d59e9 .pt-16{ padding-top: calc(var(--spacing) * 16); } .sjc-design-7b6d59e9 .pt-20{ padding-top: calc(var(--spacing) * 20); } .sjc-design-7b6d59e9 .pr-8{ padding-right: calc(var(--spacing) * 8); } .sjc-design-7b6d59e9 .pb-4{ padding-bottom: calc(var(--spacing) * 4); } .sjc-design-7b6d59e9 .pb-5{ padding-bottom: calc(var(--spacing) * 5); } .sjc-design-7b6d59e9 .pb-6{ padding-bottom: calc(var(--spacing) * 6); } .sjc-design-7b6d59e9 .pb-7{ padding-bottom: calc(var(--spacing) * 7); } .sjc-design-7b6d59e9 .pb-14{ padding-bottom: calc(var(--spacing) * 14); } .sjc-design-7b6d59e9 .pb-20{ padding-bottom: calc(var(--spacing) * 20); } .sjc-design-7b6d59e9 .pb-\[56\.25\%\]{ padding-bottom: 56.25%; } .sjc-design-7b6d59e9 .pl-6{ padding-left: calc(var(--spacing) * 6); } .sjc-design-7b6d59e9 .text-center{ text-align: center; } .sjc-design-7b6d59e9 .text-left{ text-align: left; } .sjc-design-7b6d59e9 .text-2xl{ font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .sjc-design-7b6d59e9 .text-3xl{ font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .sjc-design-7b6d59e9 .text-4xl{ font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sjc-design-7b6d59e9 .text-base{ font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .sjc-design-7b6d59e9 .text-lg{ font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .sjc-design-7b6d59e9 .text-sm{ font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sjc-design-7b6d59e9 .text-xl{ font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .sjc-design-7b6d59e9 .text-xs{ font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .sjc-design-7b6d59e9 .leading-relaxed{ --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .sjc-design-7b6d59e9 .leading-tight{ --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .sjc-design-7b6d59e9 .font-\[var\(--font-family-body\)\]{ --tw-font-weight: var(--font-family-body); font-weight: var(--font-family-body); } .sjc-design-7b6d59e9 .font-\[var\(--font-family-heading\)\]{ --tw-font-weight: var(--font-family-heading); font-weight: var(--font-family-heading); } .sjc-design-7b6d59e9 .font-bold{ --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .sjc-design-7b6d59e9 .font-semibold{ --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .sjc-design-7b6d59e9 .whitespace-nowrap{ white-space: nowrap; } .sjc-design-7b6d59e9 .text-\[\#B35F1D\]{ color: #B35F1D; } .sjc-design-7b6d59e9 .text-\[\#FFEB3B\]{ color: #FFEB3B; } .sjc-design-7b6d59e9 .text-\[var\(--accent3-color\)\]{ color: var(--accent3-color); } .sjc-design-7b6d59e9 .text-\[var\(--dark-text-color\)\]{ color: var(--dark-text-color); } .sjc-design-7b6d59e9 .text-\[var\(--gray-text-color\)\]{ color: var(--gray-text-color); } .sjc-design-7b6d59e9 .text-\[var\(--primary-color\)\]{ color: var(--primary-color); } .sjc-design-7b6d59e9 .text-black{ color: var(--color-black); } .sjc-design-7b6d59e9 .text-gray-600{ color: var(--color-gray-600); } .sjc-design-7b6d59e9 .text-white{ color: var(--color-white); } .sjc-design-7b6d59e9 .text-white\/90{ color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .sjc-design-7b6d59e9 .text-yellow-300{ color: var(--color-yellow-300); } .sjc-design-7b6d59e9 .opacity-0{ opacity: 0%; } .sjc-design-7b6d59e9 .opacity-5{ opacity: 5%; } .sjc-design-7b6d59e9 .opacity-10{ opacity: 10%; } .sjc-design-7b6d59e9 .opacity-30{ opacity: 30%; } .sjc-design-7b6d59e9 .shadow-2xl{ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sjc-design-7b6d59e9 .shadow-lg{ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sjc-design-7b6d59e9 .shadow-md{ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sjc-design-7b6d59e9 .shadow-xl{ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sjc-design-7b6d59e9 .blur-3xl{ --tw-blur: blur(var(--blur-3xl)); 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,); } .sjc-design-7b6d59e9 .backdrop-blur-sm{ --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .sjc-design-7b6d59e9 .transition-all{ transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .sjc-design-7b6d59e9 .transition-colors{ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .sjc-design-7b6d59e9 .transition-opacity{ transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .sjc-design-7b6d59e9 .transition-shadow{ transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .sjc-design-7b6d59e9 .transition-transform{ transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .sjc-design-7b6d59e9 .duration-200{ --tw-duration: 200ms; transition-duration: 200ms; } .sjc-design-7b6d59e9 .duration-300{ --tw-duration: 300ms; transition-duration: 300ms; } .sjc-design-7b6d59e9 .duration-500{ --tw-duration: 500ms; transition-duration: 500ms; } .sjc-design-7b6d59e9 .ease-out{ --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .sjc-design-7b6d59e9 .group-hover\:visible{ &:is(:where(.group):hover *) { @media (hover: hover) { visibility: visible; } } } .sjc-design-7b6d59e9 .group-hover\:scale-110{ &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .sjc-design-7b6d59e9 .group-hover\:opacity-100{ &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .sjc-design-7b6d59e9 .hover\:z-10{ &:hover { @media (hover: hover) { z-index: 10; } } } .sjc-design-7b6d59e9 .hover\:-translate-y-0\.5{ &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .sjc-design-7b6d59e9 .hover\:-translate-y-1{ &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .sjc-design-7b6d59e9 .hover\:-translate-y-2{ &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .sjc-design-7b6d59e9 .hover\:scale-105{ &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .sjc-design-7b6d59e9 .hover\:scale-110{ &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .sjc-design-7b6d59e9 .hover\:scale-125{ &:hover { @media (hover: hover) { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .sjc-design-7b6d59e9 .hover\:bg-\[var\(--light-background-color\)\]{ &:hover { @media (hover: hover) { background-color: var(--light-background-color); } } } .sjc-design-7b6d59e9 .hover\:bg-\[var\(--primary-color\)\]{ &:hover { @media (hover: hover) { background-color: var(--primary-color); } } } .sjc-design-7b6d59e9 .hover\:bg-green-500{ &:hover { @media (hover: hover) { background-color: var(--color-green-500); } } } .sjc-design-7b6d59e9 .hover\:bg-white{ &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .sjc-design-7b6d59e9 .hover\:text-\[\#FFEB3B\]{ &:hover { @media (hover: hover) { color: #FFEB3B; } } } .sjc-design-7b6d59e9 .hover\:text-\[var\(--accent2-color\)\]{ &:hover { @media (hover: hover) { color: var(--accent2-color); } } } .sjc-design-7b6d59e9 .hover\:text-\[var\(--accent3-color\)\]{ &:hover { @media (hover: hover) { color: var(--accent3-color); } } } .sjc-design-7b6d59e9 .hover\:text-\[var\(--primary-color\)\]{ &:hover { @media (hover: hover) { color: var(--primary-color); } } } .sjc-design-7b6d59e9 .hover\:text-gray-300{ &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } .sjc-design-7b6d59e9 .hover\:text-white{ &:hover { @media (hover: hover) { color: var(--color-white); } } } .sjc-design-7b6d59e9 .hover\:shadow-2xl{ &:hover { @media (hover: hover) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .sjc-design-7b6d59e9 .hover\:shadow-xl{ &:hover { @media (hover: hover) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .sjc-design-7b6d59e9 .focus\:outline-none{ &:focus { --tw-outline-style: none; outline-style: none; } } .sjc-design-7b6d59e9 .sm\:h-20{ @media (width >= 40rem) { height: calc(var(--spacing) * 20); } } .sjc-design-7b6d59e9 .sm\:grid-cols-2{ @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sjc-design-7b6d59e9 .sm\:grid-cols-3{ @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sjc-design-7b6d59e9 .sm\:p-8{ @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sjc-design-7b6d59e9 .sm\:text-3xl{ @media (width >= 40rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sjc-design-7b6d59e9 .sm\:text-4xl{ @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sjc-design-7b6d59e9 .sm\:text-xl{ @media (width >= 40rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .sjc-design-7b6d59e9 .md\:block{ @media (width >= 48rem) { display: block; } } .sjc-design-7b6d59e9 .md\:grid-cols-2{ @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sjc-design-7b6d59e9 .md\:grid-cols-3{ @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sjc-design-7b6d59e9 .md\:flex-row{ @media (width >= 48rem) { flex-direction: row; } } .sjc-design-7b6d59e9 .md\:space-y-0{ @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .sjc-design-7b6d59e9 .lg\:order-1{ @media (width >= 64rem) { order: 1; } } .sjc-design-7b6d59e9 .lg\:order-2{ @media (width >= 64rem) { order: 2; } } .sjc-design-7b6d59e9 .lg\:mt-0{ @media (width >= 64rem) { margin-top: calc(var(--spacing) * 0); } } .sjc-design-7b6d59e9 .lg\:flex{ @media (width >= 64rem) { display: flex; } } .sjc-design-7b6d59e9 .lg\:hidden{ @media (width >= 64rem) { display: none; } } .sjc-design-7b6d59e9 .lg\:h-14{ @media (width >= 64rem) { height: calc(var(--spacing) * 14); } } .sjc-design-7b6d59e9 .lg\:scale-110{ @media (width >= 64rem) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .sjc-design-7b6d59e9 .lg\:scroll-mt-24{ @media (width >= 64rem) { scroll-margin-top: calc(var(--spacing) * 24); } } .sjc-design-7b6d59e9 .lg\:grid-cols-2{ @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sjc-design-7b6d59e9 .lg\:grid-cols-3{ @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sjc-design-7b6d59e9 .lg\:grid-cols-4{ @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sjc-design-7b6d59e9 .lg\:gap-8{ @media (width >= 64rem) { gap: calc(var(--spacing) * 8); } } .sjc-design-7b6d59e9 .lg\:gap-12{ @media (width >= 64rem) { gap: calc(var(--spacing) * 12); } } .sjc-design-7b6d59e9 .lg\:p-10{ @media (width >= 64rem) { padding: calc(var(--spacing) * 10); } } .sjc-design-7b6d59e9 .lg\:px-8{ @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .sjc-design-7b6d59e9 .lg\:py-10{ @media (width >= 64rem) { padding-block: calc(var(--spacing) * 10); } } .sjc-design-7b6d59e9 .lg\:py-24{ @media (width >= 64rem) { padding-block: calc(var(--spacing) * 24); } } .sjc-design-7b6d59e9 .lg\:pt-0{ @media (width >= 64rem) { padding-top: calc(var(--spacing) * 0); } } .sjc-design-7b6d59e9 .lg\:pt-3{ @media (width >= 64rem) { padding-top: calc(var(--spacing) * 3); } } .sjc-design-7b6d59e9 .lg\:pt-6{ @media (width >= 64rem) { padding-top: calc(var(--spacing) * 6); } } .sjc-design-7b6d59e9 .lg\:pt-7{ @media (width >= 64rem) { padding-top: calc(var(--spacing) * 7); } } .sjc-design-7b6d59e9 .lg\:pt-12{ @media (width >= 64rem) { padding-top: calc(var(--spacing) * 12); } } .sjc-design-7b6d59e9 .lg\:pt-14{ @media (width >= 64rem) { padding-top: calc(var(--spacing) * 14); } } .sjc-design-7b6d59e9 .lg\:pt-20{ @media (width >= 64rem) { padding-top: calc(var(--spacing) * 20); } } .sjc-design-7b6d59e9 .lg\:pt-\[100px\]{ @media (width >= 64rem) { padding-top: 100px; } } .sjc-design-7b6d59e9 .lg\:pb-6{ @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 6); } } .sjc-design-7b6d59e9 .lg\:pb-7{ @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 7); } } .sjc-design-7b6d59e9 .lg\:pb-9{ @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 9); } } .sjc-design-7b6d59e9 .lg\:pb-20{ @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 20); } } .sjc-design-7b6d59e9 .lg\:pb-24{ @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 24); } } .sjc-design-7b6d59e9 .lg\:pb-28{ @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 28); } } .sjc-design-7b6d59e9 .lg\:text-2xl{ @media (width >= 64rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sjc-design-7b6d59e9 .lg\:text-3xl{ @media (width >= 64rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sjc-design-7b6d59e9 .lg\:text-5xl{ @media (width >= 64rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .sjc-design-7b6d59e9 .lg\:text-xl{ @media (width >= 64rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .sjc-design-7b6d59e9 .\32 xl\:text-3xl{ @media (width >= 96rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sjc-design-7b6d59e9 .\32 xl\:text-xl{ @media (width >= 96rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } }} @property --tw-rotate-x{ syntax: "*"; inherits: false; } @property --tw-rotate-y{ syntax: "*"; inherits: false; } @property --tw-rotate-z{ syntax: "*"; inherits: false; } @property --tw-skew-x{ syntax: "*"; inherits: false; } @property --tw-skew-y{ syntax: "*"; inherits: false; } @property --tw-space-y-reverse{ syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse{ syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style{ syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position{ syntax: "*"; inherits: false; } @property --tw-gradient-from{ syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via{ syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to{ syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops{ syntax: "*"; inherits: false; } @property --tw-gradient-via-stops{ syntax: "*"; inherits: false; } @property --tw-gradient-from-position{ syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position{ syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position{ syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading{ syntax: "*"; inherits: false; } @property --tw-font-weight{ syntax: "*"; inherits: false; } @property --tw-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color{ syntax: "*"; inherits: false; } @property --tw-shadow-alpha{ syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color{ syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha{ syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color{ syntax: "*"; inherits: false; } @property --tw-ring-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color{ syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset{ syntax: "*"; inherits: false; } @property --tw-ring-offset-width{ syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color{ syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-blur{ syntax: "*"; inherits: false; } @property --tw-brightness{ syntax: "*"; inherits: false; } @property --tw-contrast{ syntax: "*"; inherits: false; } @property --tw-grayscale{ syntax: "*"; inherits: false; } @property --tw-hue-rotate{ syntax: "*"; inherits: false; } @property --tw-invert{ syntax: "*"; inherits: false; } @property --tw-opacity{ syntax: "*"; inherits: false; } @property --tw-saturate{ syntax: "*"; inherits: false; } @property --tw-sepia{ syntax: "*"; inherits: false; } @property --tw-drop-shadow{ syntax: "*"; inherits: false; } @property --tw-drop-shadow-color{ syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha{ syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size{ syntax: "*"; inherits: false; } @property --tw-backdrop-blur{ syntax: "*"; inherits: false; } @property --tw-backdrop-brightness{ syntax: "*"; inherits: false; } @property --tw-backdrop-contrast{ syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale{ syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate{ syntax: "*"; inherits: false; } @property --tw-backdrop-invert{ syntax: "*"; inherits: false; } @property --tw-backdrop-opacity{ syntax: "*"; inherits: false; } @property --tw-backdrop-saturate{ syntax: "*"; inherits: false; } @property --tw-backdrop-sepia{ syntax: "*"; inherits: false; } @property --tw-duration{ syntax: "*"; inherits: false; } @property --tw-ease{ syntax: "*"; inherits: false; } @property --tw-scale-x{ syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y{ syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z{ syntax: "*"; inherits: false; initial-value: 1; } @property --tw-translate-x{ syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y{ syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z{ syntax: "*"; inherits: false; initial-value: 0; } @layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){.sjc-design-7b6d59e9 *,.sjc-design-7b6d59e9 ::before,.sjc-design-7b6d59e9 ::after,.sjc-design-7b6d59e9 ::backdrop{ --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; }}} .sjc-design-7b6d59e9 *,.sjc-design-7b6d59e9 ::after,.sjc-design-7b6d59e9 ::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb} .sjc-design-7b6d59e9 ::after,.sjc-design-7b6d59e9 ::before{--tw-content:''} .sjc-design-7b6d59e9{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal} .sjc-design-7b6d59e9{margin:0;line-height:inherit} .sjc-design-7b6d59e9 hr{height:0;color:inherit;border-top-width:1px} .sjc-design-7b6d59e9 abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted} .sjc-design-7b6d59e9 h1,.sjc-design-7b6d59e9 h2,.sjc-design-7b6d59e9 h3,.sjc-design-7b6d59e9 h4,.sjc-design-7b6d59e9 h5,.sjc-design-7b6d59e9 h6{font-size:inherit;font-weight:inherit} .sjc-design-7b6d59e9 a{color:inherit;text-decoration:inherit} .sjc-design-7b6d59e9 b,.sjc-design-7b6d59e9 strong{font-weight:bolder} .sjc-design-7b6d59e9 code,.sjc-design-7b6d59e9 kbd,.sjc-design-7b6d59e9 pre,.sjc-design-7b6d59e9 samp{font-size:1em} .sjc-design-7b6d59e9 small{font-size:80%} .sjc-design-7b6d59e9 sub,.sjc-design-7b6d59e9 sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} .sjc-design-7b6d59e9 sub{bottom:-.25em} .sjc-design-7b6d59e9 sup{top:-.5em} .sjc-design-7b6d59e9 table{text-indent:0;border-color:inherit;border-collapse:collapse} .sjc-design-7b6d59e9 button,.sjc-design-7b6d59e9 input,.sjc-design-7b6d59e9 optgroup,.sjc-design-7b6d59e9 select,.sjc-design-7b6d59e9 textarea{font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0} .sjc-design-7b6d59e9 button,.sjc-design-7b6d59e9 select{text-transform:none} .sjc-design-7b6d59e9 [type=button],.sjc-design-7b6d59e9 [type=reset],.sjc-design-7b6d59e9 [type=submit],.sjc-design-7b6d59e9 button{-webkit-appearance:button;background-color:transparent;background-image:none} .sjc-design-7b6d59e9 :-moz-focusring{outline:auto} .sjc-design-7b6d59e9 :-moz-ui-invalid{box-shadow:none} .sjc-design-7b6d59e9 progress{vertical-align:baseline} .sjc-design-7b6d59e9 ::-webkit-inner-spin-button,.sjc-design-7b6d59e9 ::-webkit-outer-spin-button{height:auto} .sjc-design-7b6d59e9 [type=search]{-webkit-appearance:textfield;outline-offset:-2px} .sjc-design-7b6d59e9 ::-webkit-search-decoration{-webkit-appearance:none} .sjc-design-7b6d59e9 ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} .sjc-design-7b6d59e9 summary{display:list-item} .sjc-design-7b6d59e9 blockquote,.sjc-design-7b6d59e9 dd,.sjc-design-7b6d59e9 dl,.sjc-design-7b6d59e9 figure,.sjc-design-7b6d59e9 h1,.sjc-design-7b6d59e9 h2,.sjc-design-7b6d59e9 h3,.sjc-design-7b6d59e9 h4,.sjc-design-7b6d59e9 h5,.sjc-design-7b6d59e9 h6,.sjc-design-7b6d59e9 hr,.sjc-design-7b6d59e9 p,.sjc-design-7b6d59e9 pre{margin:0} .sjc-design-7b6d59e9 fieldset{margin:0;padding:0} .sjc-design-7b6d59e9 legend{padding:0} .sjc-design-7b6d59e9 menu,.sjc-design-7b6d59e9 ol,.sjc-design-7b6d59e9 ul{list-style:none;margin:0;padding:0} .sjc-design-7b6d59e9 textarea{resize:vertical} .sjc-design-7b6d59e9 input::-moz-placeholder,.sjc-design-7b6d59e9 textarea::-moz-placeholder{opacity:1;color:#9ca3af} .sjc-design-7b6d59e9 input::placeholder,.sjc-design-7b6d59e9 textarea::placeholder{opacity:1;color:#9ca3af} .sjc-design-7b6d59e9 [role=button],.sjc-design-7b6d59e9 button{cursor:pointer} .sjc-design-7b6d59e9 :disabled{cursor:default} .sjc-design-7b6d59e9 audio,.sjc-design-7b6d59e9 canvas,.sjc-design-7b6d59e9 embed,.sjc-design-7b6d59e9 iframe,.sjc-design-7b6d59e9 img,.sjc-design-7b6d59e9 object,.sjc-design-7b6d59e9 svg,.sjc-design-7b6d59e9 video{display:block;vertical-align:middle} .sjc-design-7b6d59e9 img,.sjc-design-7b6d59e9 video{max-width:100%;height:auto} .sjc-design-7b6d59e9 [hidden]{display:none} .sjc-design-7b6d59e9 *,.sjc-design-7b6d59e9 ::after,.sjc-design-7b6d59e9 ::before{--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: } .sjc-design-7b6d59e9 ::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: } .sjc-design-7b6d59e9 .container{width:100%} @media (min-width:640px){.sjc-design-7b6d59e9 .container{max-width:640px}} @media (min-width:768px){.sjc-design-7b6d59e9 .container{max-width:768px}} @media (min-width:1024px){.sjc-design-7b6d59e9 .container{max-width:1024px}} @media (min-width:1280px){.sjc-design-7b6d59e9 .container{max-width:1280px}} @media (min-width:1536px){.sjc-design-7b6d59e9 .container{max-width:1536px}} .sjc-design-7b6d59e9 .visible{visibility:visible} .sjc-design-7b6d59e9 .invisible{visibility:hidden} .sjc-design-7b6d59e9 .static{position:static} .sjc-design-7b6d59e9 .fixed{position:fixed} .sjc-design-7b6d59e9 .absolute{position:absolute} .sjc-design-7b6d59e9 .relative{position:relative} .sjc-design-7b6d59e9 .inset-0{inset:0px} .sjc-design-7b6d59e9 .-right-2{right:-.5rem} .sjc-design-7b6d59e9 .-top-12{top:-3rem} .sjc-design-7b6d59e9 .-top-2{top:-.5rem} .sjc-design-7b6d59e9 .bottom-0{bottom:0} .sjc-design-7b6d59e9 .bottom-10{bottom:2.5rem} .sjc-design-7b6d59e9 .left-0{left:0} .sjc-design-7b6d59e9 .left-full{left:100%} .sjc-design-7b6d59e9 .right-0{right:0} .sjc-design-7b6d59e9 .top-0{top:0} .sjc-design-7b6d59e9 .top-10{top:2.5rem} .sjc-design-7b6d59e9 .top-12{top:3rem} .sjc-design-7b6d59e9 .top-full{top:100%} .sjc-design-7b6d59e9 .z-10{z-index:10} .sjc-design-7b6d59e9 .z-50{z-index:50} .sjc-design-7b6d59e9 .z-\[9999\]{z-index:9999} .sjc-design-7b6d59e9 .order-1{order:1} .sjc-design-7b6d59e9 .order-2{order:2} .sjc-design-7b6d59e9 .mx-auto{margin-left:auto;margin-right:auto} .sjc-design-7b6d59e9 .-ml-6{margin-left:-1.5rem} .sjc-design-7b6d59e9 .mb-1{margin-bottom:.25rem} .sjc-design-7b6d59e9 .mb-12{margin-bottom:3rem} .sjc-design-7b6d59e9 .mb-16{margin-bottom:4rem} .sjc-design-7b6d59e9 .mb-2{margin-bottom:.5rem} .sjc-design-7b6d59e9 .mb-3{margin-bottom:.75rem} .sjc-design-7b6d59e9 .mb-4{margin-bottom:1rem} .sjc-design-7b6d59e9 .mb-6{margin-bottom:1.5rem} .sjc-design-7b6d59e9 .ml-2{margin-left:.5rem} .sjc-design-7b6d59e9 .mr-1{margin-right:.25rem} .sjc-design-7b6d59e9 .mr-2{margin-right:.5rem} .sjc-design-7b6d59e9 .mt-0{margin-top:0} .sjc-design-7b6d59e9 .mt-0\.5{margin-top:.125rem} .sjc-design-7b6d59e9 .mt-1{margin-top:.25rem} .sjc-design-7b6d59e9 .mt-12{margin-top:3rem} .sjc-design-7b6d59e9 .mt-16{margin-top:4rem} .sjc-design-7b6d59e9 .mt-2{margin-top:.5rem} .sjc-design-7b6d59e9 .mt-20{margin-top:5rem} .sjc-design-7b6d59e9 .mt-4{margin-top:1rem} .sjc-design-7b6d59e9 .mt-8{margin-top:2rem} .sjc-design-7b6d59e9 .block{display:block} .sjc-design-7b6d59e9 .inline-block{display:inline-block} .sjc-design-7b6d59e9 .inline{display:inline} .sjc-design-7b6d59e9 .flex{display:flex} .sjc-design-7b6d59e9 .inline-flex{display:inline-flex} .sjc-design-7b6d59e9 .table{display:table} .sjc-design-7b6d59e9 .grid{display:grid} .sjc-design-7b6d59e9 .hidden{display:none} .sjc-design-7b6d59e9 .h-0{height:0} .sjc-design-7b6d59e9 .h-12{height:3rem} .sjc-design-7b6d59e9 .h-16{height:4rem} .sjc-design-7b6d59e9 .h-24{height:6rem} .sjc-design-7b6d59e9 .h-48{height:12rem} .sjc-design-7b6d59e9 .h-72{height:18rem} .sjc-design-7b6d59e9 .h-8{height:2rem} .sjc-design-7b6d59e9 .h-96{height:24rem} .sjc-design-7b6d59e9 .h-full{height:100%} .sjc-design-7b6d59e9 .w-1\/2{width:50%} .sjc-design-7b6d59e9 .w-12{width:3rem} .sjc-design-7b6d59e9 .w-16{width:4rem} .sjc-design-7b6d59e9 .w-24{width:6rem} .sjc-design-7b6d59e9 .w-72{width:18rem} .sjc-design-7b6d59e9 .w-8{width:2rem} .sjc-design-7b6d59e9 .w-96{width:24rem} .sjc-design-7b6d59e9 .w-full{width:100%} .sjc-design-7b6d59e9 .min-w-\[200px\]{min-width:200px} .sjc-design-7b6d59e9 .max-w-2xl{max-width:42rem} .sjc-design-7b6d59e9 .max-w-3xl{max-width:48rem} .sjc-design-7b6d59e9 .max-w-4xl{max-width:56rem} .sjc-design-7b6d59e9 .max-w-5xl{max-width:64rem} .sjc-design-7b6d59e9 .max-w-6xl{max-width:72rem} .sjc-design-7b6d59e9 .max-w-7xl{max-width:80rem} .sjc-design-7b6d59e9 .flex-shrink-0{flex-shrink:0} .sjc-design-7b6d59e9 .grow{flex-grow:1} .sjc-design-7b6d59e9 .translate-x-0{--tw-translate-x:0px;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))} .sjc-design-7b6d59e9 .translate-y-0{--tw-translate-y:0px;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))} .sjc-design-7b6d59e9 .-rotate-3{--tw-rotate:-3deg;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))} .sjc-design-7b6d59e9 .scale-0{--tw-scale-x:0;--tw-scale-y:0;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))} .sjc-design-7b6d59e9 .scale-100{--tw-scale-x:1;--tw-scale-y:1;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))} .sjc-design-7b6d59e9 .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))} .sjc-design-7b6d59e9 .scroll-mt-20{scroll-margin-top:5rem} .sjc-design-7b6d59e9 .scroll-mt-24{scroll-margin-top:6rem} .sjc-design-7b6d59e9 .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .sjc-design-7b6d59e9 .flex-col{flex-direction:column} .sjc-design-7b6d59e9 .flex-wrap{flex-wrap:wrap} .sjc-design-7b6d59e9 .items-start{align-items:flex-start} .sjc-design-7b6d59e9 .items-center{align-items:center} .sjc-design-7b6d59e9 .justify-center{justify-content:center} .sjc-design-7b6d59e9 .justify-between{justify-content:space-between} .sjc-design-7b6d59e9 .gap-1{gap:.25rem} .sjc-design-7b6d59e9 .gap-12{gap:3rem} .sjc-design-7b6d59e9 .gap-3{gap:.75rem} .sjc-design-7b6d59e9 .gap-4{gap:1rem} .sjc-design-7b6d59e9 .gap-6{gap:1.5rem} .sjc-design-7b6d59e9 .gap-8{gap:2rem} .sjc-design-7b6d59e9 .space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))} .sjc-design-7b6d59e9 .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .sjc-design-7b6d59e9 .space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))} .sjc-design-7b6d59e9 .space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))} .sjc-design-7b6d59e9 .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))} .sjc-design-7b6d59e9 .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))} .sjc-design-7b6d59e9 .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))} .sjc-design-7b6d59e9 .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .sjc-design-7b6d59e9 .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .sjc-design-7b6d59e9 .overflow-hidden{overflow:hidden} .sjc-design-7b6d59e9 .whitespace-nowrap{white-space:nowrap} .sjc-design-7b6d59e9 .rounded-2xl{border-radius:1rem} .sjc-design-7b6d59e9 .rounded-3xl{border-radius:1.5rem} .sjc-design-7b6d59e9 .rounded-full{border-radius:9999px} .sjc-design-7b6d59e9 .rounded-lg{border-radius:.5rem} .sjc-design-7b6d59e9 .rounded-xl{border-radius:.75rem} .sjc-design-7b6d59e9 .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem} .sjc-design-7b6d59e9 .border{border-width:1px} .sjc-design-7b6d59e9 .border-2{border-width:2px} .sjc-design-7b6d59e9 .border-4{border-width:4px} .sjc-design-7b6d59e9 .border-t{border-top-width:1px} .sjc-design-7b6d59e9 .border-t-2{border-top-width:2px} .sjc-design-7b6d59e9 .border-\[\#B35F1D\]{--tw-border-opacity:1;border-color:#B35F1D)} .sjc-design-7b6d59e9 .border-\[var\(--primary-color\)\]{border-color:var(--primary-color)} .sjc-design-7b6d59e9 .border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))} .sjc-design-7b6d59e9 .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))} .sjc-design-7b6d59e9 .border-opacity-20{--tw-border-opacity:0.2} .sjc-design-7b6d59e9 .bg-\[\#B35F1D\]{--tw-bg-opacity:1;background-color:#B35F1D)} .sjc-design-7b6d59e9 .bg-\[\#d1e7f5\]{--tw-bg-opacity:1;background-color:rgb(209 231 245 / var(--tw-bg-opacity))} .sjc-design-7b6d59e9 .bg-\[\#e5e5e5\]{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity))} .sjc-design-7b6d59e9 .bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity))} .sjc-design-7b6d59e9 .bg-\[var\(--accent2-color\)\]{background-color:var(--accent2-color)} .sjc-design-7b6d59e9 .bg-\[var\(--accent3-color\)\]{background-color:var(--accent3-color)} .sjc-design-7b6d59e9 .bg-\[var\(--primary-color\)\]{background-color:var(--primary-color)} .sjc-design-7b6d59e9 .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))} .sjc-design-7b6d59e9 .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .sjc-design-7b6d59e9 .bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21 / var(--tw-bg-opacity))} .sjc-design-7b6d59e9 .bg-opacity-20{--tw-bg-opacity:0.2} .sjc-design-7b6d59e9 .bg-opacity-25{--tw-bg-opacity:0.25} .sjc-design-7b6d59e9 .bg-opacity-30{--tw-bg-opacity:0.3} .sjc-design-7b6d59e9 .bg-opacity-80{--tw-bg-opacity:0.8} .sjc-design-7b6d59e9 .bg-opacity-90{--tw-bg-opacity:0.9} .sjc-design-7b6d59e9 .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))} .sjc-design-7b6d59e9 .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))} .sjc-design-7b6d59e9 .from-\[var\(--primary-color\)\]{--tw-gradient-from:var(--primary-color);--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)} .sjc-design-7b6d59e9 .from-black\/70{--tw-gradient-from:rgb(0 0 0 / 0.7);--tw-gradient-to:rgb(0 0 0 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)} .sjc-design-7b6d59e9 .via-black\/20{--tw-gradient-to:rgb(0 0 0 / 0);--tw-gradient-stops:var(--tw-gradient-from),rgb(0 0 0 / 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to)} .sjc-design-7b6d59e9 .to-\[var\(--accent3-color\)\]{--tw-gradient-to:var(--accent3-color);--tw-gradient-to-position: } .sjc-design-7b6d59e9 .to-transparent{--tw-gradient-to:transparent;--tw-gradient-to-position: } .sjc-design-7b6d59e9 .object-cover{-o-object-fit:cover;object-fit:cover} .sjc-design-7b6d59e9 .object-top{-o-object-position:top;object-position:top} .sjc-design-7b6d59e9 .p-10{padding:2.5rem} .sjc-design-7b6d59e9 .p-4{padding:1rem} .sjc-design-7b6d59e9 .p-6{padding:1.5rem} .sjc-design-7b6d59e9 .p-8{padding:2rem} .sjc-design-7b6d59e9 .px-10{padding-left:2.5rem;padding-right:2.5rem} .sjc-design-7b6d59e9 .px-4{padding-left:1rem;padding-right:1rem} .sjc-design-7b6d59e9 .px-5{padding-left:1.25rem;padding-right:1.25rem} .sjc-design-7b6d59e9 .px-6{padding-left:1.5rem;padding-right:1.5rem} .sjc-design-7b6d59e9 .px-8{padding-left:2rem;padding-right:2rem} .sjc-design-7b6d59e9 .py-1{padding-top:.25rem;padding-bottom:.25rem} .sjc-design-7b6d59e9 .py-16{padding-top:4rem;padding-bottom:4rem} .sjc-design-7b6d59e9 .py-2{padding-top:.5rem;padding-bottom:.5rem} .sjc-design-7b6d59e9 .py-2\.5{padding-top:.625rem;padding-bottom:.625rem} .sjc-design-7b6d59e9 .py-3{padding-top:.75rem;padding-bottom:.75rem} .sjc-design-7b6d59e9 .py-4{padding-top:1rem;padding-bottom:1rem} .sjc-design-7b6d59e9 .py-5{padding-top:1.25rem;padding-bottom:1.25rem} .sjc-design-7b6d59e9 .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .sjc-design-7b6d59e9 .pb-14{padding-bottom:3.5rem} .sjc-design-7b6d59e9 .pb-20{padding-bottom:5rem} .sjc-design-7b6d59e9 .pb-4{padding-bottom:1rem} .sjc-design-7b6d59e9 .pb-5{padding-bottom:1.25rem} .sjc-design-7b6d59e9 .pb-6{padding-bottom:1.5rem} .sjc-design-7b6d59e9 .pb-7{padding-bottom:1.75rem} .sjc-design-7b6d59e9 .pb-\[56\.25\%\]{padding-bottom:56.25%} .sjc-design-7b6d59e9 .pl-6{padding-left:1.5rem} .sjc-design-7b6d59e9 .pr-8{padding-right:2rem} .sjc-design-7b6d59e9 .pt-0{padding-top:0} .sjc-design-7b6d59e9 .pt-10{padding-top:2.5rem} .sjc-design-7b6d59e9 .pt-16{padding-top:4rem} .sjc-design-7b6d59e9 .pt-20{padding-top:5rem} .sjc-design-7b6d59e9 .pt-4{padding-top:1rem} .sjc-design-7b6d59e9 .pt-5{padding-top:1.25rem} .sjc-design-7b6d59e9 .pt-6{padding-top:1.5rem} .sjc-design-7b6d59e9 .pt-8{padding-top:2rem} .sjc-design-7b6d59e9 .text-left{text-align:left} .sjc-design-7b6d59e9 .text-center{text-align:center} .sjc-design-7b6d59e9 .text-2xl{font-size:1.5rem;line-height:2rem} .sjc-design-7b6d59e9 .text-3xl{font-size:1.875rem;line-height:2.25rem} .sjc-design-7b6d59e9 .text-4xl{font-size:2.25rem;line-height:2.5rem} .sjc-design-7b6d59e9 .text-base{font-size:1rem;line-height:1.5rem} .sjc-design-7b6d59e9 .text-lg{font-size:1.125rem;line-height:1.75rem} .sjc-design-7b6d59e9 .text-sm{font-size:.875rem;line-height:1.25rem} .sjc-design-7b6d59e9 .text-xl{font-size:1.25rem;line-height:1.75rem} .sjc-design-7b6d59e9 .text-xs{font-size:.75rem;line-height:1rem} .sjc-design-7b6d59e9 .font-\[var\(--font-family-body\)\]{font-weight:var(--font-family-body)} .sjc-design-7b6d59e9 .font-\[var\(--font-family-heading\)\]{font-weight:var(--font-family-heading)} .sjc-design-7b6d59e9 .font-bold{font-weight:700} .sjc-design-7b6d59e9 .font-semibold{font-weight:600} .sjc-design-7b6d59e9 .leading-relaxed{line-height:1.625} .sjc-design-7b6d59e9 .leading-tight{line-height:1.25} .sjc-design-7b6d59e9 .text-\[\#B35F1D\]{--tw-text-opacity:1;color:#B35F1D)} .sjc-design-7b6d59e9 .text-\[\#FFEB3B\]{--tw-text-opacity:1;color:rgb(255 235 59 / var(--tw-text-opacity))} .sjc-design-7b6d59e9 .text-\[var\(--accent3-color\)\]{color:var(--accent3-color)} .sjc-design-7b6d59e9 .text-\[var\(--dark-text-color\)\]{color:var(--dark-text-color)} .sjc-design-7b6d59e9 .text-\[var\(--gray-text-color\)\]{color:var(--gray-text-color)} .sjc-design-7b6d59e9 .text-\[var\(--primary-color\)\]{color:var(--primary-color)} .sjc-design-7b6d59e9 .text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))} .sjc-design-7b6d59e9 .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))} .sjc-design-7b6d59e9 .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .sjc-design-7b6d59e9 .text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71 / var(--tw-text-opacity))} .sjc-design-7b6d59e9 .text-opacity-90{--tw-text-opacity:0.9} .sjc-design-7b6d59e9 .opacity-10{opacity:.1} .sjc-design-7b6d59e9 .opacity-100{opacity:1} .sjc-design-7b6d59e9 .opacity-30{opacity:.3} .sjc-design-7b6d59e9 .opacity-5{opacity:.05} .sjc-design-7b6d59e9 .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .sjc-design-7b6d59e9 .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .sjc-design-7b6d59e9 .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 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)} .sjc-design-7b6d59e9 .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .sjc-design-7b6d59e9 .blur-3xl{--tw-blur:blur(64px);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)} .sjc-design-7b6d59e9 .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .sjc-design-7b6d59e9 .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms} .sjc-design-7b6d59e9 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms} .sjc-design-7b6d59e9 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms} .sjc-design-7b6d59e9 .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms} .sjc-design-7b6d59e9 .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms} .sjc-design-7b6d59e9 .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms} .sjc-design-7b6d59e9 .duration-200{transition-duration:.2s} .sjc-design-7b6d59e9 .duration-300{transition-duration:.3s} .sjc-design-7b6d59e9 .duration-500{transition-duration:.5s} .sjc-design-7b6d59e9 .ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)} .sjc-design-7b6d59e9 .ease-out{transition-timing-function:cubic-bezier(0,0,0.2,1)} .sjc-design-7b6d59e9 .hover\:z-10:hover{z-index:10} .sjc-design-7b6d59e9 .hover\:-translate-y-0:hover{--tw-translate-y:-0px;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))} .sjc-design-7b6d59e9 .hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;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))} .sjc-design-7b6d59e9 .hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;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))} .sjc-design-7b6d59e9 .hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;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))} .sjc-design-7b6d59e9 .hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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))} .sjc-design-7b6d59e9 .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;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))} .sjc-design-7b6d59e9 .hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25;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))} .sjc-design-7b6d59e9 .hover\:bg-\[var\(--light-background-color\)\]:hover{background-color:var(--light-background-color)} .sjc-design-7b6d59e9 .hover\:bg-\[var\(--primary-color\)\]:hover{background-color:var(--primary-color)} .sjc-design-7b6d59e9 .hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))} .sjc-design-7b6d59e9 .hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .sjc-design-7b6d59e9 .hover\:text-\[\#FFEB3B\]:hover{--tw-text-opacity:1;color:rgb(255 235 59 / var(--tw-text-opacity))} .sjc-design-7b6d59e9 .hover\:text-\[var\(--accent2-color\)\]:hover{color:var(--accent2-color)} .sjc-design-7b6d59e9 .hover\:text-\[var\(--accent3-color\)\]:hover{color:var(--accent3-color)} .sjc-design-7b6d59e9 .hover\:text-\[var\(--primary-color\)\]:hover{color:var(--primary-color)} .sjc-design-7b6d59e9 .hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))} .sjc-design-7b6d59e9 .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .sjc-design-7b6d59e9 .hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .sjc-design-7b6d59e9 .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .sjc-design-7b6d59e9 .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px} .sjc-design-7b6d59e9 .group:hover .group-hover\:visible{visibility:visible} .sjc-design-7b6d59e9 .group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;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))} .sjc-design-7b6d59e9 .group:hover .group-hover\:opacity-100{opacity:1} @media (min-width:640px){.sjc-design-7b6d59e9 .sm\:h-20{height:5rem} .sjc-design-7b6d59e9 .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .sjc-design-7b6d59e9 .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .sjc-design-7b6d59e9 .sm\:p-8{padding:2rem} .sjc-design-7b6d59e9 .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem} .sjc-design-7b6d59e9 .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem} .sjc-design-7b6d59e9 .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}} @media (min-width:768px){.sjc-design-7b6d59e9 .md\:block{display:block} .sjc-design-7b6d59e9 .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .sjc-design-7b6d59e9 .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .sjc-design-7b6d59e9 .md\:flex-row{flex-direction:row} .sjc-design-7b6d59e9 .md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}} @media (min-width:1024px){.sjc-design-7b6d59e9 .lg\:order-1{order:1} .sjc-design-7b6d59e9 .lg\:order-2{order:2} .sjc-design-7b6d59e9 .lg\:mt-0{margin-top:0} .sjc-design-7b6d59e9 .lg\:flex{display:flex} .sjc-design-7b6d59e9 .lg\:hidden{display:none} .sjc-design-7b6d59e9 .lg\:h-14{height:3.5rem} .sjc-design-7b6d59e9 .lg\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;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))} .sjc-design-7b6d59e9 .lg\:scroll-mt-24{scroll-margin-top:6rem} .sjc-design-7b6d59e9 .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .sjc-design-7b6d59e9 .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .sjc-design-7b6d59e9 .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} .sjc-design-7b6d59e9 .lg\:gap-12{gap:3rem} .sjc-design-7b6d59e9 .lg\:gap-8{gap:2rem} .sjc-design-7b6d59e9 .lg\:p-10{padding:2.5rem} .sjc-design-7b6d59e9 .lg\:px-8{padding-left:2rem;padding-right:2rem} .sjc-design-7b6d59e9 .lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem} .sjc-design-7b6d59e9 .lg\:py-24{padding-top:6rem;padding-bottom:6rem} .sjc-design-7b6d59e9 .lg\:pb-20{padding-bottom:5rem} .sjc-design-7b6d59e9 .lg\:pb-24{padding-bottom:6rem} .sjc-design-7b6d59e9 .lg\:pb-28{padding-bottom:7rem} .sjc-design-7b6d59e9 .lg\:pb-6{padding-bottom:1.5rem} .sjc-design-7b6d59e9 .lg\:pb-7{padding-bottom:1.75rem} .sjc-design-7b6d59e9 .lg\:pb-9{padding-bottom:2.25rem} .sjc-design-7b6d59e9 .lg\:pt-0{padding-top:0} .sjc-design-7b6d59e9 .lg\:pt-12{padding-top:3rem} .sjc-design-7b6d59e9 .lg\:pt-14{padding-top:3.5rem} .sjc-design-7b6d59e9 .lg\:pt-20{padding-top:5rem} .sjc-design-7b6d59e9 .lg\:pt-3{padding-top:.75rem} .sjc-design-7b6d59e9 .lg\:pt-6{padding-top:1.5rem} .sjc-design-7b6d59e9 .lg\:pt-7{padding-top:1.75rem} .sjc-design-7b6d59e9 .lg\:pt-\[100px\]{padding-top:100px} .sjc-design-7b6d59e9 .lg\:text-2xl{font-size:1.5rem;line-height:2rem} .sjc-design-7b6d59e9 .lg\:text-3xl{font-size:1.875rem;line-height:2.25rem} .sjc-design-7b6d59e9 .lg\:text-5xl{font-size:3rem;line-height:1} .sjc-design-7b6d59e9 .lg\:text-xl{font-size:1.25rem;line-height:1.75rem}} @media (min-width:1536px){.sjc-design-7b6d59e9 .\32xl\:text-3xl{font-size:1.875rem;line-height:2.25rem} .sjc-design-7b6d59e9 .\32xl\:text-xl{font-size:1.25rem;line-height:1.75rem}} .sjc-design-7b6d59e9 .opacity-5{opacity:.05} .sjc-design-7b6d59e9 .opacity-10{opacity:.1} .sjc-design-7b6d59e9 .opacity-15{opacity:.15} .sjc-design-7b6d59e9 .opacity-20{opacity:.2} .sjc-design-7b6d59e9 .opacity-25{opacity:.25} .sjc-design-7b6d59e9 .opacity-30{opacity:.3} .sjc-design-7b6d59e9 .opacity-35{opacity:.35} .sjc-design-7b6d59e9 .opacity-40{opacity:.4} .sjc-design-7b6d59e9 .opacity-45{opacity:.45} .sjc-design-7b6d59e9 .opacity-50{opacity:.5} .sjc-design-7b6d59e9 .opacity-55{opacity:.55} .sjc-design-7b6d59e9 .opacity-60{opacity:.6} .sjc-design-7b6d59e9 .opacity-65{opacity:.65} .sjc-design-7b6d59e9 .opacity-70{opacity:.7} .sjc-design-7b6d59e9 .opacity-75{opacity:.75} .sjc-design-7b6d59e9 .opacity-80{opacity:.8} .sjc-design-7b6d59e9 .opacity-85{opacity:.85} .sjc-design-7b6d59e9 .opacity-90{opacity:.9} .sjc-design-7b6d59e9 .opacity-95{opacity:.95} .sjc-design-7b6d59e9 .opacity-100{opacity:1} .sjc-design-7b6d59e9{ --accent-color: #f15a24; --accent2-color: #ffd700; --accent3-color: #DE8634; --accent4-color: #F6BC76; --primary-color: #1e3d91; --dark-text-color: #333333; --gray-text-color: #888888; --button-padding-x: 12px; --button-padding-y: 6px; --light-text-color: #fefefe; --dark-border-color: #2a2a2a; --light-border-color: #e4e4e4; --button-rounded-radius: 8px; --dark-background-color: #1a1a1a; --light-background-color: #f4f8ff; --medium-background-color: #e6effc; --primary-button-text-color: #ffffff; --secondary-button-bg-color: #eaeaea; --secondary-button-text-color: #1e3d91; --primary-button-hover-bg-color: #162f74; --primary-button-hover-text-color: #ffffff; --secondary-button-hover-bg-color: #dcdcdc; --secondary-button-hover-text-color: #162f74; }

Apply For Your Real Estate Team