@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root, :host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-400:oklch(70.7% 0.022 261.325);--color-neutral-100:#FDFAFA;--color-neutral-200:#F7F0F0;--color-neutral-300:#DED8D8;--color-neutral-400:#C6C0C0;--color-neutral-700:#565454;--color-neutral-900:#0C0C0C;--color-black:#000;--color-white:#fff;--spacing:0.25rem;--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-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tighter:-0.05em;--tracking-wide:0.025em;--tracking-wider:0.05em;--radius-sm:0.25rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-base:"Google Sans", sans-serif;--font-title:"Kumbh Sans", sans-serif;--color-primary:#171717;--color-primary-100:#EAEFEA;--color-primary-200:#D4DED4;--color-primary-300:#749374;--color-primary-400:#6EE7A0;--color-primary-500:#576E57;--color-primary-600:#344234;--color-primary-700:#1B2C1B;--color-secondary-200:#E4DBFD;--color-secondary-300:#A78BFA;--color-accent-200:#C1EBFD;--color-accent-300:#38BDF8;--color-secondary:#565454;--color-accent:#6EE7A0;--color-placeholder:#949090;--drop-shadow-customLg:80px 100px 70px rgba(0,0,0,0.18);}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid;}
html, :host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent;}
hr{height:0;color:inherit;border-top-width:1px;}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
} a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;}
b, strong{font-weight:bolder;}
code, kbd, samp, pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em;}
small{font-size:80%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
table{text-indent:0;border-color:inherit;border-collapse:collapse;}:-moz-focusring{outline:auto;}
progress{vertical-align:baseline;}
summary{display:list-item;}
ol, ul, menu{list-style:none;}
img, svg, video, canvas, audio, iframe, embed, object{display:block;vertical-align:middle;}
img, video{max-width:100%;height:auto;}
button, input, select, optgroup, textarea, ::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;}:where(select:is([multiple], [size])) optgroup{font-weight:bolder;}:where(select:is([multiple], [size])) optgroup option{padding-inline-start:20px;}::file-selector-button{margin-inline-end:4px;}::placeholder{opacity:1;}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, currentcolor 50%, transparent);}
}
}
textarea{resize:vertical;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit;}::-webkit-datetime-edit{display:inline-flex;}::-webkit-datetime-edit-fields-wrapper{padding:0;}::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field{padding-block:0;}::-webkit-calendar-picker-indicator{line-height:1;}:-moz-ui-invalid{box-shadow:none;}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button{appearance:button;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button{height:auto;}
[hidden]:where(:not([hidden="until-found"])){display:none !important;}
}
@layer utilities {
.pointer-events-none{pointer-events:none;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.static{position:static;}
.inset-0{inset:calc(var(--spacing) * 0);}
.-inset-x-20{inset-inline:calc(var(--spacing) * -20);}
.inset-x-0{inset-inline:calc(var(--spacing) * 0);}
.inset-x-3{inset-inline:calc(var(--spacing) * 3);}
.inset-y-0{inset-block:calc(var(--spacing) * 0);}
.start{inset-inline-start:var(--spacing);}
.end{inset-inline-end:var(--spacing);}
.-top-0\.25{top:calc(var(--spacing) * -0.25);}
.-top-4{top:calc(var(--spacing) * -4);}
.-top-28{top:calc(var(--spacing) * -28);}
.top-0{top:calc(var(--spacing) * 0);}
.top-1\/2{top:calc(1 / 2 * 100%);}
.top-4{top:calc(var(--spacing) * 4);}
.top-28{top:calc(var(--spacing) * 28);}
.top-36{top:calc(var(--spacing) * 36);}
.top-40{top:calc(var(--spacing) * 40);}
.top-50{top:calc(var(--spacing) * 50);}
.top-83{top:calc(var(--spacing) * 83);}
.top-\[4\%\]{top:4%;}
.top-\[5\%\]{top:5%;}
.top-\[8\%\]{top:8%;}
.top-\[10\%\]{top:10%;}
.top-full{top:100%;}
.-right-0\.25{right:calc(var(--spacing) * -0.25);}
.-right-2{right:calc(var(--spacing) * -2);}
.-right-5{right:calc(var(--spacing) * -5);}
.-right-75{right:calc(var(--spacing) * -75);}
.right-0{right:calc(var(--spacing) * 0);}
.right-1\/2{right:calc(1 / 2 * 100%);}
.right-2{right:calc(var(--spacing) * 2);}
.right-3{right:calc(var(--spacing) * 3);}
.right-6{right:calc(var(--spacing) * 6);}
.right-8{right:calc(var(--spacing) * 8);}
.right-\[5\%\]{right:5%;}
.right-\[10\%\]{right:10%;}
.right-\[20\%\]{right:20%;}
.-bottom-0\.25{bottom:calc(var(--spacing) * -0.25);}
.-bottom-3{bottom:calc(var(--spacing) * -3);}
.-bottom-4{bottom:calc(var(--spacing) * -4);}
.-bottom-5{bottom:calc(var(--spacing) * -5);}
.-bottom-20{bottom:calc(var(--spacing) * -20);}
.-bottom-24{bottom:calc(var(--spacing) * -24);}
.-bottom-47{bottom:calc(var(--spacing) * -47);}
.bottom-0{bottom:calc(var(--spacing) * 0);}
.bottom-3{bottom:calc(var(--spacing) * 3);}
.bottom-4{bottom:calc(var(--spacing) * 4);}
.bottom-14{bottom:calc(var(--spacing) * 14);}
.bottom-15{bottom:calc(var(--spacing) * 15);}
.bottom-36{bottom:calc(var(--spacing) * 36);}
.bottom-64{bottom:calc(var(--spacing) * 64);}
.bottom-100{bottom:calc(var(--spacing) * 100);}
.bottom-\[2\%\]{bottom:2%;}
.bottom-\[5\%\]{bottom:5%;}
.bottom-\[8\%\]{bottom:8%;}
.bottom-\[10\%\]{bottom:10%;}
.-left-0\.25{left:calc(var(--spacing) * -0.25);}
.left-0{left:calc(var(--spacing) * 0);}
.left-1\/2{left:calc(1 / 2 * 100%);}
.left-3{left:calc(var(--spacing) * 3);}
.left-4{left:calc(var(--spacing) * 4);}
.left-6{left:calc(var(--spacing) * 6);}
.left-7{left:calc(var(--spacing) * 7);}
.left-8{left:calc(var(--spacing) * 8);}
.left-\[5\%\]{left:5%;}
.left-\[10\%\]{left:10%;}
.-z-10{z-index:calc(10 * -1);}
.z-2{z-index:2;}
.z-3{z-index:3;}
.z-10{z-index:10;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.z-\[-1\]{z-index:-1;}
.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;}
}
.mx-auto{margin-inline:auto;}
.my-6{margin-block:calc(var(--spacing) * 6);}
.ms-10{margin-inline-start:calc(var(--spacing) * 10);}
.ms-auto{margin-inline-start:auto;}
.mt-1{margin-top:calc(var(--spacing) * 1);}
.mt-2{margin-top:calc(var(--spacing) * 2);}
.mt-3{margin-top:calc(var(--spacing) * 3);}
.mt-4{margin-top:calc(var(--spacing) * 4);}
.mt-6{margin-top:calc(var(--spacing) * 6);}
.mt-8{margin-top:calc(var(--spacing) * 8);}
.mt-10{margin-top:calc(var(--spacing) * 10);}
.mt-12{margin-top:calc(var(--spacing) * 12);}
.mt-15{margin-top:calc(var(--spacing) * 15);}
.-mb-25{margin-bottom:calc(var(--spacing) * -25);}
.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5);}
.mb-3{margin-bottom:calc(var(--spacing) * 3);}
.mb-4{margin-bottom:calc(var(--spacing) * 4);}
.mb-5{margin-bottom:calc(var(--spacing) * 5);}
.mb-6{margin-bottom:calc(var(--spacing) * 6);}
.mb-8{margin-bottom:calc(var(--spacing) * 8);}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.block{display:block;}
.flex{display:flex;}
.grid{display:grid;}
.hidden{display:none;}
.inline-block{display:inline-block;}
.inline-flex{display:inline-flex;}
.table{display:table;}
.aspect-\[1509\/550\]{aspect-ratio:1509/550;}
.aspect-\[1533\/542\]{aspect-ratio:1533/542;}
.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);}
.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}
.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);}
.size-30{width:calc(var(--spacing) * 30);height:calc(var(--spacing) * 30);}
.size-50{width:calc(var(--spacing) * 50);height:calc(var(--spacing) * 50);}
.size-80{width:calc(var(--spacing) * 80);height:calc(var(--spacing) * 80);}
.size-100{width:calc(var(--spacing) * 100);height:calc(var(--spacing) * 100);}
.size-150{width:calc(var(--spacing) * 150);height:calc(var(--spacing) * 150);}
.size-198{width:calc(var(--spacing) * 198);height:calc(var(--spacing) * 198);}
.\!h-auto{height:auto !important;}
.h-1\.5{height:calc(var(--spacing) * 1.5);}
.h-5{height:calc(var(--spacing) * 5);}
.h-26{height:calc(var(--spacing) * 26);}
.h-30{height:calc(var(--spacing) * 30);}
.h-300{height:calc(var(--spacing) * 300);}
.h-\[60\%\]{height:60%;}
.h-\[70\%\]{height:70%;}
.h-auto{height:auto;}
.h-full{height:100%;}
.max-h-full{max-height:100%;}
.\!w-auto{width:auto !important;}
.w-1\/2{width:calc(1 / 2 * 100%);}
.w-4{width:calc(var(--spacing) * 4);}
.w-5{width:calc(var(--spacing) * 5);}
.w-15{width:calc(var(--spacing) * 15);}
.w-30{width:calc(var(--spacing) * 30);}
.w-32{width:calc(var(--spacing) * 32);}
.w-35{width:calc(var(--spacing) * 35);}
.w-45{width:calc(var(--spacing) * 45);}
.w-\[60\%\]{width:60%;}
.w-\[70\%\]{width:70%;}
.w-full{width:100%;}
.max-w-56{max-width:calc(var(--spacing) * 56);}
.max-w-62{max-width:calc(var(--spacing) * 62);}
.max-w-120{max-width:calc(var(--spacing) * 120);}
.max-w-200{max-width:calc(var(--spacing) * 200);}
.max-w-210{max-width:calc(var(--spacing) * 210);}
.max-w-230{max-width:calc(var(--spacing) * 230);}
.max-w-238{max-width:calc(var(--spacing) * 238);}
.max-w-240{max-width:calc(var(--spacing) * 240);}
.max-w-260{max-width:calc(var(--spacing) * 260);}
.max-w-261{max-width:calc(var(--spacing) * 261);}
.max-w-265{max-width:calc(var(--spacing) * 265);}
.max-w-268{max-width:calc(var(--spacing) * 268);}
.max-w-270{max-width:calc(var(--spacing) * 270);}
.max-w-282{max-width:calc(var(--spacing) * 282);}
.max-w-290{max-width:calc(var(--spacing) * 290);}
.max-w-295{max-width:calc(var(--spacing) * 295);}
.max-w-300{max-width:calc(var(--spacing) * 300);}
.max-w-316{max-width:calc(var(--spacing) * 316);}
.max-w-320{max-width:calc(var(--spacing) * 320);}
.max-w-325{max-width:calc(var(--spacing) * 325);}
.max-w-380{max-width:calc(var(--spacing) * 380);}
.max-w-\[45\%\]{max-width:45%;}
.min-w-150{min-width:calc(var(--spacing) * 150);}
.flex-1{flex:1;}
.flex-none{flex:none;}
.border-collapse{border-collapse:collapse;}
.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}
.translate-x-1\/4{--tw-translate-x:calc(1 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y);}
.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}
.-translate-y-100{--tw-translate-y:calc(var(--spacing) * -100);translate:var(--tw-translate-x) var(--tw-translate-y);}
.translate-y-1\/2{--tw-translate-y:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y);}
.-rotate-1{rotate:calc(1deg * -1);}
.-rotate-2{rotate:calc(2deg * -1);}
.-rotate-4{rotate:calc(4deg * -1);}
.rotate-4{rotate:4deg;}
.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);}
.animate-pulse{animation:var(--animate-pulse);}
.cursor-pointer{cursor:pointer;}
.resize{resize:both;}
.resize-none{resize:none;}
.list-image-\[url\(\'\.\.\/images\/checkmark\.png\'\)\]{list-style-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/checkmark.png);}
.list-image-\[url\(\'\.\.\/images\/checkmark\.svg\'\)\]{list-style-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/checkmark.svg);}
.list-image-\[url\(\'\.\.\/images\/how-it-bg\.webp\'\)\]{list-style-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/how-it-bg.webp);}
.list-image-\[url\(\/img\/checkmark\.png\)\]{list-style-image:url(//hiresdr.io/img/checkmark.png);}
.appearance-none{appearance:none;}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.items-center{align-items:center;}
.items-end{align-items:flex-end;}
.items-start{align-items:flex-start;}
.justify-around{justify-content:space-around;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.justify-end{justify-content:flex-end;}
.gap-1{gap:calc(var(--spacing) * 1);}
.gap-2{gap:calc(var(--spacing) * 2);}
.gap-3{gap:calc(var(--spacing) * 3);}
.gap-4{gap:calc(var(--spacing) * 4);}
.gap-5{gap:calc(var(--spacing) * 5);}
.gap-6{gap:calc(var(--spacing) * 6);}
.gap-7{gap:calc(var(--spacing) * 7);}
.gap-8{gap:calc(var(--spacing) * 8);}
.gap-9{gap:calc(var(--spacing) * 9);}
.gap-10{gap:calc(var(--spacing) * 10);}
.gap-11{gap:calc(var(--spacing) * 11);}
.gap-12{gap:calc(var(--spacing) * 12);}
.gap-15{gap:calc(var(--spacing) * 15);}
.space-y-0\.5 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-1 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-2 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-2\.5 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));}
}
.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)));}
}
.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)));}
}
.space-y-5 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}
}
.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)));}
}
.space-y-7 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-8 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-12 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-14 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));}
}
.gap-x-5{column-gap:calc(var(--spacing) * 5);}
.gap-x-6{column-gap:calc(var(--spacing) * 6);}
.gap-x-10{column-gap:calc(var(--spacing) * 10);}
.-space-x-0\.5 {
:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -0.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -0.5) * calc(1 - var(--tw-space-x-reverse)));}
}
.gap-y-1{row-gap:calc(var(--spacing) * 1);}
.gap-y-2{row-gap:calc(var(--spacing) * 2);}
.gap-y-3{row-gap:calc(var(--spacing) * 3);}
.gap-y-5{row-gap:calc(var(--spacing) * 5);}
.gap-y-6{row-gap:calc(var(--spacing) * 6);}
.gap-y-20{row-gap:calc(var(--spacing) * 20);}
.\!overflow-visible{overflow:visible !important;}
.overflow-hidden{overflow:hidden;}
.overflow-x-auto{overflow-x:auto;}
.rounded-2xl{border-radius:var(--radius-2xl);}
.rounded-3xl{border-radius:var(--radius-3xl);}
.rounded-4xl{border-radius:var(--radius-4xl);}
.rounded-\[18px\]{border-radius:18px;}
.rounded-\[20px\]{border-radius:20px;}
.rounded-\[50\%\]{border-radius:50%;}
.rounded-\[100\%\]{border-radius:100%;}
.rounded-full{border-radius:calc(infinity * 1px);}
.rounded-lg{border-radius:var(--radius-lg);}
.rounded-none{border-radius:0;}
.rounded-xl{border-radius:var(--radius-xl);}
.rounded-e-\[20px\]{border-start-end-radius:20px;border-end-end-radius:20px;}
.rounded-t-4xl{border-top-left-radius:var(--radius-4xl);border-top-right-radius:var(--radius-4xl);}
.border{border-style:var(--tw-border-style);border-width:1px;}
.border-0{border-style:var(--tw-border-style);border-width:0px;}
.border-1{border-style:var(--tw-border-style);border-width:1px;}
.border-2{border-style:var(--tw-border-style);border-width:2px;}
.border-4{border-style:var(--tw-border-style);border-width:4px;}
.border-l{border-left-style:var(--tw-border-style);border-left-width:1px;}
.border-l-\[5px\]{border-left-style:var(--tw-border-style);border-left-width:5px;}
.border-solid{--tw-border-style:solid;border-style:solid;}
.border-\[\#9B9A91\]{border-color:#9B9A91;}
.border-\[\#E6E6E6\]{border-color:#E6E6E6;}
.border-neutral-300{border-color:var(--color-neutral-300);}
.border-neutral-400{border-color:var(--color-neutral-400);}
.border-primary{border-color:var(--color-primary);}
.border-primary-300{border-color:var(--color-primary-300);}
.border-primary-500{border-color:var(--color-primary-500);}
.border-white{border-color:var(--color-white);}
.border-white\/10 {
border-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);}
}
.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);}
}
.bg-\[\#0D9DDA\]{background-color:#0D9DDA;}
.bg-\[\#37E3FA\]\/20{background-color:color-mix(in oklab, #37E3FA 20%, transparent);}
.bg-\[\#004614\]\/25{background-color:color-mix(in oklab, #004614 25%, transparent);}
.bg-\[\#37309E\]\/20{background-color:color-mix(in oklab, #37309E 20%, transparent);}
.bg-\[\#063215\]{background-color:#063215;}
.bg-\[\#A78BFA\]{background-color:#A78BFA;}
.bg-\[\#C1EBFD\]{background-color:#C1EBFD;}
.bg-\[\#E4DBFD\]{background-color:#E4DBFD;}
.bg-\[\#ECEBEA\]{background-color:#ECEBEA;}
.bg-\[\#EEEEEE\]{background-color:#EEEEEE;}
.bg-\[\#F1F1F1\]{background-color:#F1F1F1;}
.bg-\[\#F7F7F7\]{background-color:#F7F7F7;}
.bg-\[\#FFD86F\]{background-color:#FFD86F;}
.bg-accent{background-color:var(--color-accent);}
.bg-accent-200{background-color:var(--color-accent-200);}
.bg-black\/18 {
background-color: color-mix(in srgb, #000 18%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-black) 18%, transparent);}
}
.bg-black\/35 {
background-color: color-mix(in srgb, #000 35%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-black) 35%, transparent);}
}
.bg-black\/36 {
background-color: color-mix(in srgb, #000 36%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-black) 36%, transparent);}
}
.bg-black\/60 {
background-color: color-mix(in srgb, #000 60%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-black) 60%, transparent);}
}
.bg-neutral-300{background-color:var(--color-neutral-300);}
.bg-neutral-900{background-color:var(--color-neutral-900);}
.bg-primary{background-color:var(--color-primary);}
.bg-primary-100{background-color:var(--color-primary-100);}
.bg-primary-200{background-color:var(--color-primary-200);}
.bg-primary-300{background-color:var(--color-primary-300);}
.bg-primary-400{background-color:var(--color-primary-400);}
.bg-primary-400\/36 {
background-color: color-mix(in srgb, #6EE7A0 36%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-primary-400) 36%, transparent);}
}
.bg-primary-500{background-color:var(--color-primary-500);}
.bg-primary-600{background-color:var(--color-primary-600);}
.bg-primary-700{background-color:var(--color-primary-700);}
.bg-secondary-200{background-color:var(--color-secondary-200);}
.bg-secondary-300{background-color:var(--color-secondary-300);}
.bg-white{background-color:var(--color-white);}
.bg-white\/17 {
background-color: color-mix(in srgb, #fff 17%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 17%, transparent);}
}
.bg-white\/18 {
background-color: color-mix(in srgb, #fff 18%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 18%, transparent);}
}
.bg-white\/55 {
background-color: color-mix(in srgb, #fff 55%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 55%, transparent);}
}
.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops));}
.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));}
.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));}
.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops));}
.bg-\[url\(\'\.\.\/images\/cc-img-1\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/cc-img-1.webp);}
.bg-\[url\(\'\.\.\/images\/cc-img-2\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/cc-img-2.webp);}
.bg-\[url\(\'\.\.\/images\/cc-img-4\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/cc-img-4.webp);}
.bg-\[url\(\'\.\.\/images\/contact-bg\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/contact-bg.webp);}
.bg-\[url\(\'\.\.\/images\/faq-bg\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/faq-bg.webp);}
.bg-\[url\(\'\.\.\/images\/green-n-bg\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/green-n-bg.webp);}
.bg-\[url\(\'\.\.\/images\/how-it-bg\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/how-it-bg.webp);}
.bg-\[url\(\'\.\.\/images\/legal-bg1\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/legal-bg1.webp);}
.bg-\[url\(\'\.\.\/images\/legal-bg2\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/legal-bg2.webp);}
.bg-\[url\(\'\.\.\/images\/legal-bg3\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/legal-bg3.webp);}
.bg-\[url\(\'\.\.\/images\/pricing-header-bg\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/pricing-header-bg.webp);}
.bg-\[url\(\'\.\.\/images\/talents-bg\.webp\'\)\]{background-image:url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/talents-bg.webp);}
.from-\[\#37E3FA\]{--tw-gradient-from:#37E3FA;--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));}
.from-\[\#309E3A\]{--tw-gradient-from:#309E3A;--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));}
.from-\[\#37309E\]{--tw-gradient-from:#37309E;--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));}
.from-\[\#fff\]\/61{--tw-gradient-from:color-mix(in oklab, #fff 61%, 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));}
.from-white{--tw-gradient-from:var(--color-white);--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));}
.from-0\%{--tw-gradient-from-position:0%;}
.via-\[\#37E3FA\]\/0{--tw-gradient-via:color-mix(in oklab, #37E3FA 0%, 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);}
.via-\[\#309E3A\]\/0{--tw-gradient-via:color-mix(in oklab, #309E3A 0%, 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);}
.via-\[\#37309E\]\/0{--tw-gradient-via:color-mix(in oklab, #37309E 0%, 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);}
.via-\[\#fff\]\/64{--tw-gradient-via:color-mix(in oklab, #fff 64%, 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);}
.via-50\%{--tw-gradient-via-position:50%;}
.to-\[\#37E3FA\]\/0{--tw-gradient-to:color-mix(in oklab, #37E3FA 0%, 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));}
.to-\[\#309E3A\]\/0{--tw-gradient-to:color-mix(in oklab, #309E3A 0%, 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));}
.to-\[\#37309E\]\/0{--tw-gradient-to:color-mix(in oklab, #37309E 0%, 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));}
.to-\[\#fff\]\/64{--tw-gradient-to:color-mix(in oklab, #fff 64%, 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));}
.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));}
.to-100\%{--tw-gradient-to-position:100%;}
.bg-\[100\%_auto\]{background-size:100% auto;}
.bg-\[length\:100\%_auto\]{background-size:100% auto;}
.bg-cover{background-size:cover;}
.bg-center{background-position:center;}
.bg-no-repeat{background-repeat:no-repeat;}
.bg-repeat{background-repeat:repeat;}
.object-contain{object-fit:contain;}
.object-cover{object-fit:cover;}
.\!p-0{padding:calc(var(--spacing) * 0) !important;}
.p-1{padding:calc(var(--spacing) * 1);}
.p-2{padding:calc(var(--spacing) * 2);}
.p-4{padding:calc(var(--spacing) * 4);}
.p-5{padding:calc(var(--spacing) * 5);}
.p-6{padding:calc(var(--spacing) * 6);}
.px-1\.5{padding-inline:calc(var(--spacing) * 1.5);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-3{padding-inline:calc(var(--spacing) * 3);}
.px-3\.5{padding-inline:calc(var(--spacing) * 3.5);}
.px-4{padding-inline:calc(var(--spacing) * 4);}
.px-5{padding-inline:calc(var(--spacing) * 5);}
.px-6{padding-inline:calc(var(--spacing) * 6);}
.px-8{padding-inline:calc(var(--spacing) * 8);}
.py-1{padding-block:calc(var(--spacing) * 1);}
.py-1\.5{padding-block:calc(var(--spacing) * 1.5);}
.py-2{padding-block:calc(var(--spacing) * 2);}
.py-2\.5{padding-block:calc(var(--spacing) * 2.5);}
.py-3{padding-block:calc(var(--spacing) * 3);}
.py-3\.5{padding-block:calc(var(--spacing) * 3.5);}
.py-4{padding-block:calc(var(--spacing) * 4);}
.py-5{padding-block:calc(var(--spacing) * 5);}
.py-6{padding-block:calc(var(--spacing) * 6);}
.py-7{padding-block:calc(var(--spacing) * 7);}
.py-8{padding-block:calc(var(--spacing) * 8);}
.ps-4{padding-inline-start:calc(var(--spacing) * 4);}
.ps-4\.5{padding-inline-start:calc(var(--spacing) * 4.5);}
.pe-2{padding-inline-end:calc(var(--spacing) * 2);}
.\!pt-0{padding-top:calc(var(--spacing) * 0) !important;}
.\!pt-4{padding-top:calc(var(--spacing) * 4) !important;}
.\!pt-10{padding-top:calc(var(--spacing) * 10) !important;}
.\!pt-12{padding-top:calc(var(--spacing) * 12) !important;}
.\!pt-15{padding-top:calc(var(--spacing) * 15) !important;}
.\!pt-20{padding-top:calc(var(--spacing) * 20) !important;}
.\!pt-30{padding-top:calc(var(--spacing) * 30) !important;}
.pt-0{padding-top:calc(var(--spacing) * 0);}
.pt-0\!{padding-top:calc(var(--spacing) * 0) !important;}
.pt-1{padding-top:calc(var(--spacing) * 1);}
.pt-2{padding-top:calc(var(--spacing) * 2);}
.pt-4{padding-top:calc(var(--spacing) * 4);}
.pt-5{padding-top:calc(var(--spacing) * 5);}
.pt-6{padding-top:calc(var(--spacing) * 6);}
.pt-8{padding-top:calc(var(--spacing) * 8);}
.pt-9{padding-top:calc(var(--spacing) * 9);}
.pt-10{padding-top:calc(var(--spacing) * 10);}
.pt-11{padding-top:calc(var(--spacing) * 11);}
.pt-12{padding-top:calc(var(--spacing) * 12);}
.pt-16{padding-top:calc(var(--spacing) * 16);}
.pt-18{padding-top:calc(var(--spacing) * 18);}
.pt-30{padding-top:calc(var(--spacing) * 30);}
.pt-40{padding-top:calc(var(--spacing) * 40);}
.pt-50{padding-top:calc(var(--spacing) * 50);}
.pr-12{padding-right:calc(var(--spacing) * 12);}
.pr-14{padding-right:calc(var(--spacing) * 14);}
.\!pb-0{padding-bottom:calc(var(--spacing) * 0) !important;}
.\!pb-4{padding-bottom:calc(var(--spacing) * 4) !important;}
.\!pb-5{padding-bottom:calc(var(--spacing) * 5) !important;}
.pb-0{padding-bottom:calc(var(--spacing) * 0);}
.pb-0\.5{padding-bottom:calc(var(--spacing) * 0.5);}
.pb-2{padding-bottom:calc(var(--spacing) * 2);}
.pb-4{padding-bottom:calc(var(--spacing) * 4);}
.pb-5{padding-bottom:calc(var(--spacing) * 5);}
.pb-6{padding-bottom:calc(var(--spacing) * 6);}
.pb-7{padding-bottom:calc(var(--spacing) * 7);}
.pb-8{padding-bottom:calc(var(--spacing) * 8);}
.pb-10{padding-bottom:calc(var(--spacing) * 10);}
.pb-12{padding-bottom:calc(var(--spacing) * 12);}
.pb-14{padding-bottom:calc(var(--spacing) * 14);}
.pb-16{padding-bottom:calc(var(--spacing) * 16);}
.pb-20{padding-bottom:calc(var(--spacing) * 20);}
.pl-10{padding-left:calc(var(--spacing) * 10);}
.pl-15{padding-left:calc(var(--spacing) * 15);}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-start{text-align:start;}
.align-top{vertical-align:top;}
.font-base{font-family:var(--font-base);}
.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));}
.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));}
.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
.text-\[14px\]{font-size:14px;}
.text-\[15px\]{font-size:15px;}
.text-\[18px\]{font-size:18px;}
.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3;}
.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4;}
.leading-none{--tw-leading:1;line-height:1;}
.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}
.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);}
.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);}
.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);}
.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}
.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}
.text-\[\#1E1E1E\]{color:#1E1E1E;}
.text-\[\#2B2B2B\]{color:#2B2B2B;}
.text-\[\#2b2b2b\]{color:#2b2b2b;}
.text-\[\#3D3D3D\]{color:#3D3D3D;}
.text-\[\#38BDF8\]{color:#38BDF8;}
.text-\[\#636363\]{color:#636363;}
.text-\[\#E9AB04\]{color:#E9AB04;}
.text-\[\#F5576C\]{color:#F5576C;}
.text-accent{color:var(--color-accent);}
.text-accent-300{color:var(--color-accent-300);}
.text-black{color:var(--color-black);}
.text-neutral-700{color:var(--color-neutral-700);}
.text-primary{color:var(--color-primary);}
.text-primary-400{color:var(--color-primary-400);}
.text-primary-500{color:var(--color-primary-500);}
.text-primary-600{color:var(--color-primary-600);}
.text-primary-700{color:var(--color-primary-700);}
.text-secondary{color:var(--color-secondary);}
.text-secondary-300{color:var(--color-secondary-300);}
.text-white{color:var(--color-white);}
.uppercase{text-transform:uppercase;}
.placeholder-secondary {
&::placeholder{color:var(--color-secondary);}
}
.opacity-30{opacity:30%;}
.opacity-40{opacity:40%;}
.opacity-50{opacity:50%;}
.opacity-70{opacity:70%;}
.opacity-80{opacity:80%;}
.shadow-\[-6px_6px_0px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:-6px 6px 0px var(--tw-shadow-color, rgba(0,0,0,0.12));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shadow-\[0_-2px_0px_rgba\(255\,255\,255\,0\.3\)\]{--tw-shadow:0 -2px 0px var(--tw-shadow-color, rgba(255,255,255,0.3));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shadow-\[0_4px_23px_rgba\(136\,136\,136\,0\.25\)\]{--tw-shadow:0 4px 23px var(--tw-shadow-color, rgba(136,136,136,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);}
.shadow-\[0_4px_46px_rgba\(136\,136\,136\,0\.35\)\]{--tw-shadow:0 4px 46px var(--tw-shadow-color, rgba(136,136,136,0.35));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shadow-\[0_22px_48px_rgba\(110\,231\,160\,0\.31\)\,_0_346px_138px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 22px 48px var(--tw-shadow-color, rgba(110,231,160,0.31)), 0 346px 138px var(--tw-shadow-color, rgba(0,0,0,0.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shadow-\[0_23px_14px_rgba\(82\,82\,82\,0\.1\)\]{--tw-shadow:0 23px 14px var(--tw-shadow-color, rgba(82,82,82,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);}
.shadow-customLg{--tw-shadow:80px 100px 70px var(--tw-shadow-color, rgba(0,0,0,0.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shadow-customMdDbl{--tw-shadow:60px 73px 94px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 15px 18px 52px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shadow-customXl{--tw-shadow:238px 290px 150px var(--tw-shadow-color, rgba(0,0,0,0.10));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shadow-customXs{--tw-shadow:15px 18px 52px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.06));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.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);}
.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);}
.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.blur-\[40px\]{--tw-blur:blur(40px);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,);}
.blur-\[50px\]{--tw-blur:blur(50px);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,);}
.blur-\[80px\]{--tw-blur:blur(80px);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,);}
.blur-\[100px\]{--tw-blur:blur(100px);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,);}
.drop-shadow-\[0_2px_14px_rgba\(0\,0\,0\,0\.10\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 14px var(--tw-drop-shadow-color, rgba(0,0,0,0.10)));--tw-drop-shadow:var(--tw-drop-shadow-size);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,);}
.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,);}
.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,);}
.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,);}
.\!ease-linear{--tw-ease:linear !important;transition-timing-function:linear !important;}
.outline-none{--tw-outline-style:none;outline-style:none;}
.group-hover\:block {
&:is(:where(.group):hover *) {
@media (hover: hover){display:block;}
}
}
.placeholder\:text-\[\#1E1E1E\] {
&::placeholder{color:#1E1E1E;}
}
.placeholder\:text-primary {
&::placeholder{color:var(--color-primary);}
}
.before\:absolute {
&::before{content:var(--tw-content);position:absolute;}
}
.before\:inset-0 {
&::before{content:var(--tw-content);inset:calc(var(--spacing) * 0);}
}
.before\:-z-10 {
&::before{content:var(--tw-content);z-index:calc(10 * -1);}
}
.before\:rotate-2 {
&::before{content:var(--tw-content);rotate:2deg;}
}
.before\:rounded-2xl {
&::before{content:var(--tw-content);border-radius:var(--radius-2xl);}
}
.before\:bg-\[\#E1E1E1\] {
&::before{content:var(--tw-content);background-color:#E1E1E1;}
}
.before\:bg-gradient-to-t {
&::before{content:var(--tw-content);--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));}
}
.before\:from-\[\#D7D5FF\] {
&::before{content:var(--tw-content);--tw-gradient-from:#D7D5FF;--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));}
}
.before\:from-\[\#FFF5C6\] {
&::before{content:var(--tw-content);--tw-gradient-from:#FFF5C6;--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));}
}
.before\:to-black\/0 {
&::before {
content: var(--tw-content);
--tw-gradient-to: color-mix(in srgb, #000 0%, transparent);
@supports (color: color-mix(in lab, red, red)){--tw-gradient-to:color-mix(in oklab, var(--color-black) 0%, 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));
}
}
.before\:blur-sm {
&::before{content:var(--tw-content);--tw-blur:blur(var(--blur-sm));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,);}
}
.focus\:border-gray-400 {
&:focus{border-color:var(--color-gray-400);}
}
.focus\:ring-0 {
&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
}
.focus\:outline-none {
&:focus{--tw-outline-style:none;outline-style:none;}
}
.max-2xl\:hidden {
@media (width < 96rem){display:none;}
}
.max-xl\:mx-auto {
@media (width < 80rem){margin-inline:auto;}
}
.max-xl\:hidden {
@media (width < 80rem){display:none;}
}
.max-xl\:max-w-180 {
@media (width < 80rem){max-width:calc(var(--spacing) * 180);}
}
.max-xl\:text-center {
@media (width < 80rem){text-align:center;}
}
.max-xl\:text-primary {
@media (width < 80rem){color:var(--color-primary);}
}
.max-lg\:col-span-2 {
@media (width < 64rem){grid-column:span 2 / span 2;}
}
.max-lg\:hidden {
@media (width < 64rem){display:none;}
}
.max-lg\:aspect-\[10\/7\] {
@media (width < 64rem){aspect-ratio:10/7;}
}
.max-lg\:aspect-\[10\/11\] {
@media (width < 64rem){aspect-ratio:10/11;}
}
.max-lg\:w-90 {
@media (width < 64rem){width:calc(var(--spacing) * 90);}
}
.max-lg\:w-130 {
@media (width < 64rem){width:calc(var(--spacing) * 130);}
}
.max-lg\:w-full {
@media (width < 64rem){width:100%;}
}
.max-lg\:max-w-68 {
@media (width < 64rem){max-width:calc(var(--spacing) * 68);}
}
.max-lg\:max-w-full {
@media (width < 64rem){max-width:100%;}
}
.max-lg\:\!pt-0 {
@media (width < 64rem){padding-top:calc(var(--spacing) * 0) !important;}
}
.max-md\:absolute {
@media (width < 48rem){position:absolute;}
}
.max-md\:right-0 {
@media (width < 48rem){right:calc(var(--spacing) * 0);}
}
.max-md\:bottom-0 {
@media (width < 48rem){bottom:calc(var(--spacing) * 0);}
}
.max-md\:min-h-50 {
@media (width < 48rem){min-height:calc(var(--spacing) * 50);}
}
.max-md\:w-150 {
@media (width < 48rem){width:calc(var(--spacing) * 150);}
}
.max-md\:max-w-50 {
@media (width < 48rem){max-width:calc(var(--spacing) * 50);}
}
.max-md\:max-w-\[initial\] {
@media (width < 48rem){max-width:initial;}
}
.max-md\:overflow-x-auto {
@media (width < 48rem){overflow-x:auto;}
}
.max-md\:px-0 {
@media (width < 48rem){padding-inline:calc(var(--spacing) * 0);}
}
.max-md\:pe-4 {
@media (width < 48rem){padding-inline-end:calc(var(--spacing) * 4);}
}
.max-md\:pe-30 {
@media (width < 48rem){padding-inline-end:calc(var(--spacing) * 30);}
}
.max-md\:pb-3 {
@media (width < 48rem){padding-bottom:calc(var(--spacing) * 3);}
}
.max-md\:text-center {
@media (width < 48rem){text-align:center;}
}
.max-sm\:static {
@media (width < 40rem){position:static;}
}
.max-sm\:-left-20 {
@media (width < 40rem){left:calc(var(--spacing) * -20);}
}
.max-sm\:mx-auto {
@media (width < 40rem){margin-inline:auto;}
}
.max-sm\:-mt-20 {
@media (width < 40rem){margin-top:calc(var(--spacing) * -20);}
}
.max-sm\:w-20 {
@media (width < 40rem){width:calc(var(--spacing) * 20);}
}
.max-sm\:w-50 {
@media (width < 40rem){width:calc(var(--spacing) * 50);}
}
.max-sm\:w-full {
@media (width < 40rem){width:100%;}
}
.max-sm\:\!max-w-\[initial\] {
@media (width < 40rem){max-width:initial !important;}
}
.max-sm\:max-w-50 {
@media (width < 40rem){max-width:calc(var(--spacing) * 50);}
}
.max-sm\:max-w-68 {
@media (width < 40rem){max-width:calc(var(--spacing) * 68);}
}
.max-sm\:max-w-70 {
@media (width < 40rem){max-width:calc(var(--spacing) * 70);}
}
.max-sm\:px-3 {
@media (width < 40rem){padding-inline:calc(var(--spacing) * 3);}
}
.max-sm\:pe-0 {
@media (width < 40rem){padding-inline-end:calc(var(--spacing) * 0);}
}
.max-sm\:text-center {
@media (width < 40rem){text-align:center;}
}
.sm\:absolute {
@media (width >= 40rem){position:absolute;}
}
.sm\:inset-x-0 {
@media (width >= 40rem){inset-inline:calc(var(--spacing) * 0);}
}
.sm\:-right-2 {
@media (width >= 40rem){right:calc(var(--spacing) * -2);}
}
.sm\:right-\[30\%\] {
@media (width >= 40rem){right:30%;}
}
.sm\:bottom-0 {
@media (width >= 40rem){bottom:calc(var(--spacing) * 0);}
}
.sm\:bottom-4 {
@media (width >= 40rem){bottom:calc(var(--spacing) * 4);}
}
.sm\:size-70 {
@media (width >= 40rem){width:calc(var(--spacing) * 70);height:calc(var(--spacing) * 70);}
}
.sm\:h-\[calc\(100\%_\+_20px\)\] {
@media (width >= 40rem){height:calc(100% + 20px);}
}
.sm\:h-full {
@media (width >= 40rem){height:100%;}
}
.sm\:w-auto {
@media (width >= 40rem){width:auto;}
}
.sm\:w-full {
@media (width >= 40rem){width:100%;}
}
.sm\:max-w-112 {
@media (width >= 40rem){max-width:calc(var(--spacing) * 112);}
}
.sm\:grid-cols-2 {
@media (width >= 40rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.sm\:flex-row {
@media (width >= 40rem){flex-direction:row;}
}
.sm\:items-center {
@media (width >= 40rem){align-items:center;}
}
.sm\:justify-between {
@media (width >= 40rem){justify-content:space-between;}
}
.sm\:gap-6 {
@media (width >= 40rem){gap:calc(var(--spacing) * 6);}
}
.sm\:gap-8 {
@media (width >= 40rem){gap:calc(var(--spacing) * 8);}
}
.sm\:space-y-10 {
@media (width >= 40rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.sm\:p-6 {
@media (width >= 40rem){padding:calc(var(--spacing) * 6);}
}
.sm\:p-8 {
@media (width >= 40rem){padding:calc(var(--spacing) * 8);}
}
.sm\:px-4 {
@media (width >= 40rem){padding-inline:calc(var(--spacing) * 4);}
}
.sm\:px-6 {
@media (width >= 40rem){padding-inline:calc(var(--spacing) * 6);}
}
.sm\:py-10 {
@media (width >= 40rem){padding-block:calc(var(--spacing) * 10);}
}
.sm\:ps-6 {
@media (width >= 40rem){padding-inline-start:calc(var(--spacing) * 6);}
}
.sm\:pb-10 {
@media (width >= 40rem){padding-bottom:calc(var(--spacing) * 10);}
}
.sm\:blur-\[50px\] {
@media (width >= 40rem){--tw-blur:blur(50px);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,);}
}
.md\:absolute {
@media (width >= 48rem){position:absolute;}
}
.md\:top-20 {
@media (width >= 48rem){top:calc(var(--spacing) * 20);}
}
.md\:col-span-2 {
@media (width >= 48rem){grid-column:span 2 / span 2;}
}
.md\:mx-0 {
@media (width >= 48rem){margin-inline:calc(var(--spacing) * 0);}
}
.md\:mt-0 {
@media (width >= 48rem){margin-top:calc(var(--spacing) * 0);}
}
.md\:mb-0 {
@media (width >= 48rem){margin-bottom:calc(var(--spacing) * 0);}
}
.md\:line-clamp-4 {
@media (width >= 48rem){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
}
.md\:block {
@media (width >= 48rem){display:block;}
}
.md\:hidden {
@media (width >= 48rem){display:none;}
}
.md\:aspect-\[1509\/377\] {
@media (width >= 48rem){aspect-ratio:1509/377;}
}
.md\:h-40 {
@media (width >= 48rem){height:calc(var(--spacing) * 40);}
}
.md\:w-80 {
@media (width >= 48rem){width:calc(var(--spacing) * 80);}
}
.md\:w-\[46\%\] {
@media (width >= 48rem){width:46%;}
}
.md\:max-w-66 {
@media (width >= 48rem){max-width:calc(var(--spacing) * 66);}
}
.md\:max-w-100 {
@media (width >= 48rem){max-width:calc(var(--spacing) * 100);}
}
.md\:-rotate-4 {
@media (width >= 48rem){rotate:calc(4deg * -1);}
}
.md\:rotate-4 {
@media (width >= 48rem){rotate:4deg;}
}
.md\:grid-cols-2 {
@media (width >= 48rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.md\:grid-cols-3 {
@media (width >= 48rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
}
.md\:grid-cols-\[190px_1fr\] {
@media (width >= 48rem){grid-template-columns:190px 1fr;}
}
.md\:grid-cols-\[215px_1fr\] {
@media (width >= 48rem){grid-template-columns:215px 1fr;}
}
.md\:flex-row {
@media (width >= 48rem){flex-direction:row;}
}
.md\:justify-between {
@media (width >= 48rem){justify-content:space-between;}
}
.md\:gap-5 {
@media (width >= 48rem){gap:calc(var(--spacing) * 5);}
}
.md\:gap-6 {
@media (width >= 48rem){gap:calc(var(--spacing) * 6);}
}
.md\:space-y-5 {
@media (width >= 48rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.md\:space-y-6 {
@media (width >= 48rem) {
: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)));}
}
}
.md\:space-y-7 {
@media (width >= 48rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.md\:space-y-15 {
@media (width >= 48rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.md\:space-y-20 {
@media (width >= 48rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.md\:gap-y-7 {
@media (width >= 48rem){row-gap:calc(var(--spacing) * 7);}
}
.md\:p-2 {
@media (width >= 48rem){padding:calc(var(--spacing) * 2);}
}
.md\:p-4 {
@media (width >= 48rem){padding:calc(var(--spacing) * 4);}
}
.md\:p-6 {
@media (width >= 48rem){padding:calc(var(--spacing) * 6);}
}
.md\:p-8 {
@media (width >= 48rem){padding:calc(var(--spacing) * 8);}
}
.md\:px-5 {
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 5);}
}
.md\:px-7 {
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 7);}
}
.md\:px-8 {
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 8);}
}
.md\:py-6 {
@media (width >= 48rem){padding-block:calc(var(--spacing) * 6);}
}
.md\:py-10 {
@media (width >= 48rem){padding-block:calc(var(--spacing) * 10);}
}
.md\:py-15 {
@media (width >= 48rem){padding-block:calc(var(--spacing) * 15);}
}
.md\:pt-3 {
@media (width >= 48rem){padding-top:calc(var(--spacing) * 3);}
}
.md\:pt-5 {
@media (width >= 48rem){padding-top:calc(var(--spacing) * 5);}
}
.md\:pt-9 {
@media (width >= 48rem){padding-top:calc(var(--spacing) * 9);}
}
.md\:pt-12 {
@media (width >= 48rem){padding-top:calc(var(--spacing) * 12);}
}
.md\:pt-15 {
@media (width >= 48rem){padding-top:calc(var(--spacing) * 15);}
}
.md\:pb-24 {
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 24);}
}
.md\:pb-30 {
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 30);}
}
.md\:text-start {
@media (width >= 48rem){text-align:start;}
}
.md\:shadow-customMdDbl {
@media (width >= 48rem){--tw-shadow:60px 73px 94px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 15px 18px 52px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
}
.lg\:sticky {
@media (width >= 64rem){position:sticky;}
}
.lg\:bottom-10 {
@media (width >= 64rem){bottom:calc(var(--spacing) * 10);}
}
.lg\:order-1 {
@media (width >= 64rem){order:1;}
}
.lg\:order-2 {
@media (width >= 64rem){order:2;}
}
.lg\:order-last {
@media (width >= 64rem){order:9999;}
}
.lg\:mt-6 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 6);}
}
.lg\:mt-11\.5 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 11.5);}
}
.lg\:mt-14 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 14);}
}
.lg\:mt-16 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 16);}
}
.lg\:mt-18 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 18);}
}
.lg\:mt-27 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 27);}
}
.lg\:mb-12 {
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 12);}
}
.lg\:mb-15 {
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 15);}
}
.lg\:ml-6 {
@media (width >= 64rem){margin-left:calc(var(--spacing) * 6);}
}
.lg\:ml-auto {
@media (width >= 64rem){margin-left:auto;}
}
.lg\:block {
@media (width >= 64rem){display:block;}
}
.lg\:flex {
@media (width >= 64rem){display:flex;}
}
.lg\:hidden {
@media (width >= 64rem){display:none;}
}
.lg\:size-80 {
@media (width >= 64rem){width:calc(var(--spacing) * 80);height:calc(var(--spacing) * 80);}
}
.lg\:h-80 {
@media (width >= 64rem){height:calc(var(--spacing) * 80);}
}
.lg\:w-6 {
@media (width >= 64rem){width:calc(var(--spacing) * 6);}
}
.lg\:w-70 {
@media (width >= 64rem){width:calc(var(--spacing) * 70);}
}
.lg\:w-110 {
@media (width >= 64rem){width:calc(var(--spacing) * 110);}
}
.lg\:w-auto {
@media (width >= 64rem){width:auto;}
}
.lg\:max-w-46 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 46);}
}
.lg\:max-w-70 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 70);}
}
.lg\:max-w-122 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 122);}
}
.lg\:max-w-240 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 240);}
}
.lg\:max-w-full {
@media (width >= 64rem){max-width:100%;}
}
.lg\:flex-1 {
@media (width >= 64rem){flex:1;}
}
.lg\:grid-cols-2 {
@media (width >= 64rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.lg\:grid-cols-\[1fr_330px\] {
@media (width >= 64rem){grid-template-columns:1fr 330px;}
}
.lg\:grid-cols-\[280px_1fr\] {
@media (width >= 64rem){grid-template-columns:280px 1fr;}
}
.lg\:grid-cols-\[350px_1fr\] {
@media (width >= 64rem){grid-template-columns:350px 1fr;}
}
.lg\:flex-row {
@media (width >= 64rem){flex-direction:row;}
}
.lg\:items-center {
@media (width >= 64rem){align-items:center;}
}
.lg\:justify-between {
@media (width >= 64rem){justify-content:space-between;}
}
.lg\:gap-3 {
@media (width >= 64rem){gap:calc(var(--spacing) * 3);}
}
.lg\:gap-4 {
@media (width >= 64rem){gap:calc(var(--spacing) * 4);}
}
.lg\:gap-5 {
@media (width >= 64rem){gap:calc(var(--spacing) * 5);}
}
.lg\:gap-6 {
@media (width >= 64rem){gap:calc(var(--spacing) * 6);}
}
.lg\:gap-8 {
@media (width >= 64rem){gap:calc(var(--spacing) * 8);}
}
.lg\:gap-9 {
@media (width >= 64rem){gap:calc(var(--spacing) * 9);}
}
.lg\:gap-12 {
@media (width >= 64rem){gap:calc(var(--spacing) * 12);}
}
.lg\:gap-17 {
@media (width >= 64rem){gap:calc(var(--spacing) * 17);}
}
.lg\:space-y-4 {
@media (width >= 64rem) {
: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)));}
}
}
.lg\:space-y-5 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-6 {
@media (width >= 64rem) {
: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)));}
}
}
.lg\:space-y-7 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-9 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-10 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-11 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-12 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-16 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-18 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-28 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 28) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 28) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:gap-y-9 {
@media (width >= 64rem){row-gap:calc(var(--spacing) * 9);}
}
.lg\:rounded-3xl {
@media (width >= 64rem){border-radius:var(--radius-3xl);}
}
.lg\:rounded-\[35px\] {
@media (width >= 64rem){border-radius:35px;}
}
.lg\:rounded-none {
@media (width >= 64rem){border-radius:0;}
}
.lg\:rounded-l-4xl {
@media (width >= 64rem){border-top-left-radius:var(--radius-4xl);border-bottom-left-radius:var(--radius-4xl);}
}
.lg\:rounded-r-4xl {
@media (width >= 64rem){border-top-right-radius:var(--radius-4xl);border-bottom-right-radius:var(--radius-4xl);}
}
.lg\:p-4 {
@media (width >= 64rem){padding:calc(var(--spacing) * 4);}
}
.lg\:p-6 {
@media (width >= 64rem){padding:calc(var(--spacing) * 6);}
}
.lg\:p-8 {
@media (width >= 64rem){padding:calc(var(--spacing) * 8);}
}
.lg\:px-4 {
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 4);}
}
.lg\:px-6 {
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 6);}
}
.lg\:px-8 {
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 8);}
}
.lg\:py-5 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 5);}
}
.lg\:py-6 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 6);}
}
.lg\:py-8 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 8);}
}
.lg\:py-10 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 10);}
}
.lg\:py-18 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 18);}
}
.lg\:ps-10 {
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 10);}
}
.lg\:\!pt-12 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 12) !important;}
}
.lg\:\!pt-18 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 18) !important;}
}
.lg\:\!pt-20 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 20) !important;}
}
.lg\:\!pt-24 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 24) !important;}
}
.lg\:\!pt-30 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 30) !important;}
}
.lg\:pt-4 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 4);}
}
.lg\:pt-6 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 6);}
}
.lg\:pt-7 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 7);}
}
.lg\:pt-8 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 8);}
}
.lg\:pt-10 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 10);}
}
.lg\:pt-11 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 11);}
}
.lg\:pt-12 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 12);}
}
.lg\:pt-15 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 15);}
}
.lg\:pt-20 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 20);}
}
.lg\:pb-9 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 9);}
}
.lg\:pb-10 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 10);}
}
.lg\:pb-15 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 15);}
}
.lg\:pb-20 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 20);}
}
.lg\:pb-25 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 25);}
}
.lg\:pb-28 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 28);}
}
.lg\:pb-30 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 30);}
}
.lg\:pb-36 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 36);}
}
.lg\:text-base {
@media (width >= 64rem){font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));}
}
.lg\:text-lg {
@media (width >= 64rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
}
.lg\:text-xl {
@media (width >= 64rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
}
.lg\:tracking-tighter {
@media (width >= 64rem){--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter);}
}
.xl\:-right-5 {
@media (width >= 80rem){right:calc(var(--spacing) * -5);}
}
.xl\:right-0 {
@media (width >= 80rem){right:calc(var(--spacing) * 0);}
}
.xl\:right-4 {
@media (width >= 80rem){right:calc(var(--spacing) * 4);}
}
.xl\:right-40 {
@media (width >= 80rem){right:calc(var(--spacing) * 40);}
}
.xl\:bottom-5 {
@media (width >= 80rem){bottom:calc(var(--spacing) * 5);}
}
.xl\:left-4 {
@media (width >= 80rem){left:calc(var(--spacing) * 4);}
}
.xl\:mx-0 {
@media (width >= 80rem){margin-inline:calc(var(--spacing) * 0);}
}
.xl\:mt-0 {
@media (width >= 80rem){margin-top:calc(var(--spacing) * 0);}
}
.xl\:mt-14 {
@media (width >= 80rem){margin-top:calc(var(--spacing) * 14);}
}
.xl\:mb-0 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 0);}
}
.xl\:mb-6 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 6);}
}
.xl\:mb-8 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 8);}
}
.xl\:line-clamp-2 {
@media (width >= 80rem){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
}
.xl\:block {
@media (width >= 80rem){display:block;}
}
.xl\:hidden {
@media (width >= 80rem){display:none;}
}
.xl\:size-8 {
@media (width >= 80rem){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}
}
.xl\:size-35 {
@media (width >= 80rem){width:calc(var(--spacing) * 35);height:calc(var(--spacing) * 35);}
}
.xl\:size-100 {
@media (width >= 80rem){width:calc(var(--spacing) * 100);height:calc(var(--spacing) * 100);}
}
.xl\:size-120 {
@media (width >= 80rem){width:calc(var(--spacing) * 120);height:calc(var(--spacing) * 120);}
}
.xl\:size-140 {
@media (width >= 80rem){width:calc(var(--spacing) * 140);height:calc(var(--spacing) * 140);}
}
.xl\:size-200 {
@media (width >= 80rem){width:calc(var(--spacing) * 200);height:calc(var(--spacing) * 200);}
}
.xl\:h-\[calc\(100\%_\+_40px\)\] {
@media (width >= 80rem){height:calc(100% + 40px);}
}
.xl\:w-5 {
@media (width >= 80rem){width:calc(var(--spacing) * 5);}
}
.xl\:w-50 {
@media (width >= 80rem){width:calc(var(--spacing) * 50);}
}
.xl\:w-85 {
@media (width >= 80rem){width:calc(var(--spacing) * 85);}
}
.xl\:w-90 {
@media (width >= 80rem){width:calc(var(--spacing) * 90);}
}
.xl\:w-135 {
@media (width >= 80rem){width:calc(var(--spacing) * 135);}
}
.xl\:w-\[31\%\] {
@media (width >= 80rem){width:31%;}
}
.xl\:max-w-90 {
@media (width >= 80rem){max-width:calc(var(--spacing) * 90);}
}
.xl\:max-w-100 {
@media (width >= 80rem){max-width:calc(var(--spacing) * 100);}
}
.xl\:max-w-118 {
@media (width >= 80rem){max-width:calc(var(--spacing) * 118);}
}
.xl\:max-w-155 {
@media (width >= 80rem){max-width:calc(var(--spacing) * 155);}
}
.xl\:max-w-180 {
@media (width >= 80rem){max-width:calc(var(--spacing) * 180);}
}
.xl\:max-w-200 {
@media (width >= 80rem){max-width:calc(var(--spacing) * 200);}
}
.xl\:max-w-205 {
@media (width >= 80rem){max-width:calc(var(--spacing) * 205);}
}
.xl\:flex-1 {
@media (width >= 80rem){flex:1;}
}
.xl\:-rotate-2 {
@media (width >= 80rem){rotate:calc(2deg * -1);}
}
.xl\:-rotate-4 {
@media (width >= 80rem){rotate:calc(4deg * -1);}
}
.xl\:-rotate-5 {
@media (width >= 80rem){rotate:calc(5deg * -1);}
}
.xl\:rotate-4 {
@media (width >= 80rem){rotate:4deg;}
}
.xl\:rotate-7 {
@media (width >= 80rem){rotate:7deg;}
}
.xl\:grid-cols-2 {
@media (width >= 80rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.xl\:grid-cols-3 {
@media (width >= 80rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
}
.xl\:grid-cols-4 {
@media (width >= 80rem){grid-template-columns:repeat(4, minmax(0, 1fr));}
}
.xl\:grid-cols-\[1fr_402px\] {
@media (width >= 80rem){grid-template-columns:1fr 402px;}
}
.xl\:grid-cols-\[248px_1fr\] {
@media (width >= 80rem){grid-template-columns:248px 1fr;}
}
.xl\:grid-cols-\[265px_1fr\] {
@media (width >= 80rem){grid-template-columns:265px 1fr;}
}
.xl\:grid-cols-\[300px_1fr\] {
@media (width >= 80rem){grid-template-columns:300px 1fr;}
}
.xl\:grid-cols-\[320px_1fr\] {
@media (width >= 80rem){grid-template-columns:320px 1fr;}
}
.xl\:grid-cols-\[340px_1fr\] {
@media (width >= 80rem){grid-template-columns:340px 1fr;}
}
.xl\:grid-cols-\[400px_1fr\] {
@media (width >= 80rem){grid-template-columns:400px 1fr;}
}
.xl\:grid-cols-\[500px_1fr\] {
@media (width >= 80rem){grid-template-columns:500px 1fr;}
}
.xl\:flex-col {
@media (width >= 80rem){flex-direction:column;}
}
.xl\:flex-row {
@media (width >= 80rem){flex-direction:row;}
}
.xl\:items-center {
@media (width >= 80rem){align-items:center;}
}
.xl\:items-start {
@media (width >= 80rem){align-items:flex-start;}
}
.xl\:justify-start {
@media (width >= 80rem){justify-content:flex-start;}
}
.xl\:gap-2 {
@media (width >= 80rem){gap:calc(var(--spacing) * 2);}
}
.xl\:gap-3 {
@media (width >= 80rem){gap:calc(var(--spacing) * 3);}
}
.xl\:gap-4\.5 {
@media (width >= 80rem){gap:calc(var(--spacing) * 4.5);}
}
.xl\:gap-6 {
@media (width >= 80rem){gap:calc(var(--spacing) * 6);}
}
.xl\:gap-8 {
@media (width >= 80rem){gap:calc(var(--spacing) * 8);}
}
.xl\:gap-9 {
@media (width >= 80rem){gap:calc(var(--spacing) * 9);}
}
.xl\:gap-10 {
@media (width >= 80rem){gap:calc(var(--spacing) * 10);}
}
.xl\:gap-11 {
@media (width >= 80rem){gap:calc(var(--spacing) * 11);}
}
.xl\:gap-12 {
@media (width >= 80rem){gap:calc(var(--spacing) * 12);}
}
.xl\:gap-18 {
@media (width >= 80rem){gap:calc(var(--spacing) * 18);}
}
.xl\:gap-22 {
@media (width >= 80rem){gap:calc(var(--spacing) * 22);}
}
.xl\:space-y-2 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-3 {
@media (width >= 80rem) {
: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)));}
}
}
.xl\:space-y-6 {
@media (width >= 80rem) {
: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)));}
}
}
.xl\:space-y-7 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-9 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-10 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-11 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-12 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-18 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-19 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 19) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 19) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-22 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 22) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 22) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-35 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 35) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 35) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:gap-x-7 {
@media (width >= 80rem){column-gap:calc(var(--spacing) * 7);}
}
.xl\:gap-y-3 {
@media (width >= 80rem){row-gap:calc(var(--spacing) * 3);}
}
.xl\:gap-y-12 {
@media (width >= 80rem){row-gap:calc(var(--spacing) * 12);}
}
.xl\:rounded-3xl {
@media (width >= 80rem){border-radius:var(--radius-3xl);}
}
.xl\:rounded-4xl {
@media (width >= 80rem){border-radius:var(--radius-4xl);}
}
.xl\:rounded-\[40px\] {
@media (width >= 80rem){border-radius:40px;}
}
.xl\:rounded-t-\[60px\] {
@media (width >= 80rem){border-top-left-radius:60px;border-top-right-radius:60px;}
}
.xl\:p-8 {
@media (width >= 80rem){padding:calc(var(--spacing) * 8);}
}
.xl\:p-10 {
@media (width >= 80rem){padding:calc(var(--spacing) * 10);}
}
.xl\:p-12 {
@media (width >= 80rem){padding:calc(var(--spacing) * 12);}
}
.xl\:px-10 {
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 10);}
}
.xl\:px-11 {
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 11);}
}
.xl\:px-12 {
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 12);}
}
.xl\:py-8 {
@media (width >= 80rem){padding-block:calc(var(--spacing) * 8);}
}
.xl\:py-12 {
@media (width >= 80rem){padding-block:calc(var(--spacing) * 12);}
}
.xl\:py-15 {
@media (width >= 80rem){padding-block:calc(var(--spacing) * 15);}
}
.xl\:py-22 {
@media (width >= 80rem){padding-block:calc(var(--spacing) * 22);}
}
.xl\:\!pt-30 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 30) !important;}
}
.xl\:pt-8 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 8);}
}
.xl\:pt-10 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 10);}
}
.xl\:pt-12 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 12);}
}
.xl\:pt-14 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 14);}
}
.xl\:pt-15 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 15);}
}
.xl\:pt-18 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 18);}
}
.xl\:pt-19 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 19);}
}
.xl\:pt-20 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 20);}
}
.xl\:pt-25 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 25);}
}
.xl\:pt-30 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 30);}
}
.xl\:\!pb-4 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 4) !important;}
}
.xl\:\!pb-5 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 5) !important;}
}
.xl\:\!pb-6 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 6) !important;}
}
.xl\:pb-0 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 0);}
}
.xl\:pb-10 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 10);}
}
.xl\:pb-12 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 12);}
}
.xl\:pb-15 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 15);}
}
.xl\:pb-20 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 20);}
}
.xl\:pb-30 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 30);}
}
.xl\:pb-36 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 36);}
}
.xl\:pb-42 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 42);}
}
.xl\:text-left {
@media (width >= 80rem){text-align:left;}
}
.xl\:text-base {
@media (width >= 80rem){font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));}
}
.xl\:shadow-customLg {
@media (width >= 80rem){--tw-shadow:80px 100px 70px var(--tw-shadow-color, rgba(0,0,0,0.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
}
.xl\:blur-\[120px\] {
@media (width >= 80rem){--tw-blur:blur(120px);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,);}
}
.\32 xl\:-right-10 {
@media (width >= 96rem){right:calc(var(--spacing) * -10);}
}
.\32 xl\:bottom-12 {
@media (width >= 96rem){bottom:calc(var(--spacing) * 12);}
}
.\32 xl\:-left-10 {
@media (width >= 96rem){left:calc(var(--spacing) * -10);}
}
.\32 xl\:mb-18 {
@media (width >= 96rem){margin-bottom:calc(var(--spacing) * 18);}
}
.\32 xl\:w-55 {
@media (width >= 96rem){width:calc(var(--spacing) * 55);}
}
.\32 xl\:w-101 {
@media (width >= 96rem){width:calc(var(--spacing) * 101);}
}
.\32 xl\:w-160 {
@media (width >= 96rem){width:calc(var(--spacing) * 160);}
}
.\32 xl\:max-w-112 {
@media (width >= 96rem){max-width:calc(var(--spacing) * 112);}
}
.\32 xl\:max-w-144 {
@media (width >= 96rem){max-width:calc(var(--spacing) * 144);}
}
.\32 xl\:max-w-265 {
@media (width >= 96rem){max-width:calc(var(--spacing) * 265);}
}
.\32 xl\:max-w-292 {
@media (width >= 96rem){max-width:calc(var(--spacing) * 292);}
}
.\32 xl\:max-w-358 {
@media (width >= 96rem){max-width:calc(var(--spacing) * 358);}
}
.\32 xl\:-translate-x-1\/2 {
@media (width >= 96rem){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}
}
.\32 xl\:translate-x-1\/2 {
@media (width >= 96rem){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y);}
}
.\32 xl\:grid-cols-\[340px_1fr\] {
@media (width >= 96rem){grid-template-columns:340px 1fr;}
}
.\32 xl\:grid-cols-\[384px_1fr\] {
@media (width >= 96rem){grid-template-columns:384px 1fr;}
}
.\32 xl\:grid-cols-\[456px_1fr\] {
@media (width >= 96rem){grid-template-columns:456px 1fr;}
}
.\32 xl\:grid-cols-\[460px_1fr\] {
@media (width >= 96rem){grid-template-columns:460px 1fr;}
}
.\32 xl\:grid-cols-\[582px_1fr\] {
@media (width >= 96rem){grid-template-columns:582px 1fr;}
}
.\32 xl\:gap-8 {
@media (width >= 96rem){gap:calc(var(--spacing) * 8);}
}
.\32 xl\:gap-10 {
@media (width >= 96rem){gap:calc(var(--spacing) * 10);}
}
.\32 xl\:gap-13 {
@media (width >= 96rem){gap:calc(var(--spacing) * 13);}
}
.\32 xl\:gap-15 {
@media (width >= 96rem){gap:calc(var(--spacing) * 15);}
}
.\32 xl\:gap-18 {
@media (width >= 96rem){gap:calc(var(--spacing) * 18);}
}
.\32 xl\:gap-20 {
@media (width >= 96rem){gap:calc(var(--spacing) * 20);}
}
.\32 xl\:gap-21 {
@media (width >= 96rem){gap:calc(var(--spacing) * 21);}
}
.\32 xl\:gap-22 {
@media (width >= 96rem){gap:calc(var(--spacing) * 22);}
}
.\32 xl\:gap-27 {
@media (width >= 96rem){gap:calc(var(--spacing) * 27);}
}
.\32 xl\:space-y-5 {
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.\32 xl\:space-y-6 {
@media (width >= 96rem) {
: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)));}
}
}
.\32 xl\:space-y-8 {
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.\32 xl\:space-y-12 {
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.\32 xl\:space-y-13 {
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 13) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 13) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.\32 xl\:space-y-22 {
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 22) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 22) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.\32 xl\:space-y-25 {
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 25) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 25) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.\32 xl\:space-y-42 {
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 42) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 42) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.\32 xl\:gap-x-9 {
@media (width >= 96rem){column-gap:calc(var(--spacing) * 9);}
}
.\32 xl\:gap-y-15 {
@media (width >= 96rem){row-gap:calc(var(--spacing) * 15);}
}
.\32 xl\:rounded-4xl {
@media (width >= 96rem){border-radius:var(--radius-4xl);}
}
.\32 xl\:border-8 {
@media (width >= 96rem){border-style:var(--tw-border-style);border-width:8px;}
}
.\32 xl\:p-8 {
@media (width >= 96rem){padding:calc(var(--spacing) * 8);}
}
.\32 xl\:p-12 {
@media (width >= 96rem){padding:calc(var(--spacing) * 12);}
}
.\32 xl\:px-8 {
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 8);}
}
.\32 xl\:px-11 {
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 11);}
}
.\32 xl\:px-12 {
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 12);}
}
.\32 xl\:px-18 {
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 18);}
}
.\32 xl\:py-10 {
@media (width >= 96rem){padding-block:calc(var(--spacing) * 10);}
}
.\32 xl\:py-12 {
@media (width >= 96rem){padding-block:calc(var(--spacing) * 12);}
}
.\32 xl\:py-22 {
@media (width >= 96rem){padding-block:calc(var(--spacing) * 22);}
}
.\32 xl\:py-25 {
@media (width >= 96rem){padding-block:calc(var(--spacing) * 25);}
}
.\32 xl\:ps-12 {
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 12);}
}
.\32 xl\:ps-17 {
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 17);}
}
.\32 xl\:pt-12 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 12);}
}
.\32 xl\:pt-17 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 17);}
}
.\32 xl\:pt-18 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 18);}
}
.\32 xl\:pt-19 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 19);}
}
.\32 xl\:pt-25 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 25);}
}
.\32 xl\:pt-30 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 30);}
}
.\32 xl\:pt-58 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 58);}
}
.\32 xl\:pb-0 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 0);}
}
.\32 xl\:pb-35 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 35);}
}
.\32 xl\:pb-42 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 42);}
}
.\32 xl\:pb-50 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 50);}
}
.\32 xl\:tracking-tighter {
@media (width >= 96rem){--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter);}
}
.\32 xl\:shadow-\[-8px_8px_0px_rgba\(0\,0\,0\,0\.12\)\] {
@media (width >= 96rem){--tw-shadow:-8px 8px 0px var(--tw-shadow-color, rgba(0,0,0,0.12));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
}
}
@layer utilities { *{scrollbar-width:thin;scrollbar-color:rgba(127, 181, 239, 0.64) transparent;}
*::-webkit-scrollbar{width:16px;}
*::-webkit-scrollbar-track{background-color:transparent;}
*::-webkit-scrollbar-thumb{background-color:rgba(127, 181, 239, 0.64);border-radius:10px;border:3px solid #ffffff;}
*::-webkit-scrollbar-thumb:hover{background-color:rgba(127, 181, 239, 0.64);}
}
@layer base {
html{scroll-behavior:smooth;}
body {
font-family: var(--font-base);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.5;
line-height: 1.5;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
@media (width >= 64rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 96rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
}
.container{margin-inline:auto;padding-inline:calc(var(--spacing) * 3);}
h1, h2, h3, h4, h5, h6{font-family:var(--font-title);}
.headerMain {
position: fixed;
inset-inline: calc(var(--spacing) * 0);
top: calc(var(--spacing) * 0);
z-index: 50;
padding-block: calc(var(--spacing) * 3);
--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,);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
@media (width >= 80rem){padding-block:calc(var(--spacing) * 6);}
&.stickyHeader{padding-block:calc(var(--spacing) * 3);}
}
.headerNavMain {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
@media (width < 80rem){position:fixed;}
@media (width < 80rem){top:calc(var(--spacing) * 0);}
@media (width < 80rem){bottom:calc(var(--spacing) * 0);}
@media (width < 80rem){left:calc(var(--spacing) * 0);}
@media (width < 80rem){z-index:20;}
@media (width < 80rem){height:100vh;}
@media (width < 80rem){width:100%;}
@media (width < 80rem){max-width:calc(var(--spacing) * 94);}
@media (width < 80rem){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);}
@media (width < 80rem){overflow-x:hidden;}
@media (width < 80rem){overflow-y:auto;}
@media (width < 80rem){background-color:var(--color-white);}
@media (width < 80rem){padding:calc(var(--spacing) * 4);}
@media (width >= 80rem){flex-direction:row;}
@media (width >= 80rem){justify-content:flex-end;}
@media (width >= 80rem){gap:calc(var(--spacing) * 8);}
@media (width >= 80rem){gap:calc(var(--spacing) * 20);}
}
.submenu {
position: absolute;
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
z-index: 40;
border-radius: var(--radius-lg);
background-color: var(--color-white);
padding: calc(var(--spacing) * 4);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
opacity: 0%;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
@media (width < 80rem){pointer-events:none;}
@media (width < 80rem){height:100vh;}
@media (width < 80rem){--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y);}
@media (width < 80rem){overflow-y:auto;}
@media (width >= 80rem){top:100%;}
@media (width >= 80rem){display:none;}
@media (width >= 80rem){--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y);}
@media (width >= 80rem){padding:calc(var(--spacing) * 6);}
@media (width >= 80rem){color:var(--color-primary);}
@media (width >= 80rem){--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);}
&.open {
@media (width < 80rem){pointer-events:auto;}
@media (width < 80rem){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);}
}
&.megaMenu {
width: 100%;
@media (width >= 64rem){right:calc(var(--spacing) * 0);}
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 12);}
}
}
.subMenuLinks {
display: flex;
flex-direction: column;
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.15;
line-height: 1.15;
@media (width < 80rem){gap:calc(var(--spacing) * 3);}
@media (width >= 80rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
.subMenuLink {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
border-radius: var(--radius-sm);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
@media (width >= 80rem){display:inline-block;}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 3);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 1.5);}
@media (width >= 80rem) {
&:hover {
@media (hover: hover){background-color:var(--color-primary-200);}
}
}
@media (width >= 80rem) {
&:hover {
@media (hover: hover){color:var(--color-primary-500);}
}
}
}
}
.submenu.open{display:block;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:100%;}
.navLink {
display: flex;
width: 100%;
cursor: pointer;
justify-content: space-between;
padding-block: calc(var(--spacing) * 2);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
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));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
@media (width >= 96rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
}
.hasChild > button .menuArrow {
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));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
@media (width < 80rem){rotate:calc(90deg * -1);}
}
.hasChild.open > button .menuArrow {
@media (width >= 80rem){rotate:180deg;}
}
.menuMainTitle {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
color: var(--color-placeholder);
text-transform: uppercase;
@media (width >= 80rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
}
body.nav-open{overflow:hidden;}
.nav-open .headerNavMain {
@media (width < 80rem){--tw-translate-x:calc(var(--spacing) * -0);translate:var(--tw-translate-x) var(--tw-translate-y);}
}
.overlayNav {
pointer-events: none;
opacity: 0%;
@media (width >= 80rem){pointer-events:none !important;}
@media (width >= 80rem){opacity:0% !important;}
}
.nav-open .overlayNav{pointer-events:auto;opacity:100%;}
.submenuBackBtn{display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-primary);}
.menuCard {
position: relative;
display: flex;
align-items: center;
column-gap: calc(var(--spacing) * 4);
overflow: hidden;
border-radius: var(--radius-2xl);
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 1.5);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:hover {
@media (hover: hover){background-color:var(--color-primary-100);}
}
@media (width >= 80rem){padding:calc(var(--spacing) * 3);}
.menuCardIconCol {
display: flex;
width: calc(var(--spacing) * 13);
height: calc(var(--spacing) * 13);
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: 14px;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-neutral-200);
background-color: var(--color-white);
.menuCardIcon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);object-fit:contain;}
}
.menuCardContent {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 1);
.menuCardTitle{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-primary);}
.menuCardDesc{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-placeholder);}
}
}
.fullLink{position:absolute;inset:calc(var(--spacing) * 0);z-index:10;}
}
@layer components {
.textDisplay {
font-family: var(--font-title);
font-size: 40px;
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
@media (width >= 64rem){font-size:64px;}
@media (width >= 96rem){font-size:86px;}
}
.textH1 {
font-family: var(--font-title);
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
@media (width >= 64rem){font-size:56px;}
@media (width >= 96rem){font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height));}
}
.textH2 {
font-family: var(--font-title);
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
@media (width >= 64rem){font-size:44px;}
@media (width >= 96rem){font-size:64px;}
}
.textH3 {
font-family: var(--font-title);
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
--tw-leading: 1.1;
line-height: 1.1;
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
@media (width >= 64rem){font-size:32px;}
@media (width >= 96rem){font-size:56px;}
}
.textH5 {
font-family: var(--font-title);
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
@media (width >= 64rem){font-size:28px;}
@media (width >= 96rem){font-size:40px;}
}
.textH6 {
font-family: var(--font-title);
font-size: 20px;
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
@media (width >= 64rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:32px;}
}
.textLarge {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.5;
line-height: 1.5;
@media (width >= 48rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
}
.textMedium {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.5;
line-height: 1.5;
@media (width >= 48rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
@media (width >= 80rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
}
.textSmall {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.5;
line-height: 1.5;
@media (width >= 80rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
}
.btn {
display: inline-flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: transparent;
padding-inline: calc(var(--spacing) * 4.5);
padding-block: calc(var(--spacing) * 4);
text-align: center;
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 7);}
@media (width >= 64rem){border-radius:var(--radius-2xl);}
@media (width >= 64rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
&.btnSm {
padding-inline: calc(var(--spacing) * 4.5);
@media (width >= 80rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
}
&.arrowBtn {
position: relative;
justify-content: flex-start;
padding-inline-end: calc(var(--spacing) * 15) !important;
text-align: start;
.btnArrow{position:absolute;top:calc(1 / 2 * 100%);right:calc(var(--spacing) * 2);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);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));--tw-duration:300ms;transition-duration:300ms;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}
}
&.btnPrimary {
background-color: var(--color-primary-400);
color: var(--color-primary);
&:hover {
@media (hover: hover) {
background-color: color-mix(in srgb, #6EE7A0 90%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-primary-400) 90%, transparent);}
}
}
}
&.btnDark {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: #232323;
--tw-gradient-to: #161616;
--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));
color: var(--color-white);
&:hover {
@media (hover: hover){opacity:90%;}
}
}
&.btnLight {
background-color: var(--color-white);
color: var(--color-primary);
&:hover {
@media (hover: hover){background-color:var(--color-neutral-100);}
}
&:hover {
@media (hover: hover){opacity:90%;}
}
}
}
.cardStyle1 {
position: relative;
display: flex;
height: 100%;
flex-direction: column;
border-radius: var(--radius-2xl);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-neutral-300);
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 5);
--tw-shadow: 238px 290px 150px var(--tw-shadow-color, rgba(0,0,0,0.10));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 40rem){padding:calc(var(--spacing) * 6);}
@media (width >= 80rem){--tw-shadow:80px 100px 70px var(--tw-shadow-color, rgba(0,0,0,0.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
@media (width >= 96rem){border-radius:var(--radius-4xl);}
@media (width >= 96rem){padding:calc(var(--spacing) * 8);}
.cs1IconCol{margin-bottom:calc(var(--spacing) * 6);}
.cs1ContentCol {
margin-top: auto;
: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)));}
@media (width >= 64rem) {
: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)));}
}
}
}
.profileCardCol {
position: relative;
width: calc(var(--spacing) * 75);
overflow: hidden;
border-radius: var(--radius-2xl);
border-style: var(--tw-border-style);
border-width: 2px;
border-color: #EEEEEE;
--tw-shadow: 238px 290px 150px var(--tw-shadow-color, rgba(0,0,0,0.10));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 48rem){width:calc(var(--spacing) * 100);}
@media (width >= 64rem){width:calc(var(--spacing) * 120);}
@media (width >= 80rem){border-radius:var(--radius-4xl);}
@media (width >= 80rem){--tw-shadow:80px 100px 70px var(--tw-shadow-color, rgba(0,0,0,0.08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
}
.profileCard {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}
border-radius: var(--radius-2xl);
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: color-mix(in oklab, var(--color-white) 32%, transparent);
--tw-gradient-to: color-mix(in oklab, var(--color-white) 36%, 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));
padding: calc(var(--spacing) * 4);
padding-inline: calc(var(--spacing) * 3);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
--tw-backdrop-blur: blur(var(--blur-xl));
-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,);
@media (width >= 48rem){padding:calc(var(--spacing) * 6);}
@media (width >= 80rem){border-radius:var(--radius-4xl);}
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}
}
@media (width >= 96rem){padding:calc(var(--spacing) * 7);}
.textLarge.font-bold {
@media (width < 40rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
@media (width < 40rem){--tw-font-weight:var(--font-weight-semibold) !important;font-weight:var(--font-weight-semibold) !important;}
}
}
.profileTopInfo {
display: flex;
gap: calc(var(--spacing) * 3);
@media (width >= 64rem){gap:calc(var(--spacing) * 6);}
}
.profileCardImg {
width: calc(var(--spacing) * 18);
height: calc(var(--spacing) * 18);
border-radius: var(--radius-3xl);
object-fit: cover;
@media (width >= 40rem){width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20);}
@media (width >= 64rem){width:calc(var(--spacing) * 30);height:calc(var(--spacing) * 30);}
}
.badgesCol{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);}
.badgeStyle1{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 2);border-radius:calc(infinity * 1px);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-primary);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);}
.badgeStyle2 {
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: color-mix(in srgb, #fff 80%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white) 80%, transparent);}
background-color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 50%, transparent);}
padding-inline: calc(var(--spacing) * 3);
padding-top: calc(var(--spacing) * 1.75);
padding-bottom: calc(var(--spacing) * 2);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-primary);
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
--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,);
}
.progressBarCol {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}
@media (width < 40rem){font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));}
@media (width >= 80rem) {
: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)));}
}
}
.marqueeContent {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 6);
white-space: nowrap;
svg{display:block;}
}
.cardStyle2 {
position: relative;
overflow: hidden;
border-radius: 20px;
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--color-white);
--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);
@media (width >= 96rem){border-radius:30px;}
.cs2ImgCol {
aspect-ratio: 10/14;
& > img{height:100%;width:100%;object-fit:cover;}
}
.cs2ContentCol {
position: absolute;
inset-inline: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
z-index: 10;
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 3);
padding: calc(var(--spacing) * 3);
color: var(--color-white);
@media (width >= 40rem){padding:calc(var(--spacing) * 5);}
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 7);}
@media (width >= 96rem){padding-block:calc(var(--spacing) * 8);}
&::after{position:absolute;inset-inline:calc(var(--spacing) * -10);top:calc(var(--spacing) * -5);bottom:calc(var(--spacing) * -0);z-index:calc(10 * -1);--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-black);--tw-gradient-to:color-mix(in oklab, var(--color-black) 0%, 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));opacity:38%;--tw-blur:blur(18px);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,);--tw-backdrop-blur:blur(70px);-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,);--tw-content:'';content:var(--tw-content);}
&::before{position:absolute;inset-inline:calc(var(--spacing) * -10);top:calc(var(--spacing) * -0);bottom:calc(var(--spacing) * -10);z-index:calc(10 * -1);--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#DBFFDE;--tw-gradient-to:color-mix(in oklab, var(--color-black) 0%, 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));--tw-blur:blur(var(--blur-xl));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,);--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,);--tw-content:'';content:var(--tw-content);}
}
}
.sStoryCardMain {
position: relative;
border-radius: var(--radius-2xl);
--tw-gradient-position: to bottom left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: #EDEDED;
--tw-gradient-via: var(--color-white);
--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);
--tw-gradient-to: var(--color-white);
--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));
padding: calc(var(--spacing) * 0.25);
--tw-shadow: 80px 100px 70px var(--tw-shadow-color, rgba(0,0,0,0.08));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 48rem){border-radius:var(--radius-2xl);}
@media (width >= 80rem){border-radius:var(--radius-4xl);}
.sStoryCard {
height: 100%;
: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)));}
border-radius: var(--radius-2xl);
background-color: var(--color-white);
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: #FEFEFE;
--tw-gradient-to: #F5F5F5;
--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));
padding: calc(var(--spacing) * 3);
@media (width >= 40rem){padding:calc(var(--spacing) * 4);}
@media (width >= 48rem){border-radius:var(--radius-2xl);}
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}
}
@media (width >= 80rem){border-radius:var(--radius-4xl);}
@media (width >= 80rem){padding:calc(var(--spacing) * 8);}
}
.storyImgCol {
overflow: hidden;
border-radius: var(--radius-2xl);
--tw-shadow: 80px 100px 70px var(--tw-shadow-color, rgba(0,0,0,0.08));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 80rem){border-radius:40px;}
}
}
.blogCard {
position: relative;
overflow: hidden;
border-radius: 20px;
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--color-neutral-200);
--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);
@media (width >= 96rem){border-radius:30px;}
.blogCardCatLbl{position:absolute;top:calc(var(--spacing) * 4);left:calc(var(--spacing) * 4);border-radius:calc(infinity * 1px);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-leading:1;line-height:1;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);--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,);}
.blogCardImgCol {
aspect-ratio: 10/14;
& > img{height:auto !important;width:100%;object-fit:none !important;}
}
.blogCardContentCol {
position: absolute;
inset-inline: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
z-index: 10;
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 3);
padding: calc(var(--spacing) * 3);
color: var(--color-white);
@media (width >= 40rem){padding:calc(var(--spacing) * 5);}
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 6);}
@media (width >= 96rem){padding-block:calc(var(--spacing) * 8);}
&::after{position:absolute;inset-inline:calc(var(--spacing) * -10);top:calc(var(--spacing) * -5);bottom:calc(var(--spacing) * -0);z-index:calc(10 * -1);--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-black);--tw-gradient-to:color-mix(in oklab, var(--color-black) 0%, 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));opacity:38%;--tw-blur:blur(18px);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,);--tw-backdrop-blur:blur(70px);-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,);--tw-content:'';content:var(--tw-content);}
&::before{position:absolute;inset-inline:calc(var(--spacing) * -10);top:calc(var(--spacing) * -0);bottom:calc(var(--spacing) * -10);z-index:calc(10 * -1);--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#797979;--tw-gradient-to:color-mix(in oklab, #797979 0%, 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));--tw-blur:blur(var(--blur-xl));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,);--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,);--tw-content:'';content:var(--tw-content);}
}
}
.faqItem {
border-radius: var(--radius-2xl);
background-color: transparent;
@media (width >= 64rem){border-radius:var(--radius-3xl);}
.faqToggle {
display: flex;
width: 100%;
cursor: pointer;
align-items: center;
justify-content: space-between;
border-radius: var(--radius-2xl);
padding: calc(var(--spacing) * 5);
text-align: start;
@media (width >= 64rem){border-radius:var(--radius-3xl);}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 8);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 6);}
}
.faqContent {
display: none;
padding: calc(var(--spacing) * 5);
padding-top: calc(var(--spacing) * 0);
@media (width >= 80rem){padding:calc(var(--spacing) * 8);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 0);}
}
.minus-icon{display:none;}
.icon svg {
height: auto;
width: calc(var(--spacing) * 6);
@media (width >= 64rem){width:calc(var(--spacing) * 8);}
@media (width >= 96rem){width:calc(var(--spacing) * 10);}
}
&.open {
background-color: var(--color-primary-600);
color: color-mix(in srgb, #fff 85%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-white) 85%, transparent);}
.faqContent{display:block;}
.plus-icon{display:none;}
.minus-icon{display:block;}
}
}
.faqLight {
.faqItem {
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: transparent;
.faqToggle {
align-items: flex-start;
.plus-icon {
path{stroke:var(--color-primary) !important;}
}
.minus-icon {
path{stroke:var(--color-primary) !important;}
}
}
&.open {
border-color: var(--color-primary-300);
background-color: var(--color-primary-200);
.faqContent{display:block;}
}
&.open {
color: var(--color-secondary);
.faqToggle{color:var(--color-primary);}
}
&:not(.open) {
.faqToggle {
&:hover {
@media (hover: hover){background-color:var(--color-primary-100);}
}
}
}
}
}
.socialLinks {
display: flex;
flex-wrap: wrap;
gap: calc(var(--spacing) * 2);
a {
display: flex;
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
align-items: center;
justify-content: center;
border-radius: 10px;
background-color: color-mix(in srgb, #000 5%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-black) 5%, transparent);}
padding: calc(var(--spacing) * 1);
color: var(--color-primary);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
&:hover {
@media (hover: hover){color:var(--color-primary-300);}
}
svg{max-height:100%;max-width:100%;object-fit:contain;}
}
}
.footerTitle {
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
@media (width >= 96rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
}
.footerLinks {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}
a {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.2;
line-height: 1.2;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
&:hover {
@media (hover: hover){color:var(--color-primary-300);}
}
@media (width >= 96rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
}
}
.pricingCard {
border-radius: var(--radius-2xl);
background-color: var(--color-primary-500);
color: var(--color-white);
@media (width >= 80rem){border-radius:var(--radius-3xl);}
.pricingCardHeader {
: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)));}
border-top-left-radius: var(--radius-2xl);
border-top-right-radius: var(--radius-2xl);
padding-inline: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 8);
padding-bottom: calc(var(--spacing) * 6);
@media (width >= 80rem){border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl);}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 8);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 10);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 8);}
}
.pricingCardBody {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 6);
@media (width >= 80rem){padding:calc(var(--spacing) * 8);}
}
}
.plRow {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 2);
@media (width >= 80rem){gap:calc(var(--spacing) * 3);}
.plIcon {
display: flex;
width: calc(var(--spacing) * 5.5);
height: calc(var(--spacing) * 5.5);
flex: none;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: var(--color-primary-400);
padding: calc(var(--spacing) * 1);
@media (width >= 80rem){width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5);}
}
}
.jobCard {
position: relative;
z-index: 20;
: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)));}
border-radius: var(--radius-4xl);
--tw-gradient-position: in oklab;
background-image: radial-gradient(var(--tw-gradient-stops));
--tw-gradient-from: color-mix(in oklab, #fff 61%, transparent);
--tw-gradient-from-position: 0%;
--tw-gradient-via: color-mix(in oklab, #fff 64%, 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);
--tw-gradient-via-position: 50%;
--tw-gradient-to: color-mix(in oklab, #fff 64%, 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));
--tw-gradient-to-position: 100%;
padding: calc(var(--spacing) * 4);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-primary);
--tw-backdrop-blur: blur(var(--blur-lg));
-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,);
@media (width >= 64rem){padding:calc(var(--spacing) * 6);}
@media (width >= 96rem){padding:calc(var(--spacing) * 8);}
.jobCardInner {
position: relative;
margin: calc(var(--spacing) * 0);
display: grid;
grid-template-columns: 1fr;
gap: calc(var(--spacing) * 3);
@media (width >= 40rem){grid-template-columns:104px 1fr;}
@media (width >= 48rem){gap:calc(var(--spacing) * 4);}
@media (width >= 64rem){grid-template-columns:104px 1fr 190px;}
@media (width >= 80rem){grid-template-columns:132px 1fr 208px;}
@media (width >= 80rem){gap:calc(var(--spacing) * 6);}
@media (width >= 96rem){gap:calc(var(--spacing) * 8);}
.cardImg {
img {
width: calc(var(--spacing) * 26);
height: calc(var(--spacing) * 26);
border-radius: 20px;
object-fit: cover;
@media (width >= 80rem){width:calc(var(--spacing) * 33);height:calc(var(--spacing) * 33);}
}
}
.cardAction {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: calc(var(--spacing) * 3);
@media (width < 64rem){grid-column:1 / -1;}
@media (width >= 40rem){flex-direction:row;}
@media (width >= 40rem){align-items:center;}
@media (width >= 64rem){flex-direction:column;}
@media (width >= 64rem){align-items:flex-end;}
.cardMeta {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.5;
line-height: 1.5;
color: var(--color-secondary);
@media (width < 40rem){order:1;}
@media (width >= 80rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
span{color:color-mix(in oklab, #2C2C2C 60%, transparent);}
}
a {
@media (width < 40rem){position:absolute;}
@media (width < 40rem){top:calc(var(--spacing) * 0);}
@media (width < 40rem){right:calc(var(--spacing) * 0);}
@media (width < 40rem){order:2;}
img {
@media (width < 64rem){width:calc(var(--spacing) * 8);}
}
}
}
.cardDesc {
: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)));}
.cardBadge {
ul {
display: flex;
flex-wrap: wrap;
gap: calc(var(--spacing) * 2);
li{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 1);border-radius:calc(infinity * 1px);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-shadow:15px 18px 52px 0 var(--tw-shadow-color, rgba(0,0,0,0.12));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
}
}
}
}
}
.blogCardStyle2 {
position: relative;
display: flex;
gap: calc(var(--spacing) * 3);
border-radius: var(--radius-2xl);
background-color: var(--color-primary-200);
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 3);
@media (width >= 40rem){gap:calc(var(--spacing) * 4);}
@media (width >= 40rem){padding:calc(var(--spacing) * 4);}
@media (width >= 48rem){border-radius:var(--radius-3xl);}
@media (width >= 96rem){gap:calc(var(--spacing) * 6);}
@media (width >= 96rem){border-radius:var(--radius-4xl);}
@media (width >= 96rem){padding:calc(var(--spacing) * 6);}
.blog2ImgCol {
aspect-ratio: 10/11;
width: calc(var(--spacing) * 28);
flex: none;
overflow: hidden;
border-radius: 14px;
@media (width >= 40rem){width:calc(var(--spacing) * 36);}
@media (width >= 80rem){width:calc(var(--spacing) * 41);}
}
.blog2Content {
flex: 1;
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}
align-self: center;
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}
}
.textSmall {
@media (width < 40rem){font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));}
@media (width < 40rem){--tw-leading:1;line-height:1;}
}
}
}
.caseProfileCard {
position: relative;
overflow: hidden;
border-radius: var(--radius-2xl);
border-style: var(--tw-border-style);
border-width: 2px;
border-color: #EEEEEE;
--tw-drop-shadow-size: drop-shadow(80px 100px 70px var(--tw-drop-shadow-color, rgba(0,0,0,0.18)));
--tw-drop-shadow: drop-shadow(var(--drop-shadow-customLg));
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,);
@media (width >= 80rem){border-radius:var(--radius-4xl);}
@media (width >= 80rem){--tw-drop-shadow-size:drop-shadow(80px 100px 70px var(--tw-drop-shadow-color, rgba(0,0,0,0.18)));--tw-drop-shadow:drop-shadow(var(--drop-shadow-customLg));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,);}
.caseCardInner {
: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)));}
border-radius: var(--radius-2xl);
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: color-mix(in oklab, var(--color-white) 32%, transparent);
--tw-gradient-to: color-mix(in oklab, var(--color-white) 36%, 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));
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 8);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
--tw-backdrop-blur: blur(var(--blur-xl));
-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,);
@media (width >= 80rem){border-radius:var(--radius-4xl);}
@media (width >= 96rem) {
: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)));}
}
.cardImg {
.cardImgInner {
position: relative;
margin-inline: auto;
max-width: calc(var(--spacing) * 43);
.cardFeatImg{width:calc(var(--spacing) * 43);height:calc(var(--spacing) * 43);border-radius:var(--radius-4xl);}
.cardFlag{position:absolute;right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);}
}
}
.cardDesc {
: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)));}
ul {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: calc(var(--spacing) * 2);
li{display:inline-flex;gap:calc(var(--spacing) * 1);border-radius:calc(infinity * 1px);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);}
}
}
}
}
.wCardStyle {
display: flex;
flex-direction: column;
align-items: center;
@media (width >= 64rem){flex-direction:row;}
&.wCardStyle1 {
margin-inline: calc(var(--spacing) * 0);
@media (width >= 64rem){margin-right:calc(var(--spacing) * 10);}
@media (width >= 64rem){margin-left:calc(var(--spacing) * 4.5);}
@media (width >= 96rem){margin-right:calc(var(--spacing) * 3);}
@media (width >= 96rem){margin-left:calc(var(--spacing) * 4.5);}
}
&.wCardStyle2 {
margin-inline: calc(var(--spacing) * 0);
@media (width >= 64rem){margin-right:calc(var(--spacing) * 6);}
@media (width >= 64rem){margin-left:calc(var(--spacing) * 30);}
@media (width >= 96rem){margin-left:calc(var(--spacing) * 50);}
}
&.wCardStyle3 {
margin-inline: calc(var(--spacing) * 0);
@media (width >= 64rem){margin-right:calc(var(--spacing) * 14);}
@media (width >= 64rem){margin-left:calc(var(--spacing) * 14);}
@media (width >= 96rem){margin-right:calc(var(--spacing) * 19.5);}
@media (width >= 96rem){margin-left:calc(var(--spacing) * 19);}
}
&.wCardStyle4 {
margin-inline: calc(var(--spacing) * 0);
@media (width >= 64rem){margin-right:calc(var(--spacing) * 28);}
@media (width >= 64rem){margin-left:calc(var(--spacing) * 0);}
@media (width >= 96rem){margin-right:calc(var(--spacing) * 38);}
}
&.wCardStyle5 {
margin-inline: calc(var(--spacing) * 0);
margin-right: calc(var(--spacing) * 0);
@media (width >= 64rem){margin-left:calc(var(--spacing) * 20);}
@media (width >= 96rem){margin-left:calc(var(--spacing) * 45);}
}
.wCardStyleLeft {
margin-bottom: calc(var(--spacing) * 3);
width: 100%;
align-items: center;
gap: calc(var(--spacing) * 4);
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 0);}
@media (width >= 64rem){display:flex;}
@media (width >= 64rem){justify-content:flex-end;}
@media (width >= 80rem){gap:calc(var(--spacing) * 6);}
&.stepwidthXl {
@media (width >= 64rem){width:calc(var(--spacing) * 45);}
@media (width >= 80rem){width:calc(var(--spacing) * 63);}
.stepLine {
width: calc(var(--spacing) * 25);
@media (width >= 80rem){width:calc(var(--spacing) * 33);}
}
}
&.stepwidthlg {
@media (width >= 64rem){width:calc(var(--spacing) * 43);}
@media (width >= 80rem){width:calc(var(--spacing) * 61);}
.stepLine {
width: calc(var(--spacing) * 22);
@media (width >= 80rem){width:calc(var(--spacing) * 30);}
}
}
&.stepwidthMd {
@media (width >= 64rem){width:calc(var(--spacing) * 39);}
@media (width >= 80rem){width:calc(var(--spacing) * 57);}
.stepLine {
width: calc(var(--spacing) * 18);
@media (width >= 80rem){width:calc(var(--spacing) * 26);}
}
}
&.stepwidthSm {
@media (width >= 64rem){width:calc(var(--spacing) * 31);}
@media (width >= 80rem){width:calc(var(--spacing) * 48);}
.stepLine {
width: calc(var(--spacing) * 10);
@media (width >= 80rem){width:calc(var(--spacing) * 18);}
}
}
&.stepwidthXs {
@media (width >= 64rem){width:calc(var(--spacing) * 30);}
@media (width >= 80rem){width:calc(var(--spacing) * 44);}
.stepLine {
width: calc(var(--spacing) * 8);
@media (width >= 80rem){width:calc(var(--spacing) * 13);}
}
}
.textH3{color:var(--color-primary-200);}
.stepLd {
display: none;
align-items: center;
@media (width >= 64rem){display:flex;}
.stepDot{height:calc(var(--spacing) * 7.5);width:calc(var(--spacing) * 7.5);border-radius:calc(infinity * 1px);background-color:var(--color-primary-400);}
.stepLine {
height: calc(var(--spacing) * 0.75);
background-color: color-mix(in srgb, #6EE7A0 20%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-primary-400) 20%, transparent);}
}
}
}
.wCardStyleRight {
display: flex;
flex: 1;
flex-direction: column;
gap: calc(var(--spacing) * 4);
border-radius: var(--radius-2xl);
background-color: var(--color-primary-500);
padding: calc(var(--spacing) * 4);
color: var(--color-white);
--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);
@media (width >= 40rem){flex-direction:row;}
@media (width >= 40rem){align-items:center;}
@media (width >= 64rem){gap:calc(var(--spacing) * 6);}
@media (width >= 80rem){border-radius:32px;}
@media (width >= 80rem){padding:calc(var(--spacing) * 6);}
@media (width >= 96rem){gap:calc(var(--spacing) * 8);}
@media (width >= 96rem){padding:calc(var(--spacing) * 8);}
.wCardImg {
position: relative;
max-width: 100%;
flex: none;
border-radius: var(--radius-xl);
@media (width >= 40rem){max-width:calc(var(--spacing) * 60);}
@media (width >= 64rem){max-width:calc(var(--spacing) * 70);}
@media (width >= 80rem){border-radius:var(--radius-2xl);}
@media (width >= 96rem){max-width:calc(var(--spacing) * 82);}
img {
width: 100%;
border-radius: var(--radius-xl);
@media (width >= 80rem){border-radius:var(--radius-2xl);}
}
}
.wCardContent {
flex: 1;
: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)));}
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}
}
p {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
@media (width >= 64rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 96rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
}
}
}
+.wCardStyle {
margin-top: calc(var(--spacing) * 6);
@media (width >= 64rem){margin-top:calc(var(--spacing) * 11.5);}
}
}
.sidebarTbCont {
counter-reset: tbCounter;
& > li {
position: relative;
padding-inline-start: calc(var(--spacing) * 9);
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 11);}
h3 {
margin-bottom: calc(var(--spacing) * 4);
overflow: hidden;
text-overflow: ellipsis;
font-family: var(--font-base);
white-space: nowrap;
&:before {
position: absolute;
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
display: inline-flex;
height: calc(var(--spacing) * 6);
min-width: calc(var(--spacing) * 6);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: var(--color-primary-200);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primary);
@media (width >= 64rem){height:calc(var(--spacing) * 8);}
@media (width >= 64rem){min-width:calc(var(--spacing) * 8);}
@media (width >= 64rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
counter-increment: tbCounter;
content: " " counter(tbCounter) ". ";
}
}
ul {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: 1.5;
line-height: 1.5;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
@media (width >= 64rem){font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));}
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
& + li{margin-top:calc(var(--spacing) * 2);}
}
}
& + li{margin-top:calc(var(--spacing) * 5);}
}
}
}
@layer sections {
.sectionSpace {
padding-block: calc(var(--spacing) * 16);
@media (width >= 80rem){padding-block:calc(var(--spacing) * 25);}
@media (width >= 96rem){padding-block:calc(var(--spacing) * 30);}
}
.heroSection {
padding-top: calc(var(--spacing) * 36);
padding-bottom: calc(var(--spacing) * 16);
@media (width >= 80rem){padding-top:calc(var(--spacing) * 42);}
}
.bannerImgCol{position:relative;}
.slideLogoCol{display:flex;height:100%;align-items:center;}
.blogFilters {
display: flex;
column-gap: calc(var(--spacing) * 2);
overflow-x: auto;
@media (width >= 40rem){column-gap:calc(var(--spacing) * 3);}
.filterBtn {
cursor: pointer;
border-radius: calc(infinity * 1px);
background-color: #F9F9F5;
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.1;
line-height: 1.1;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
white-space: nowrap;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 5);}
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
&.is-active, &:hover{background-color:var(--color-primary-600);color:var(--color-white);}
}
}
.blogGrid {
margin-top: calc(var(--spacing) * 5);
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 3);
@media (width >= 48rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width >= 64rem){margin-top:calc(var(--spacing) * 6);}
@media (width >= 64rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
}
.lBlogCard {
position: relative;
z-index: 10;
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}
overflow: hidden;
background-color: var(--color-primary-700);
background-image: url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/blog-card-dark-bg.webp);
background-size: cover;
color: var(--color-white);
border-radius: var(--radius-3xl);
padding-inline: calc(var(--spacing) * 3);
padding-top: calc(var(--spacing) * 5);
padding-bottom: calc(var(--spacing) * 8);
@media (width >= 40rem){padding-inline:calc(var(--spacing) * 4);}
@media (width >= 48rem){border-radius:var(--radius-4xl);}
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 6);}
@media (width >= 48rem){padding-top:calc(var(--spacing) * 8);}
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 12);}
-webkit-mask-image: url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/blog-card-mask.svg);
mask-image: url(//hiresdr.io/wp-content/themes/hire-sdr-1/images/blog-card-mask.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: right bottom;
mask-position: right bottom;
-webkit-mask-size: cover;
mask-size: cover;
.latestBlogImgCol {
position: relative;
aspect-ratio: 15/9;
overflow: hidden;
border-radius: var(--radius-3xl);
@media (width >= 96rem){aspect-ratio:15/8;}
img{height:100%;width:100%;object-fit:cover;}
}
.latestBlogContent {
: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)));}
padding-inline-end: calc(var(--spacing) * 12);
@media (width >= 48rem){padding-inline-end:calc(var(--spacing) * 16);}
@media (width >= 96rem){padding-inline-end:calc(var(--spacing) * 22);}
}
.fullLink{margin:calc(var(--spacing) * 0) !important;}
}
}
@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;}
@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:"<color>";inherits:false;initial-value:#0000;}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --tw-gradient-to{syntax:"<color>";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:"<length-percentage>";inherits:false;initial-value:0%;}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}
@property --tw-leading{syntax:"*";inherits:false;}
@property --tw-font-weight{syntax:"*";inherits:false;}
@property --tw-tracking{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:"<percentage>";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:"<percentage>";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:"<length>";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:"<percentage>";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-ease{syntax:"*";inherits:false;}
@property --tw-content{syntax:"*";initial-value:"";inherits:false;}
@property --tw-duration{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;}
@keyframes pulse {
50%{opacity:0.5;}
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--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-tracking: 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-ease: initial;
--tw-content: "";
--tw-duration: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
}
}
}