/* ! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .font-primary { font-family: "Manrope", serif; } .fluid-fs { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); } .text-display { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-display); --min-fs: var(--text-display-min); } .heading1 { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-h1); --min-fs: var(--text-h1-min); } .heading2 { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-h2); --min-fs: var(--text-h2-min); } .heading3 { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-h3); --min-fs: var(--text-h3-min); } .heading4 { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-h4); --min-fs: var(--text-h4-min); } .heading5 { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-h5); --min-fs: var(--text-h5-min); } .heading6 { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-h6); --min-fs: var(--text-h6-min); } .text-body-lg { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-lg); --min-fs: var(--text-body-lg-min); } .text-body-md { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-md); --min-fs: var(--text-body-md-min); } .text-body-sm { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-sm); --min-fs: var(--text-body-sm-min); } .text-button { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-button); --min-fs: var(--text-button-min); } .text-eyebrow { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-eyebrow); --min-fs: var(--text-eyebrow-min); } .text-eyebrow-sm { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-eyebrow-sm); --min-fs: var(--text-eyebrow-sm-min); } .text-caption { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-caption); --min-fs: var(--text-caption-min); } .text-common { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body); --min-fs: var(--text-body-min); } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .\!relative { position: relative !important; } .relative { position: relative; } .sticky { position: sticky; } .\!bottom-\[unset\] { bottom: unset !important; } .\!left-\[unset\] { left: unset !important; } .bottom-0 { bottom: 0px; } .bottom-10 { bottom: 2.5rem; } .bottom-20 { bottom: 5rem; } .left-0 { left: 0px; } .left-1\/2 { left: 50%; } .left-5 { left: 1.25rem; } .right-0 { right: 0px; } .right-5 { right: 1.25rem; } .right-\[-12px\] { right: -12px; } .right-\[unset\] { right: unset; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-5 { top: 1.25rem; } .top-\[-12px\] { top: -12px; } .top-\[-20px\] { top: -20px; } .top-\[-43px\] { top: -43px; } .top-\[-60px\] { top: -60px; } .top-\[2px\] { top: 2px; } .top-\[65\%\] { top: 65%; } .z-10 { z-index: 10; } .z-\[-1\] { z-index: -1; } .z-\[0\] { z-index: 0; } .z-\[12\] { z-index: 12; } .z-\[1\] { z-index: 1; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-\[10px\] { margin-left: 10px; margin-right: 10px; } .mx-\[5px\] { margin-left: 5px; margin-right: 5px; } .mx-auto { margin-left: auto; margin-right: auto; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[10px\] { margin-bottom: 10px; } .mb-\[60px\] { margin-bottom: 60px; } .mb-\[9px\] { margin-bottom: 9px; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-\[10px\] { margin-left: 10px; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-3 { margin-right: 0.75rem; } .mr-5 { margin-right: 1.25rem; } .mt-1 { margin-top: 0.25rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-9 { margin-top: 2.25rem; } .mt-\[100px\] { margin-top: 100px; } .mt-\[10px\] { margin-top: 10px; } .mt-\[11px\] { margin-top: 11px; } .mt-\[30px\] { margin-top: 30px; } .mt-\[43px\] { margin-top: 43px; } .mt-\[60px\] { margin-top: 60px; } .mt-\[var\(--header-height\)\] { margin-top: var(--header-height); } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .table { display: table; } .grid { display: grid; } .\!hidden { display: none !important; } .hidden { display: none; } .aspect-\[100\/54\] { aspect-ratio: 100/54; } .aspect-\[1360\/906\] { aspect-ratio: 1360/906; } .aspect-\[1920\/12\] { aspect-ratio: 1920/12; } .aspect-\[1920\/460\] { aspect-ratio: 1920/460; } .aspect-\[1920\/860\] { aspect-ratio: 1920/860; } .aspect-\[200\/66\] { aspect-ratio: 200/66; } .aspect-\[205\/68\] { aspect-ratio: 205/68; } .aspect-\[24\/24\] { aspect-ratio: 24/24; } .aspect-\[280\/153\] { aspect-ratio: 280/153; } .aspect-\[325\/325\] { aspect-ratio: 325/325; } .aspect-\[360\/722\] { aspect-ratio: 360/722; } .aspect-\[393\/163\] { aspect-ratio: 393/163; } .aspect-\[740\/470\] { aspect-ratio: 740/470; } .aspect-\[740\/500\] { aspect-ratio: 740/500; } .aspect-\[76\/76\] { aspect-ratio: 76/76; } .aspect-\[80\/80\] { aspect-ratio: 80/80; } .aspect-square { aspect-ratio: 1 / 1; } .\!h-auto { height: auto !important; } .h-10 { height: 2.5rem; } .h-3 { height: 0.75rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-\[28px\] { height: 28px; } .h-\[44px\] { height: 44px; } .h-\[90px\] { height: 90px; } .h-\[calc\(100\%_\+_60px\)\] { height: calc(100% + 60px); } .h-auto { height: auto; } .h-full { height: 100%; } .max-h-0 { max-height: 0px; } .max-h-\[52vh\] { max-height: 52vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-max { max-height: -moz-max-content; max-height: max-content; } .\!min-h-\[unset\] { min-height: unset !important; } .min-h-\[125px\] { min-height: 125px; } .min-h-\[460px\] { min-height: 460px; } .min-h-\[500px\] { min-height: 500px; } .min-h-\[600px\] { min-height: 600px; } .w-10 { width: 2.5rem; } .w-3 { width: 0.75rem; } .w-4 { width: 1rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-8 { width: 2rem; } .w-\[10\%\] { width: 10%; } .w-\[12\%\] { width: 12%; } .w-\[20\%\] { width: 20%; } .w-\[44px\] { width: 44px; } .w-full { width: 100%; } .min-w-10 { min-width: 2.5rem; } .min-w-20 { min-width: 5rem; } .min-w-3 { min-width: 0.75rem; } .min-w-4 { min-width: 1rem; } .min-w-\[156px\] { min-width: 156px; } .min-w-\[16\.7\%\] { min-width: 16.7%; } .min-w-\[244px\] { min-width: 244px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[60px\] { min-width: 60px; } .max-w-6 { max-width: 1.5rem; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[1380px\] { max-width: 1380px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[1760px\] { max-width: 1760px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[39\%\] { max-width: 39%; } .max-w-\[393px\] { max-width: 393px; } .max-w-\[50px\] { max-width: 50px; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[calc\(100\%_-_40px\)\] { max-width: calc(100% - 40px); } .max-w-full { max-width: 100%; } .flex-1 { flex: 1 1 0%; } .border-separate { border-collapse: separate; } .border-spacing-0 { --tw-border-spacing-x: 0px; --tw-border-spacing-y: 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-none { transform: none; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-10 { gap: 2.5rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .whitespace-nowrap { white-space: nowrap; } .\!rounded { border-radius: 0.25rem !important; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[50px\] { border-radius: 50px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-xl { border-radius: 0.75rem; } .\!rounded-tr-none { border-top-right-radius: 0px !important; } .rounded-bl-\[12px\] { border-bottom-left-radius: 12px; } .rounded-bl-\[24px\] { border-bottom-left-radius: 24px; } .rounded-bl-none { border-bottom-left-radius: 0px; } .rounded-br-\[12px\] { border-bottom-right-radius: 12px; } .rounded-br-\[24px\] { border-bottom-right-radius: 24px; } .rounded-br-none { border-bottom-right-radius: 0px; } .rounded-tl-lg { border-top-left-radius: 0.5rem; } .rounded-tl-none { border-top-left-radius: 0px; } .rounded-tr-lg { border-top-right-radius: 0.5rem; } .rounded-tr-none { border-top-right-radius: 0px; } .\!border-0 { border-width: 0px !important; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-b { border-bottom-width: 1px; } .border-b-0 { border-bottom-width: 0px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-dashed { border-style: dashed; } .\!border-primary { --tw-border-opacity: 1 !important; border-color: rgb(126 91 239 / var(--tw-border-opacity)) !important; } .\!border-stroke-primary { --tw-border-opacity: 1 !important; border-color: rgb(213 213 213 / var(--tw-border-opacity)) !important; } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-checkbox-border { --tw-border-opacity: 1; border-color: rgb(209 209 209 / var(--tw-border-opacity)); } .border-primary { --tw-border-opacity: 1; border-color: rgb(126 91 239 / var(--tw-border-opacity)); } .border-stroke { --tw-border-opacity: 1; border-color: rgb(210 214 211 / var(--tw-border-opacity)); } .border-stroke-primary { --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity)); } .border-stroke-secondary { --tw-border-opacity: 1; border-color: rgb(226 220 232 / var(--tw-border-opacity)); } .border-b-stroke-primary { --tw-border-opacity: 1; border-bottom-color: rgb(213 213 213 / var(--tw-border-opacity)); } .border-b-transparent { border-bottom-color: transparent; } .border-r-icon-on-dark { --tw-border-opacity: 1; border-right-color: rgb(250 250 250 / var(--tw-border-opacity)); } .border-r-stroke-secondary { --tw-border-opacity: 1; border-right-color: rgb(226 220 232 / var(--tw-border-opacity)); } .border-t-stroke { --tw-border-opacity: 1; border-top-color: rgb(210 214 211 / var(--tw-border-opacity)); } .border-t-stroke-primary { --tw-border-opacity: 1; border-top-color: rgb(213 213 213 / var(--tw-border-opacity)); } .border-t-stroke-secondary { --tw-border-opacity: 1; border-top-color: rgb(226 220 232 / var(--tw-border-opacity)); } .border-opacity-30 { --tw-border-opacity: 0.3; } .\!bg-\[\#F2F2F2\] { --tw-bg-opacity: 1 !important; background-color: rgb(242 242 242 / var(--tw-bg-opacity)) !important; } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-dark-blue { --tw-bg-opacity: 1; background-color: rgb(33 5 67 / var(--tw-bg-opacity)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-icon-on-dark { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); } .bg-lavender { --tw-bg-opacity: 1; background-color: rgb(221 213 230 / var(--tw-bg-opacity)); } .bg-primary { --tw-bg-opacity: 1; background-color: rgb(126 91 239 / var(--tw-bg-opacity)); } .bg-secondary { --tw-bg-opacity: 1; background-color: rgb(103 56 160 / var(--tw-bg-opacity)); } .bg-surface-card { --tw-bg-opacity: 1; background-color: rgb(254 254 254 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-whisper-gray { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-opacity-75 { --tw-bg-opacity: 0.75; } .bg-\[linear-gradient\(90deg\2c rgba\(249\2c 253\2c 255\2c 0\.95\)_10\%\2c rgba\(250\2c 250\2c 250\2c 0\.75\)_50\%\2c rgba\(250\2c 250\2c 250\2c 0\)_100\%\)\] { background-image: linear-gradient(90deg,rgba(249,253,255,0.95) 10%,rgba(250,250,250,0.75) 50%,rgba(250,250,250,0) 100%); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-left { -o-object-position: left; object-position: left; } .object-top { -o-object-position: top; object-position: top; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .\!py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-\[21\.5px\] { padding-top: 21.5px; padding-bottom: 21.5px; } .py-\[60px\] { padding-top: 60px; padding-bottom: 60px; } .pb-10 { padding-bottom: 2.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-20 { padding-bottom: 5rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-\[43px\] { padding-bottom: 43px; } .pb-\[60px\] { padding-bottom: 60px; } .pl-2 { padding-left: 0.5rem; } .pl-4 { padding-left: 1rem; } .pr-2 { padding-right: 0.5rem; } .pr-5 { padding-right: 1.25rem; } .pr-6 { padding-right: 1.5rem; } .pt-10 { padding-top: 2.5rem; } .pt-\[120px\] { padding-top: 120px; } .pt-\[60px\] { padding-top: 60px; } .\!text-left { text-align: left !important; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .font-\[800\] { font-weight: 800; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .leading-\[120\%\] { line-height: 120%; } .leading-\[130\%\] { line-height: 130%; } .leading-\[140\%\] { line-height: 140%; } .leading-\[150\%\] { line-height: 150%; } .leading-\[160\%\] { line-height: 160%; } .leading-\[normal\] { line-height: normal; } .tracking-\[0\.36px\] { letter-spacing: 0.36px; } .tracking-\[unset\] { letter-spacing: unset; } .\!text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .\!text-primary { --tw-text-opacity: 1 !important; color: rgb(126 91 239 / var(--tw-text-opacity)) !important; } .text-error { --tw-text-opacity: 1; color: rgb(202 90 90 / var(--tw-text-opacity)); } .text-icon-on-dark { --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity)); } .text-icon-primary { --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); } .text-icon-secondary { --tw-text-opacity: 1; color: rgb(110 112 152 / var(--tw-text-opacity)); } .text-icon-tertiary { --tw-text-opacity: 1; color: rgb(144 130 161 / var(--tw-text-opacity)); } .text-primary { --tw-text-opacity: 1; color: rgb(126 91 239 / var(--tw-text-opacity)); } .text-primary-base-text-icon { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .text-secondary { --tw-text-opacity: 1; color: rgb(103 56 160 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .underline { text-decoration-line: underline; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-8 { text-underline-offset: 8px; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-50 { opacity: 0.5; } .mix-blend-multiply { mix-blend-mode: multiply; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_-4px_48px_0_rgba\(217\2c 217\2c 245\2c 0\.40\)\] { --tw-shadow: 0 -4px 48px 0 rgba(217,217,245,0.40); --tw-shadow-colored: 0 -4px 48px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_20px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { --tw-shadow: 0 0 20px 0 rgba(0,0,0,0.08); --tw-shadow-colored: 0 0 20px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_12px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { --tw-shadow: 0 2px 12px 0 rgba(0,0,0,0.08); --tw-shadow-colored: 0 2px 12px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_10px_0_rgba\(163\2c 150\2c 150\2c 0\.10\)\] { --tw-shadow: 0 4px 10px 0 rgba(163,150,150,0.10); --tw-shadow-colored: 0 4px 10px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_7px_20px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\] { --tw-shadow: 0 7px 20px 0 rgba(0,0,0,0.10); --tw-shadow-colored: 0 7px 20px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .blur { --tw-blur: blur(8px); 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); } .invert { --tw-invert: invert(100%); 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); } .sepia { --tw-sepia: sepia(100%); 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-filter { -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 { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300 { transition-duration: 300ms; } /* Third Party Libraries */ /** * Swiper 11.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 27, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} :host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1} .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block} .swiper-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box} .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-horizontal{touch-action:pan-y} .swiper-vertical{touch-action:pan-x} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block} .swiper-slide-invisible-blank{visibility:hidden} .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto} .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden} .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px} .swiper-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-3d{perspective:1200px} .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d} .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory} .swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none} .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none} .swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999} .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)} .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)} .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)} .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none} .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)} .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)} :root{--swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none} .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important} .swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center} .swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)} .swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto} .swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto} .swiper-button-lock{display:none} .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1} .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'} .swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto} .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'} .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important} .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)} .swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet:only-child{display:none!important} .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)} .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block} .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px} .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)} .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap} .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left} .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right} .swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)} .swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top} .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0} .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))} .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important} .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))} .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move;touch-action:none} .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-grid>.swiper-wrapper{flex-wrap:wrap} .swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column} .swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out} .swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity} .swiper-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-fade .swiper-slide-active{pointer-events:auto} .swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-cube{overflow:visible} .swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%} .swiper-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0} .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0} .swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)} .swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden} .swiper-flip{overflow:visible} .swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1} .swiper-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden} .swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height} .swiper-cards{overflow:visible} .swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-ExtraBold.ttf?416b7dd6613bd085809e7f6202c96f6d) format("truetype"); font-weight: 800; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-Bold.ttf?8ff9467ebe1ff26e4261ae099a048732) format("truetype"); font-weight: 700; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-SemiBold.ttf?c3189b18688e4f3e0d86ba4dfefd702c) format("truetype"); font-weight: 600; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-Medium.ttf?7466db90c04f3efe29bf2a71607e0f93) format("truetype"); font-weight: 500; } @font-face { font-family: "Manrope"; src: url(../fonts/Manrope-Regular.ttf?3d92b64331e124bd334e9e95f6966913) format("truetype"); font-weight: 400; } @font-face { font-family: "Noto Sans SC"; src: url(../fonts/NotoSansSC-VariableFont_wght.ttf?f88b94b6117679966c93953f2054753e) format("truetype"); } @font-face { font-family: "Noto Sans TC"; src: url(../fonts/NotoSansTC-VariableFont_wght.ttf?90bb477fa1c147ef2b103951cacbb732) format("truetype"); } :root { --min-vw: 320; --max-vw: 1280; /* convert to px */ --min-vw-px: calc(var(--min-vw) * 1px); --max-vw-px: calc(var(--max-vw) * 1px); /* font sizes at --max-vw */ --text-display:56; --text-h1: 48; --text-h2: 48; --text-h3: 44; --text-h4: 36; --text-h5: 28; --text-h6: 24; --text-eyebrow: 22; --text-eyebrow-sm: 18; --text-button: 18; --text-body-lg: 22; --text-body-md: 20; --text-body-sm: 18; --text-caption: 14; --text-body: 16; --text-base: 16; /* font sizes at --min-vw */ --text-display-min: calc(var(--text-display) * 0.535); --text-h1-min: calc(var(--text-h1) * 0.542); --text-h2-min: calc(var(--text-h2) * 0.542); --text-h3-min: calc(var(--text-h3) * 0.545); --text-h4-min: calc(var(--text-h4) * 0.61); --text-h5-min: calc(var(--text-h5) * 0.714); --text-h6-min: calc(var(--text-h6) * 0.75); --text-eyebrow-min: calc(var(--text-eyebrow) * 0.727); --text-eyebrow-sm-min: calc(var(--text-eyebrow-sm) * 0.77); --text-button-min: calc(var(--text-button) * 0.77); --text-body-lg-min: calc(var(--text-body-lg) * 0.773); --text-body-md-min: calc(var(--text-body-md) * 0.8); --text-body-sm-min: calc(var(--text-body-sm) * 0.83); --text-caption-min: calc(var(--text-caption) * 0.928); --text-body-min: calc(var(--text-body) * 0.928); --text-base-min: 16; } body { font-family: "Manrope", serif; } html[lang="zh-CN"] body, html[lang=cn] body { font-family: "Noto Sans SC", serif; } html[lang="zh-HK"] body, html[lang=zh] body { font-family: "Noto Sans TC", serif; } html[lang="zh-CN"] code, html[lang="zh-CN"] .font-primary, html[lang=cn] code, html[lang=cn] .font-primary { font-family: "Noto Sans SC", serif; } html[lang="zh-HK"] code, html[lang="zh-HK"] .font-primary, html[lang=zh] code, html[lang=zh] .font-primary { font-family: "Noto Sans TC", serif; } /* Configure website containers here */ :root { --container: 1880px; --container-md:1760; --container-sm:1560; --container-xs:1360; --container-xxs:1440; --container-md-px: 3.1914893617021276%; --container-sm-px: 8.51063829787234%; --container-xs-px: 13.829787234042554%; --container-sm-md-px: 6.2%; --container-sm-sm-px: 4%; --container-xs-md-px: 10%; --container-xs-sm-px: 7%; --container-xxs-px: 11.702%; --container-xxs-md-px: 8%; --container-xxs-sm-px: 6%; --container-xxs-xs-px: 4%; } .container { max-width: 100%; width: 100%; padding: 0 20px; } @media (min-width: 640px) { .container-header{ padding: 0 var(--container-md-px); } .container-md { padding: 0 var(--container-md-px); } .container-sm { padding: 0 var(--container-sm-sm-px); } .container-xs { padding: 0 var(--container-xs-sm-px); } .container-xxs { padding: 0 var(--container-xxs-xs-px); } } @media (min-width: 768px) { .container-sm { padding: 0 var(--container-sm-sm-px); } .container-xs { padding: 0 var(--container-xs-sm-px); } .container-xxs { padding: 0 var(--container-xxs-sm-px); } } @media (min-width: 1024px) { .container-sm { padding: 0 var(--container-sm-md-px); } .container-xs { padding: 0 var(--container-xs-md-px); } .container-xxs { padding: 0 var(--container-xxs-md-px); } .container-header{ padding: 0 2%; } } @media (min-width: 1366px) { .container-sm{ padding:0 var(--container-sm-px) } .container-xs { padding: 0 var(--container-xs-px); } .container-xxs { padding: 0 var(--container-xxs-px); } .container-header{ padding: 0 var(--container-md-px); } } .common-swiper .swiper-pagination-clickable .swiper-pagination-bullet { aspect-ratio: 1 / 1; height: 0.75rem; width: 0.75rem; min-width: 0.75rem; border-radius: 9999px; --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); opacity: 1; } .common-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { --tw-bg-opacity: 1; background-color: rgb(38 167 223 / var(--tw-bg-opacity)); } /* Style the entire scrollbar */ .custom-popup-scrollbar::-webkit-scrollbar { width: 5px; /* for vertical scrollbar */ height: 5px; /* for horizontal scrollbar */ } /* Style the scrollbar track */ .custom-popup-scrollbar::-webkit-scrollbar-track { background: #E9EBF8; border-radius: 0px; box-shadow: none; border: 0; } /* Style the scrollbar thumb */ .custom-popup-scrollbar::-webkit-scrollbar-thumb { background: #1B3243; border-radius: 5px; } /* Style the scrollbar thumb on hover */ .custom-popup-scrollbar::-webkit-scrollbar-thumb:hover { background: #E9EBF8; } .custom-pagination button { display: flex; width: 2rem; align-items: center; justify-content: center; border-radius: 0.5rem; } @media (min-width: 768px) { .custom-pagination button { height: 2.5rem; width: 2.5rem; min-width: 2.5rem; } } .custom-pagination a { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-button); --min-fs: var(--text-button-min); margin-left: 5px; margin-right: 5px; display: flex; aspect-ratio: 1 / 1; width: 2rem; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(210 214 211 / var(--tw-border-opacity)); text-align: center; font-weight: 600; line-height: 160%; --tw-text-opacity: 1; color: rgb(144 130 161 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .custom-pagination a:hover { --tw-border-opacity: 1; border-color: rgb(126 91 239 / var(--tw-border-opacity)); } @media (min-width: 768px) { .custom-pagination a { height: 2.5rem; width: 2.5rem; min-width: 2.5rem; } } .custom-pagination a.active { --tw-border-opacity: 1; border-color: rgb(126 91 239 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(126 91 239 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ed-search-result a{ word-break: break-word; } .gform_wrapper .ginput_container_fileupload input::file-selector-button { overflow: visible; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); background-color: transparent; } .gform_wrapper .ginput_container_fileupload input::file-selector-button:hover { --tw-border-opacity: 1; border-color: rgb(103 56 160 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(103 56 160 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } body .ginput_container_fileupload input[type="file"]::file-selector-button { background-color: #F2F2F2; color: #000; padding: 4px 15px; border-radius: 5px; cursor: pointer; border: 1px solid #D5D5D5; } .gfield_description.gform_fileupload_rules { display: none !important; } .ed-job-opening .common-form .gform_custom_upload_label { margin-top: -1.25rem; display: flex; flex-wrap: wrap; align-items: center; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .ed-job-opening .common-form .gform_custom_upload_label .choose-button { font-family: "Manrope", serif; --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-caption); --min-fs: var(--text-caption-min); margin-right: 1rem; min-height: unset !important; cursor: pointer; border-radius: 0.25rem !important; border-width: 1px; --tw-border-opacity: 1 !important; border-color: rgb(213 213 213 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(242 242 242 / var(--tw-bg-opacity)) !important; padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; font-weight: 400; line-height: 150%; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } html[lang="zh-CN"] .ed-job-opening .common-form .gform_custom_upload_label .choose-button, html[lang=cn] .ed-job-opening .common-form .gform_custom_upload_label .choose-button { font-family: "Noto Sans SC", serif; } html[lang="zh-HK"] .ed-job-opening .common-form .gform_custom_upload_label .choose-button, html[lang=zh] .ed-job-opening .common-form .gform_custom_upload_label .choose-button { font-family: "Noto Sans TC", serif; } .ed-job-opening .common-form .gform_custom_upload_label .choose-button:hover { --tw-border-opacity: 1 !important; border-color: rgb(126 91 239 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(126 91 239 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ed-job-opening .common-form .gform_custom_upload_label span { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body); --min-fs: var(--text-body-min); display: flex; align-items: center; font-weight: 400; line-height: normal; --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .ed-job-opening .ginput_container.ginput_container_fileupload { display: none; } .ed-job-opening .file-error { display: none; } .show-more-description { pointer-events: none; max-height: 0px; transform-origin: top; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .show-more-description.active { pointer-events: auto; max-height: -moz-max-content; max-height: max-content; opacity: 1; } .common-content-with-popup a{ word-break: break-word; } /* 4-column layout (default xl:grid-cols-4) */ @media (min-width: 1280px) { .common-card > div:nth-child(4n) { border-right-width: 1px; --tw-border-opacity: 1; border-right-color: rgb(213 213 213 / var(--tw-border-opacity)); } .common-card > div:nth-last-child(-n + 4) { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(213 213 213 / var(--tw-border-opacity)); } } /* 2-column layout (for 1024px ≤ width < 1280px) */ @media (min-width: 639px) and (max-width: 1279px) { .common-card > div:nth-child(2n) { border-right-width: 1px; --tw-border-opacity: 1; border-right-color: rgb(213 213 213 / var(--tw-border-opacity)); } .common-card > div:nth-last-child(-n + 2) { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(213 213 213 / var(--tw-border-opacity)); } } @media (max-width: 639px) { .common-card > div { border-right-width: 1px; border-right-color: rgb(213 213 213 / var(--tw-border-opacity)); --tw-border-opacity: 1; border-bottom-color: rgb(213 213 213 / var(--tw-border-opacity)); border-bottom-width: 0px; } .common-card > div:last-child { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(213 213 213 / var(--tw-border-opacity)); } } .ed-pipeline td { border-width: 0px; padding-top: 1.5rem; padding-bottom: 1.5rem; } .ed-pipeline .mobile-pipeline-table td { padding-top: 0.75rem; padding-bottom: 0.75rem; } .progress-dot span { margin-left: auto; margin-right: auto; display: block; aspect-ratio: 1 / 1; height: 1.5rem; width: 1.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(221 213 230 / var(--tw-bg-opacity)); } .ed-pipeline .mobile-pipeline-table .progress-dot span { height: 1rem; width: 1rem; } .progress-dot{ background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat} /* @media screen and (max-width:1025px) { .ed-pipeline tr, .ed-pipeline td{ @apply block w-full; } .ed-pipeline thead{ @apply hidden; } .ed-pipeline td{ @apply px-5 py-0; span{ @apply py-3 block; } } .ed-pipeline td:before{ content: attr(headers); @apply block w-full bg-secondary text-left text-body-sm font-bold leading-[160%] text-icon-on-dark py-3 px-5; } .ed-pipeline td{ .progress-bar{ @apply transform-none left-5 w-full max-w-[calc(100%_-_40px)] rounded-lg; } @apply min-h-[125px]; .progress-dot{ @apply hidden; } } } */ .job-card .job-title { position: relative; } .job-card .job-title::after { position: absolute; right: 1rem; top: 50%; display: block; content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 768px) { .job-card .job-title::after { content: var(--tw-content); right: 1.5rem; } } .job-card .job-title::after{ content: url('data:image/svg+xml,'); } .job-card .job-card-content { pointer-events: none; max-height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .job-card.active .job-title { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .job-card.active .job-title::after{ content: url('data:image/svg+xml,') } .job-card.active .job-card-content { pointer-events: auto; max-height: -moz-max-content; max-height: max-content; padding-top: 1.25rem; padding-bottom: 1.25rem; opacity: 1; } .common-form .gform_description { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-sm); --min-fs: var(--text-body-sm-min); margin-bottom: 1.25rem; font-weight: 400; line-height: 150%; --tw-text-opacity: 1; color: rgb(110 112 152 / var(--tw-text-opacity)); } .common-form .gform_required_legend { display: none; } .common-form .gfield_required.gfield_required_asterisk { display: none !important; } .common-form .gform-theme--framework .gform-field-label, .common-form .gform-theme--framework .field_sublabel_above .gform-field-label--type-sub { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body); --min-fs: var(--text-body-min); font-weight: 500; line-height: 150%; --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields textarea { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body); --min-fs: var(--text-body-min); border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-weight: 400; line-height: normal; --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields textarea::-moz-placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields textarea::placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields textarea:focus { --tw-border-opacity: 1; border-color: rgb(47 47 47 / var(--tw-border-opacity)); outline: 2px solid transparent !important; outline-offset: 2px !important; } .common-form .gform-theme .gform-body .gform_fields input[type=file] { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body); --min-fs: var(--text-body-min); height: auto !important; min-height: unset !important; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 400; line-height: normal; --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields input[type=file]::-moz-placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields input[type=file]::placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields input[type=file]:focus { --tw-border-opacity: 1; border-color: rgb(47 47 47 / var(--tw-border-opacity)); outline: 2px solid transparent !important; outline-offset: 2px !important; } .common-form .gform-theme .gform-body .gform_fields select { --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields select::-moz-placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields select::placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields select, .common-form .gform-theme .gform-body .gform_fields input[type="email"], .common-form .gform-theme .gform-body .gform_fields input[type="text"], .common-form .gform-theme .gform-body .gform_fields input[type="tel"] { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body); --min-fs: var(--text-body-min); height: auto !important; min-height: unset !important; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-weight: 400; line-height: normal; --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields select::-moz-placeholder, .common-form .gform-theme .gform-body .gform_fields input[type="email"]::-moz-placeholder, .common-form .gform-theme .gform-body .gform_fields input[type="text"]::-moz-placeholder, .common-form .gform-theme .gform-body .gform_fields input[type="tel"]::-moz-placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields select::placeholder, .common-form .gform-theme .gform-body .gform_fields input[type="email"]::placeholder, .common-form .gform-theme .gform-body .gform_fields input[type="text"]::placeholder, .common-form .gform-theme .gform-body .gform_fields input[type="tel"]::placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .common-form .gform-theme .gform-body .gform_fields select:focus, .common-form .gform-theme .gform-body .gform_fields input[type="email"]:focus, .common-form .gform-theme .gform-body .gform_fields input[type="text"]:focus, .common-form .gform-theme .gform-body .gform_fields input[type="tel"]:focus { --tw-border-opacity: 1; border-color: rgb(47 47 47 / var(--tw-border-opacity)); outline: 2px solid transparent !important; outline-offset: 2px !important; } .common-form .gform-theme--foundation .gform_fields { row-gap: 1.25rem; } .common-form .charleft.ginput_counter.gfield_description { display: none; } .common-form .gform-theme--framework .gform-field-label--type-inline { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body); --min-fs: var(--text-body-min); font-weight: 400; line-height: 150%; --tw-text-opacity: 1; color: rgb(110 112 152 / var(--tw-text-opacity)); } .common-form .gform-theme--framework .gform-field-label--type-inline a { --tw-text-opacity: 1; color: rgb(126 91 239 / var(--tw-text-opacity)); text-decoration-line: underline; } .common-form .gform-theme .gform-body~.gform-footer input[type="submit"].gform_button.button { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-button); --min-fs: var(--text-button-min); position: relative; border-radius: 0.5rem; border-width: 0px !important; --tw-bg-opacity: 1; background-color: rgb(126 91 239 / var(--tw-bg-opacity)); background-repeat: no-repeat; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 1rem; padding-bottom: 1rem; font-weight: 700; text-transform: uppercase; line-height: normal; letter-spacing: 0.36px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .common-form .gform-theme .gform-body~.gform-footer input[type="submit"].gform_button.button { padding-top: 1.25rem; padding-bottom: 1.25rem; } } .common-form .gform-theme .gform-body~.gform-footer input[type="submit"].gform_button.button{ background-size: cover; background-position: top center; } .common-form .gform-theme--framework input[type=checkbox] { aspect-ratio: 1 / 1; height: 1.5rem; width: 1.5rem; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 209 209 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); } .common-form .gform-theme--framework input[type=checkbox]:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; } .common-form .gform-theme--framework input[type=checkbox]:checked::before{ color: #7E5BEF; } .common-form .gform-theme .gform-body~.gform-footer input[type="submit"].gform_button.button:hover { background-color: transparent; background-image: url('data:image/svg+xml,'); } .common-form .custom-file-upload-validation-message, .common-form .gfield_description.validation_message.gfield_validation_message { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-caption); --min-fs: var(--text-caption-min); font-weight: 400; line-height: normal; --tw-text-opacity: 1; color: rgb(202 90 90 / var(--tw-text-opacity)); } .common-form .ginput_container_fileupload~.gfield_validation_message { display: none; } .common-form .custom-file-upload-validation-message { margin-top: 0.5rem; } header .primary-menu a { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-md); --min-fs: var(--text-body-md-min); margin-left: 0.25rem; margin-right: 0.25rem; display: flex; height: 100%; align-items: center; border-bottom-width: 2px; border-bottom-color: transparent; font-weight: 700; line-height: 160%; --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 768px) { header .primary-menu a { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-sm); --min-fs: var(--text-body-sm-min); } } @media (min-width: 1280px) { header .primary-menu a { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-md); --min-fs: var(--text-body-md-min); } } header .primary-menu a:hover { --tw-border-opacity: 1; border-bottom-color: rgb(38 167 223 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(38 167 223 / var(--tw-text-opacity)); } @media (min-width: 1280px) { header .primary-menu a { margin-left: 0.5rem; margin-right: 0.5rem; } } @media (min-width: 1680px) { header .primary-menu a { margin-left: 0.75rem; margin-right: 0.75rem; } } @media (min-width: 1920px) { header .primary-menu a { margin-left: 22px; margin-right: 22px; } } html[lang="en-US"] header .primary-menu a { letter-spacing: unset; } @media (min-width: 1024px) { html[lang="en-US"] header .primary-menu a { letter-spacing: -0.5px; } } @media (min-width: 1366px) { html[lang="en-US"] header .primary-menu a { letter-spacing: unset; } } header .mobile-menu .primary-menu a { margin-bottom: 1.25rem; display: block; } .search-box, header .mobile-menu { display: none; } .search-box.active, header .mobile-menu.active { display: block; } header li.current_page_item a { --tw-text-opacity: 1; color: rgb(38 167 223 / var(--tw-text-opacity)); } header .wpml-ls-legacy-dropdown-click { width: auto; } header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-caption); --min-fs: var(--text-caption-min); position: relative; display: flex; min-width: 60px; justify-content: center; border-radius: 50px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 700; line-height: normal; --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); } header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover { --tw-bg-opacity: 1 !important; background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(47 47 47 / var(--tw-text-opacity)) !important; } @media (min-width: 1536px) { header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle { min-width: 72px; } } header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle span { margin-right: 0.25rem; } header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { content: url('data:image/svg+xml,'); border: 0; position: relative; right: unset; top: 2px; transform: none; } header .wpml-ls-link .wpml-ls-display { display: none; } header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { margin-top: 0.75rem; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-top-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1rem; --tw-shadow: 0 0 20px 0 rgba(0,0,0,0.08); --tw-shadow-colored: 0 0 20px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-sm); --min-fs: var(--text-body-sm-min); border-width: 0px; background-color: transparent !important; padding-left: 0px; padding-right: 0px; text-align: center; font-weight: 400; line-height: 160%; --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); text-underline-offset: 8px; } header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover { text-decoration-line: underline; } header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); } header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle.active { --tw-border-opacity: 1 !important; border-color: rgb(126 91 239 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(126 91 239 / var(--tw-text-opacity)) !important; } header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle.active:after { content: url('data:image/svg+xml,'); } .custom-header-blur::before{ content: ''; position: absolute; left: 0px; top: -20px; z-index: 0; height: 90px; width: 100%; } @media (min-width: 1024px) { .custom-header-blur::before { height: 100px; } } .custom-header-blur::before{ -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } @media screen and (max-width:641px) { .custom-header-blur::before{ -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px) } } header .header-search-btn.active img{ filter: brightness(0) saturate(100%) invert(33%) sepia(100%) saturate(932%) hue-rotate(229deg) brightness(97%) contrast(93%); } .footer-social a:hover{ filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7390%) hue-rotate(9deg) brightness(118%) contrast(96%); } .footer-menu a { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body); --min-fs: var(--text-body-min); margin-bottom: 0.75rem; display: inline-block; font-weight: 400; line-height: 160%; --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity)); text-underline-offset: 4px; } .footer-menu a:hover { text-decoration-line: underline; } @media (min-width: 768px) { .md\:text-body-sm { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-sm); --min-fs: var(--text-body-sm-min); } } @media (min-width: 1280px) { .xl\:text-body-md { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-body-md); --min-fs: var(--text-body-md-min); } } .\[\&_code\]\:font-primary code { font-family: "Manrope", serif; } .\[\&_h6\]\:heading6 h6 { --max-fs: var(--text-base); --min-fs: var(--text-base-min); --slope: calc((var(--max-fs) - var(--min-fs)) / (var(--max-vw) - var(--min-vw))); --min-fs-px: calc(var(--min-fs) * 1px); --max-fs-px: calc(var(--max-fs) * 1px); --fs-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-fs-px)); font-size: clamp(var(--min-fs-px), var(--fs-px), var(--max-fs-px)); --max-fs: var(--text-h6); --min-fs: var(--text-h6-min); } .placeholder\:text-primary-base-text-icon::-moz-placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .placeholder\:text-primary-base-text-icon::placeholder { --tw-text-opacity: 1; color: rgb(137 137 137 / var(--tw-text-opacity)); } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:left-0::before { content: var(--tw-content); left: 0px; } .before\:top-\[-2px\]::before { content: var(--tw-content); top: -2px; } .before\:block::before { content: var(--tw-content); display: block; } .before\:h-1::before { content: var(--tw-content); height: 0.25rem; } .before\:w-1::before { content: var(--tw-content); width: 0.25rem; } .before\:content-normal::before { content: var(--tw-content); align-content: normal; } .before\:rounded-full::before { content: var(--tw-content); border-radius: 9999px; } .before\:bg-primary::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(126 91 239 / var(--tw-bg-opacity)); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:left-2::after { content: var(--tw-content); left: 0.5rem; } .after\:right-4::after { content: var(--tw-content); right: 1rem; } .after\:right-\[-2px\]::after { content: var(--tw-content); right: -2px; } .after\:top-0::after { content: var(--tw-content); top: 0px; } .after\:top-1\/2::after { content: var(--tw-content); top: 50%; } .after\:z-\[1\]::after { content: var(--tw-content); z-index: 1; } .after\:block::after { content: var(--tw-content); display: block; } .after\:h-1::after { content: var(--tw-content); height: 0.25rem; } .after\:h-\[1px\]::after { content: var(--tw-content); height: 1px; } .after\:w-1::after { content: var(--tw-content); width: 0.25rem; } .after\:w-\[calc\(100\%_-_8px\)\]::after { content: var(--tw-content); width: calc(100% - 8px); } .after\:content-normal::after { content: var(--tw-content); align-content: normal; } .after\:rounded-full::after { content: var(--tw-content); border-radius: 9999px; } .after\:bg-line-stroke::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(211 210 214 / var(--tw-bg-opacity)); } .after\:bg-tertiary::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(38 167 223 / var(--tw-bg-opacity)); } .first\:ml-0:first-child { margin-left: 0px; } .first\:rounded-tl-\[16px\]:first-child { border-top-left-radius: 16px; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:mb-\[60px\]:last-child { margin-bottom: 60px; } .last\:mr-0:last-child { margin-right: 0px; } .last\:rounded-tr-\[16px\]:last-child { border-top-right-radius: 16px; } .last\:border-b:last-child { border-bottom-width: 1px; } .hover\:\!border:hover { border-width: 1px !important; } .hover\:\!border-primary:hover { --tw-border-opacity: 1 !important; border-color: rgb(126 91 239 / var(--tw-border-opacity)) !important; } .hover\:border-primary:hover { --tw-border-opacity: 1; border-color: rgb(126 91 239 / var(--tw-border-opacity)); } .hover\:border-b-tertiary:hover { --tw-border-opacity: 1; border-bottom-color: rgb(38 167 223 / var(--tw-border-opacity)); } .hover\:\!bg-icon-on-dark:hover { --tw-bg-opacity: 1 !important; background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important; } .hover\:\!bg-primary:hover { --tw-bg-opacity: 1 !important; background-color: rgb(126 91 239 / var(--tw-bg-opacity)) !important; } .hover\:bg-primary:hover { --tw-bg-opacity: 1; background-color: rgb(126 91 239 / var(--tw-bg-opacity)); } .hover\:bg-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(103 56 160 / var(--tw-bg-opacity)); } .hover\:bg-surface-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(248 245 255 / var(--tw-bg-opacity)); } .hover\:bg-tertiary:hover { --tw-bg-opacity: 1; background-color: rgb(38 167 223 / var(--tw-bg-opacity)); } .hover\:py-10:hover { padding-top: 2.5rem; padding-bottom: 2.5rem; } .hover\:\!text-icon-primary:hover { --tw-text-opacity: 1 !important; color: rgb(47 47 47 / var(--tw-text-opacity)) !important; } .hover\:\!text-white:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hover\:text-tertiary:hover { --tw-text-opacity: 1; color: rgb(38 167 223 / var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-50:hover { opacity: 0.5; } .focus\:\!outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .group:hover .group-hover\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .group:hover .group-hover\:opacity-100 { opacity: 1; } @media (min-width: 640px) { .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } } @media (min-width: 768px) { .md\:right-0 { right: 0px; } .md\:top-0 { top: 0px; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .md\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .md\:mb-10 { margin-bottom: 2.5rem; } .md\:mb-20 { margin-bottom: 5rem; } .md\:mr-5 { margin-right: 1.25rem; } .md\:mt-0 { margin-top: 0px; } .md\:mt-10 { margin-top: 2.5rem; } .md\:mt-12 { margin-top: 3rem; } .md\:mt-20 { margin-top: 5rem; } .md\:mt-9 { margin-top: 2.25rem; } .md\:mt-\[70px\] { margin-top: 70px; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:h-10 { height: 2.5rem; } .md\:max-h-\[52vh\] { max-height: 52vh; } .md\:max-h-max { max-height: -moz-max-content; max-height: max-content; } .md\:w-10 { width: 2.5rem; } .md\:w-\[25\.7\%\] { width: 25.7%; } .md\:w-\[34\.2\%\] { width: 34.2%; } .md\:w-\[35\%\] { width: 35%; } .md\:w-\[65\%\] { width: 65%; } .md\:w-\[65\.8\%\] { width: 65.8%; } .md\:w-\[74\.3\%\] { width: 74.3%; } .md\:min-w-10 { min-width: 2.5rem; } .md\:max-w-\[280px\] { max-width: 280px; } .md\:max-w-\[66\%\] { max-width: 66%; } .md\:max-w-\[85\%\] { max-width: 85%; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:justify-between { justify-content: space-between; } .md\:gap-5 { gap: 1.25rem; } .md\:overflow-y-auto { overflow-y: auto; } .md\:rounded-bl-\[48px\] { border-bottom-left-radius: 48px; } .md\:rounded-br-\[48px\] { border-bottom-right-radius: 48px; } .md\:p-10 { padding: 2.5rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .md\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .md\:pb-10 { padding-bottom: 2.5rem; } .md\:pb-20 { padding-bottom: 5rem; } .md\:pl-5 { padding-left: 1.25rem; } .md\:pr-3 { padding-right: 0.75rem; } .md\:pr-5 { padding-right: 1.25rem; } .md\:pr-6 { padding-right: 1.5rem; } .md\:pt-20 { padding-top: 5rem; } .md\:after\:right-6::after { content: var(--tw-content); right: 1.5rem; } .last\:md\:mb-20:last-child { margin-bottom: 5rem; } } @media (min-width: 1024px) { .lg\:right-20 { right: 5rem; } .lg\:top-\[-53px\] { top: -53px; } .lg\:mb-0 { margin-bottom: 0px; } .lg\:mb-20 { margin-bottom: 5rem; } .lg\:mb-\[53px\] { margin-bottom: 53px; } .lg\:mb-\[60px\] { margin-bottom: 60px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-10 { margin-top: 2.5rem; } .lg\:mt-12 { margin-top: 3rem; } .lg\:mt-20 { margin-top: 5rem; } .lg\:mt-\[60px\] { margin-top: 60px; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-\[100px\] { height: 100px; } .lg\:w-1\/2 { width: 50%; } .lg\:min-w-\[100px\] { min-width: 100px; } .lg\:min-w-\[280px\] { min-width: 280px; } .lg\:min-w-\[unset\] { min-width: unset; } .lg\:max-w-\[170px\] { max-width: 170px; } .lg\:max-w-\[393px\] { max-width: 393px; } .lg\:flex-shrink-0 { flex-shrink: 0; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:items-start { align-items: flex-start; } .lg\:items-center { align-items: center; } .lg\:justify-start { justify-content: flex-start; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-center { justify-content: center; } .lg\:self-start { align-self: flex-start; } .lg\:whitespace-normal { white-space: normal; } .lg\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .lg\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .lg\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .lg\:pb-\[60px\] { padding-bottom: 60px; } .lg\:pl-10 { padding-left: 2.5rem; } .lg\:pr-10 { padding-right: 2.5rem; } .lg\:pr-20 { padding-right: 5rem; } .lg\:pr-5 { padding-right: 1.25rem; } .lg\:pr-9 { padding-right: 2.25rem; } .lg\:pt-20 { padding-top: 5rem; } .lg\:pt-\[177px\] { padding-top: 177px; } .lg\:tracking-\[-0\.5px\] { letter-spacing: -0.5px; } } @media (min-width: 1280px) { .xl\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .xl\:mb-0 { margin-bottom: 0px; } .xl\:mt-12 { margin-top: 3rem; } .xl\:mt-20 { margin-top: 5rem; } .xl\:w-\[60px\] { width: 60px; } .xl\:min-w-\[60px\] { min-width: 60px; } .xl\:max-w-\[1136px\] { max-width: 1136px; } .xl\:max-w-\[180px\] { max-width: 180px; } .xl\:max-w-\[205px\] { max-width: 205px; } .xl\:max-w-\[70\%\] { max-width: 70%; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:gap-10 { gap: 2.5rem; } .xl\:gap-20 { gap: 5rem; } .xl\:p-10 { padding: 2.5rem; } .xl\:p-8 { padding: 2rem; } .xl\:p-\[30px\] { padding: 30px; } .xl\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .xl\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .xl\:py-\[100px\] { padding-top: 100px; padding-bottom: 100px; } .xl\:py-\[120px\] { padding-top: 120px; padding-bottom: 120px; } .xl\:pb-\[120px\] { padding-bottom: 120px; } .xl\:pl-3 { padding-left: 0.75rem; } .xl\:pr-10 { padding-right: 2.5rem; } .xl\:pr-3 { padding-right: 0.75rem; } .xl\:pt-\[100px\] { padding-top: 100px; } .xl\:pt-\[120px\] { padding-top: 120px; } .xl\:pt-\[140px\] { padding-top: 140px; } .last\:xl\:mb-\[120px\]:last-child { margin-bottom: 120px; } } @media (min-width: 1366px) { .\32xl\:bottom-20 { bottom: 5rem; } .\32xl\:bottom-\[120px\] { bottom: 120px; } .\32xl\:w-\[44px\] { width: 44px; } .\32xl\:max-w-\[205px\] { max-width: 205px; } .\32xl\:max-w-\[225px\] { max-width: 225px; } .\32xl\:max-w-\[76px\] { max-width: 76px; } .\32xl\:gap-20 { gap: 5rem; } .\32xl\:gap-\[30px\] { gap: 30px; } .\32xl\:px-0 { padding-left: 0px; padding-right: 0px; } .\32xl\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .\32xl\:px-20 { padding-left: 5rem; padding-right: 5rem; } .\32xl\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .\32xl\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .\32xl\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .\32xl\:py-\[120px\] { padding-top: 120px; padding-bottom: 120px; } .\32xl\:pb-\[120px\] { padding-bottom: 120px; } .\32xl\:pl-20 { padding-left: 5rem; } .\32xl\:tracking-\[unset\] { letter-spacing: unset; } .hover\:2xl\:py-\[60px\]:hover { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 1440px) { .\33xl\:gap-20 { gap: 5rem; } .\33xl\:p-10 { padding: 2.5rem; } } @media (min-width: 1536px) { .\34xl\:min-w-\[72px\] { min-width: 72px; } .\34xl\:max-w-\[1440px\] { max-width: 1440px; } .\34xl\:object-center { -o-object-position: center; object-position: center; } .\34xl\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .\34xl\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .\34xl\:pr-20 { padding-right: 5rem; } .\34xl\:pr-\[180px\] { padding-right: 180px; } } @media (min-width: 1680px) { .\35xl\:mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .\35xl\:max-w-\[93\.62\%\] { max-width: 93.62%; } .\35xl\:pl-\[14px\] { padding-left: 14px; } .\35xl\:pr-5 { padding-right: 1.25rem; } } @media (min-width: 1920px) { .\36xl\:mx-\[22px\] { margin-left: 22px; margin-right: 22px; } .\36xl\:w-\[45\%\] { width: 45%; } .\36xl\:w-\[55\%\] { width: 55%; } .\36xl\:max-w-\[60\%\] { max-width: 60%; } } .\[\&\:nth-child\(3\)\]\:mx-auto:nth-child(3) { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .\[\&\:nth-child\(3\)\]\:md\:col-span-2:nth-child(3) { grid-column: span 2 / span 2; } .\[\&\:nth-child\(3\)\]\:md\:max-w-\[50\%\]:nth-child(3) { max-width: 50%; } } @media (min-width: 1024px) { .\[\&\:nth-child\(3\)\]\:lg\:col-span-1:nth-child(3) { grid-column: span 1 / span 1; } .\[\&\:nth-child\(3\)\]\:lg\:max-w-full:nth-child(3) { max-width: 100%; } } .\[\&_a\]\:whitespace-normal a { white-space: normal; } .\[\&_a\]\:text-icon-tertiary a { --tw-text-opacity: 1; color: rgb(144 130 161 / var(--tw-text-opacity)); } .\[\&_a\]\:underline a { text-decoration-line: underline; } .\[\&_b\]\:font-bold b { font-weight: 700; } .\[\&_code\]\:bg-transparent code { background-color: transparent; } .\[\&_code\]\:font-bold code { font-weight: 700; } .\[\&_code\]\:text-primary code { --tw-text-opacity: 1; color: rgb(126 91 239 / var(--tw-text-opacity)); } .\[\&_em\]\:not-italic em { font-style: normal; } .\[\&_em\]\:text-primary em { --tw-text-opacity: 1; color: rgb(126 91 239 / var(--tw-text-opacity)); } .\[\&_h6\]\:mb-\[10px\] h6 { margin-bottom: 10px; } .\[\&_h6\]\:font-bold h6 { font-weight: 700; } .\[\&_h6\]\:leading-\[normal\] h6 { line-height: normal; } .\[\&_h6\]\:text-icon-primary h6 { --tw-text-opacity: 1; color: rgb(47 47 47 / var(--tw-text-opacity)); } .\[\&_h6\]\:text-secondary h6 { --tw-text-opacity: 1; color: rgb(103 56 160 / var(--tw-text-opacity)); } .\[\&_iframe\]\:aspect-\[1560\/460\] iframe { aspect-ratio: 1560/460; } .\[\&_iframe\]\:w-full iframe { width: 100%; } @media (min-width: 1024px) { .\[\&_iframe\]\:lg\:min-h-\[460px\] iframe { min-height: 460px; } } .\[\&_ol\]\:list-decimal ol { list-style-type: decimal; } .\[\&_ol\]\:list-disc ol { list-style-type: disc; } .\[\&_ol\]\:pl-4 ol { padding-left: 1rem; } .\[\&_ol\]\:pl-5 ol { padding-left: 1.25rem; } @media (min-width: 768px) { .md\:\[\&_ol\]\:pl-6 ol { padding-left: 1.5rem; } } .\[\&_strong\]\:font-bold strong { font-weight: 700; } .\[\&_ul\]\:list-disc ul { list-style-type: disc; } .\[\&_ul\]\:pl-4 ul { padding-left: 1rem; } .\[\&_ul\]\:pl-5 ul { padding-left: 1.25rem; } @media (min-width: 768px) { .md\:\[\&_ul\]\:pl-6 ul { padding-left: 1.5rem; } }