/*
! 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: ;
}
body {
font-family: "Manrope", serif;
}
html[lang="en-US"] body {
font-family: "Manrope", serif;
}
html[lang="tc"] body {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] body {
font-family: "Chiron Hei HK", sans-serif;
}
.\!font-primary {
font-family: "Manrope", serif !important;
}
.font-primary {
font-family: "Manrope", serif;
}
.font-secondary {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .\!font-primary {
font-family: "Manrope", serif !important;
}
html[lang="en-US"] .font-primary {
font-family: "Manrope", serif;
}
html[lang="en-US"] .font-secondary {
font-family: "Ubuntu", 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-xs);
}
@media screen and (min-width: 360px) {
.text-display {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-display-md);
--min-fs: var(--text-display-xs)
}
}
@media screen and (min-width: 430px) {
.text-display {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-display-lg);
--min-fs: var(--text-display-md)
}
}
@media screen and (min-width: 1280px) {
.text-display {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-display);
--min-fs: var(--text-display-lg)
}
}
h1,
.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-xs);
}
@media screen and (min-width: 360px) {
h1,
.heading1 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h1-md);
--min-fs: var(--text-h1-xs)
}
}
@media screen and (min-width: 430px) {
h1,
.heading1 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h1-lg);
--min-fs: var(--text-h1-md)
}
}
@media screen and (min-width: 1280px) {
h1,
.heading1 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h1);
--min-fs: var(--text-h1-lg)
}
}
h2,
.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-xs);
}
@media screen and (min-width: 360px) {
h2,
.heading2 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h2-md);
--min-fs: var(--text-h2-xs)
}
}
@media screen and (min-width: 430px) {
h2,
.heading2 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h2-lg);
--min-fs: var(--text-h2-md)
}
}
@media screen and (min-width: 1280px) {
h2,
.heading2 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h2);
--min-fs: var(--text-h2-lg)
}
}
h3,
.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-xs);
}
@media screen and (min-width: 360px) {
h3,
.heading3 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h3-md);
--min-fs: var(--text-h3-xs)
}
}
@media screen and (min-width: 430px) {
h3,
.heading3 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h3-lg);
--min-fs: var(--text-h3-md)
}
}
@media screen and (min-width: 1280px) {
h3,
.heading3 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h3);
--min-fs: var(--text-h3-lg)
}
}
h4,
.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-xs);
}
@media screen and (min-width: 360px) {
h4,
.heading4 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4-md);
--min-fs: var(--text-h4-xs)
}
}
@media screen and (min-width: 430px) {
h4,
.heading4 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4-lg);
--min-fs: var(--text-h4-md)
}
}
@media screen and (min-width: 1280px) {
h4,
.heading4 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4);
--min-fs: var(--text-h4-lg)
}
}
h5,
.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-xs);
}
@media screen and (min-width: 360px) {
h5,
.heading5 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h5-md);
--min-fs: var(--text-h5-xs)
}
}
@media screen and (min-width: 430px) {
h5,
.heading5 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h5-lg);
--min-fs: var(--text-h5-md)
}
}
@media screen and (min-width: 1280px) {
h5,
.heading5 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h5);
--min-fs: var(--text-h5-lg)
}
}
h6,
.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-xs);
}
@media screen and (min-width: 360px) {
h6,
.heading6 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-md);
--min-fs: var(--text-h6-xs)
}
}
@media screen and (min-width: 430px) {
h6,
.heading6 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-lg);
--min-fs: var(--text-h6-md)
}
}
@media screen and (min-width: 1280px) {
h6,
.heading6 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6);
--min-fs: var(--text-h6-lg)
}
}
.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-xs);
}
@media screen and (min-width: 360px) {
.text-eyebrow {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-eyebrow-md);
--min-fs: var(--text-eyebrow-xs)
}
}
@media screen and (min-width: 430px) {
.text-eyebrow {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-eyebrow-lg);
--min-fs: var(--text-eyebrow-md)
}
}
@media screen and (min-width: 1280px) {
.text-eyebrow {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-eyebrow);
--min-fs: var(--text-eyebrow-lg)
}
}
.\!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));
}
.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));
}
.\!text-body-lg {
--max-fs: var(--text-body-lgx) !important;
--min-fs: var(--text-body-lg-xs) !important;
}
.text-body-lg {
--max-fs: var(--text-body-lgx);
--min-fs: var(--text-body-lg-xs);
}
@media screen and (min-width: 360px) {
.\!text-body-lg {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg-md) !important;
--min-fs: var(--text-body-lg-xs) !important
}
.text-body-lg {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-md);
--min-fs: var(--text-body-lg-xs)
}
}
@media screen and (min-width: 430px) {
.\!text-body-lg {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg-lg) !important;
--min-fs: var(--text-body-lg-md) !important
}
.text-body-lg {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-lg);
--min-fs: var(--text-body-lg-md)
}
}
@media screen and (min-width: 1280px) {
.\!text-body-lg {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lgx) !important;
--min-fs: var(--text-body-lg-lg) !important
}
.text-body-lg {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lgx);
--min-fs: var(--text-body-lg-lg)
}
}
.\!text-body {
--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-body {
--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-body {
--max-fs: var(--text-body) !important;
--min-fs: var(--text-body-xs) !important;
}
.text-body {
--max-fs: var(--text-body);
--min-fs: var(--text-body-xs);
}
@media screen and (min-width: 360px) {
.\!text-body {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-md) !important;
--min-fs: var(--text-body-xs) !important
}
.text-body {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.\!text-body {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg) !important;
--min-fs: var(--text-body-md) !important
}
.text-body {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.\!text-body {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body) !important;
--min-fs: var(--text-body-lg) !important
}
.text-body {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
.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-xs);
}
@media screen and (min-width: 360px) {
.text-button {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-button-md);
--min-fs: var(--text-button-xs)
}
}
@media screen and (min-width: 430px) {
.text-button {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-button-lg);
--min-fs: var(--text-button-md)
}
}
@media screen and (min-width: 1280px) {
.text-button {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-button);
--min-fs: var(--text-button-lg)
}
}
.text-navigation {
--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-navigation);
--min-fs: var(--text-navigation-xs);
}
@media screen and (min-width: 360px) {
.text-navigation {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation-md);
--min-fs: var(--text-navigation-xs)
}
}
@media screen and (min-width: 430px) {
.text-navigation {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation-lg);
--min-fs: var(--text-navigation-md)
}
}
@media screen and (min-width: 1280px) {
.text-navigation {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation);
--min-fs: var(--text-navigation-lg)
}
}
.\!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));
}
.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));
}
.\!text-caption {
--max-fs: var(--text-caption) !important;
--min-fs: var(--text-caption-xs) !important;
}
.text-caption {
--max-fs: var(--text-caption);
--min-fs: var(--text-caption-xs);
}
@media screen and (min-width: 360px) {
.\!text-caption {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-caption-md) !important;
--min-fs: var(--text-caption-xs) !important
}
.text-caption {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-caption-md);
--min-fs: var(--text-caption-xs)
}
}
@media screen and (min-width: 430px) {
.\!text-caption {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-caption-lg) !important;
--min-fs: var(--text-caption-md) !important
}
.text-caption {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-caption-lg);
--min-fs: var(--text-caption-md)
}
}
@media screen and (min-width: 1280px) {
.\!text-caption {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-caption) !important;
--min-fs: var(--text-caption-lg) !important
}
.text-caption {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-caption);
--min-fs: var(--text-caption-lg)
}
}
html[lang="tc"] .font-secondary,
html[lang="tc"] .font-primary {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="tc"] .\!font-primary {
font-family: "Chiron Hei HK", sans-serif !important;
}
html[lang="tc"] .leading-\[150\%\],
html[lang="tc"] .leading-\[160\%\] {
/* line-height: normal; */
}
html[lang="sc"] .font-secondary,
html[lang="sc"] .font-primary {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .\!font-primary {
font-family: "Chiron Hei HK", sans-serif !important;
}
html[lang="sc"] .leading-\[150\%\],
html[lang="sc"] .leading-\[160\%\] {
/* line-height: normal; */
}
.heading1,
.heading2,
.heading3,
.heading4,
.heading5,
.heading6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .heading1,html[lang="en-US"]
.heading2,html[lang="en-US"]
.heading3,html[lang="en-US"]
.heading4,html[lang="en-US"]
.heading5,html[lang="en-US"]
.heading6,html[lang="en-US"]
h1,html[lang="en-US"]
h2,html[lang="en-US"]
h3,html[lang="en-US"]
h4,html[lang="en-US"]
h5,html[lang="en-US"]
h6 {
font-family: "Ubuntu", serif;
}
html[lang="tc"] .heading1,html[lang="tc"]
.heading2,html[lang="tc"]
.heading3,html[lang="tc"]
.heading4,html[lang="tc"]
.heading5,html[lang="tc"]
.heading6,html[lang="tc"]
h1,html[lang="tc"]
h2,html[lang="tc"]
h3,html[lang="tc"]
h4,html[lang="tc"]
h5,html[lang="tc"]
h6 {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .heading1,html[lang="sc"]
.heading2,html[lang="sc"]
.heading3,html[lang="sc"]
.heading4,html[lang="sc"]
.heading5,html[lang="sc"]
.heading6,html[lang="sc"]
h1,html[lang="sc"]
h2,html[lang="sc"]
h3,html[lang="sc"]
h4,html[lang="sc"]
h5,html[lang="sc"]
h6 {
font-family: "Chiron Hei HK", sans-serif;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.visible {
visibility: visible;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.\!relative {
position: relative !important;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0px;
}
.\!-left-12 {
left: -3rem !important;
}
.\!-left-\[12px\] {
left: -12px !important;
}
.\!-right-\[12px\] {
right: -12px !important;
}
.\!bottom-5 {
bottom: 1.25rem !important;
}
.\!bottom-\[unset\] {
bottom: unset !important;
}
.\!left-\[unset\] {
left: unset !important;
}
.\!right-\[-30px\] {
right: -30px !important;
}
.\!right-\[unset\] {
right: unset !important;
}
.\!top-\[40\%\] {
top: 40% !important;
}
.\!top-\[unset\] {
top: unset !important;
}
.-bottom-4 {
bottom: -1rem;
}
.-left-full {
left: -100%;
}
.bottom-0 {
bottom: 0px;
}
.bottom-10 {
bottom: 2.5rem;
}
.bottom-\[-11px\] {
bottom: -11px;
}
.bottom-\[100px\] {
bottom: 100px;
}
.bottom-\[20px\] {
bottom: 20px;
}
.bottom-\[30px\] {
bottom: 30px;
}
.bottom-\[unset\] {
bottom: unset;
}
.bottom-full {
bottom: 100%;
}
.left-0 {
left: 0px;
}
.left-1\/2 {
left: 50%;
}
.left-\[-10px\] {
left: -10px;
}
.left-\[2\.74px\] {
left: 2.74px;
}
.left-\[20px\] {
left: 20px;
}
.left-\[5\.83px\] {
left: 5.83px;
}
.left-\[unset\] {
left: unset;
}
.right-0 {
right: 0px;
}
.right-3 {
right: 0.75rem;
}
.right-5 {
right: 1.25rem;
}
.right-\[-6px\] {
right: -6px;
}
.right-\[20px\] {
right: 20px;
}
.right-\[6px\] {
right: 6px;
}
.right-\[unset\] {
right: unset;
}
.top-0 {
top: 0px;
}
.top-1\/2 {
top: 50%;
}
.top-12 {
top: 3rem;
}
.top-3 {
top: 0.75rem;
}
.top-5 {
top: 1.25rem;
}
.top-8 {
top: 2rem;
}
.top-\[-20px\] {
top: -20px;
}
.top-\[-2px\] {
top: -2px;
}
.top-\[-30px\] {
top: -30px;
}
.top-\[100\%\] {
top: 100%;
}
.top-\[100px\] {
top: 100px;
}
.top-\[16\.67px\] {
top: 16.67px;
}
.top-\[33\%\] {
top: 33%;
}
.top-\[40\%\] {
top: 40%;
}
.top-\[5\.29px\] {
top: 5.29px;
}
.top-\[unset\] {
top: unset;
}
.top-full {
top: 100%;
}
.\!z-\[2\] {
z-index: 2 !important;
}
.z-10 {
z-index: 10;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[-1\] {
z-index: -1;
}
.z-\[12\] {
z-index: 12;
}
.z-\[13\] {
z-index: 13;
}
.z-\[15\] {
z-index: 15;
}
.z-\[1\] {
z-index: 1;
}
.z-\[2\] {
z-index: 2;
}
.z-\[3\] {
z-index: 3;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-full {
grid-column: 1 / -1;
}
.m-auto {
margin: auto;
}
.-mx-10 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.mx-\[5px\] {
margin-left: 5px;
margin-right: 5px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.\!mt-0 {
margin-top: 0px !important;
}
.-ml-2 {
margin-left: -0.5rem;
}
.-mt-10 {
margin-top: -2.5rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-20 {
margin-bottom: 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-7 {
margin-bottom: 1.75rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-\[10px\] {
margin-bottom: 10px;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-5 {
margin-left: 1.25rem;
}
.ml-\[10px\] {
margin-left: 10px;
}
.ml-auto {
margin-left: auto;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-10 {
margin-right: 2.5rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-5 {
margin-right: 1.25rem;
}
.mr-8 {
margin-right: 2rem;
}
.mr-\[0\.5px\] {
margin-right: 0.5px;
}
.mr-\[10px\] {
margin-right: 10px;
}
.mr-\[6px\] {
margin-right: 6px;
}
.mt-0 {
margin-top: 0px;
}
.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-\[10px\] {
margin-top: 10px;
}
.mt-\[22px\] {
margin-top: 22px;
}
.mt-\[60px\] {
margin-top: 60px;
}
.mt-\[var\(--header-height\)\] {
margin-top: var(--header-height);
}
.mt-auto {
margin-top: auto;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.\!flex {
display: flex !important;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.\!hidden {
display: none !important;
}
.hidden {
display: none;
}
.aspect-\[120\/120\] {
aspect-ratio: 120/120;
}
.aspect-\[1331\/733\] {
aspect-ratio: 1331/733;
}
.aspect-\[150\/184\] {
aspect-ratio: 150/184;
}
.aspect-\[174\/213\] {
aspect-ratio: 174/213;
}
.aspect-\[1920\/500\] {
aspect-ratio: 1920/500;
}
.aspect-\[1920\/869\] {
aspect-ratio: 1920/869;
}
.aspect-\[203\/48\] {
aspect-ratio: 203/48;
}
.aspect-\[220\/52\] {
aspect-ratio: 220/52;
}
.aspect-\[233\/285\] {
aspect-ratio: 233/285;
}
.aspect-\[236\/294\] {
aspect-ratio: 236/294;
}
.aspect-\[240\/110\] {
aspect-ratio: 240/110;
}
.aspect-\[270\/330\] {
aspect-ratio: 270/330;
}
.aspect-\[274\/341\] {
aspect-ratio: 274/341;
}
.aspect-\[315\/442\] {
aspect-ratio: 315/442;
}
.aspect-\[315\/450\] {
aspect-ratio: 315/450;
}
.aspect-\[320\/429\] {
aspect-ratio: 320/429;
}
.aspect-\[327\/399\] {
aspect-ratio: 327/399;
}
.aspect-\[328\/399\] {
aspect-ratio: 328/399;
}
.aspect-\[340\/227\] {
aspect-ratio: 340/227;
}
.aspect-\[360\/722\] {
aspect-ratio: 360/722;
}
.aspect-\[360\/80\] {
aspect-ratio: 360/80;
}
.aspect-\[368\/194\] {
aspect-ratio: 368/194;
}
.aspect-\[375\/269\] {
aspect-ratio: 375/269;
}
.aspect-\[399\/565\] {
aspect-ratio: 399/565;
}
.aspect-\[400\/247\] {
aspect-ratio: 400/247;
}
.aspect-\[415\/555\] {
aspect-ratio: 415/555;
}
.aspect-\[442\/551\] {
aspect-ratio: 442/551;
}
.aspect-\[448\/298\] {
aspect-ratio: 448/298;
}
.aspect-\[448\/335\] {
aspect-ratio: 448/335;
}
.aspect-\[472\/266\] {
aspect-ratio: 472/266;
}
.aspect-\[494\/650\] {
aspect-ratio: 494/650;
}
.aspect-\[50\/50\] {
aspect-ratio: 50/50;
}
.aspect-\[516\/291\] {
aspect-ratio: 516/291;
}
.aspect-\[576\/388\] {
aspect-ratio: 576/388;
}
.aspect-\[598\/423\] {
aspect-ratio: 598/423;
}
.aspect-\[611\/432\] {
aspect-ratio: 611/432;
}
.aspect-\[630\/425\] {
aspect-ratio: 630/425;
}
.aspect-\[660\/419\] {
aspect-ratio: 660/419;
}
.aspect-\[700\/494\] {
aspect-ratio: 700/494;
}
.aspect-\[748\/528\] {
aspect-ratio: 748/528;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.\!h-auto {
height: auto !important;
}
.h-0 {
height: 0px;
}
.h-1 {
height: 0.25rem;
}
.h-10 {
height: 2.5rem;
}
.h-14 {
height: 3.5rem;
}
.h-2 {
height: 0.5rem;
}
.h-2\.5 {
height: 0.625rem;
}
.h-3 {
height: 0.75rem;
}
.h-4 {
height: 1rem;
}
.h-48 {
height: 12rem;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.h-9 {
height: 2.25rem;
}
.h-\[19px\] {
height: 19px;
}
.h-\[26px\] {
height: 26px;
}
.h-\[8\.33px\] {
height: 8.33px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.\!max-h-\[unset\] {
max-height: unset !important;
}
.max-h-0 {
max-height: 0px;
}
.max-h-64 {
max-height: 16rem;
}
.max-h-\[280px\] {
max-height: 280px;
}
.max-h-\[72vh\] {
max-height: 72vh;
}
.max-h-max {
max-height: -moz-max-content;
max-height: max-content;
}
.\!min-h-\[unset\] {
min-height: unset !important;
}
.min-h-\[26px\] {
min-height: 26px;
}
.min-h-\[500px\] {
min-height: 500px;
}
.min-h-\[600px\] {
min-height: 600px;
}
.\!w-auto {
width: auto !important;
}
.\!w-full {
width: 100% !important;
}
.w-0 {
width: 0px;
}
.w-1 {
width: 0.25rem;
}
.w-10 {
width: 2.5rem;
}
.w-20 {
width: 5rem;
}
.w-3 {
width: 0.75rem;
}
.w-3\.5 {
width: 0.875rem;
}
.w-4 {
width: 1rem;
}
.w-40 {
width: 10rem;
}
.w-5 {
width: 1.25rem;
}
.w-56 {
width: 14rem;
}
.w-6 {
width: 1.5rem;
}
.w-64 {
width: 16rem;
}
.w-8 {
width: 2rem;
}
.w-9 {
width: 2.25rem;
}
.w-\[120px\] {
width: 120px;
}
.w-\[13\.33px\] {
width: 13.33px;
}
.w-\[26px\] {
width: 26px;
}
.w-\[30px\] {
width: 30px;
}
.w-\[50px\] {
width: 50px;
}
.w-\[56px\] {
width: 56px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.w-max {
width: -moz-max-content;
width: max-content;
}
.min-w-0 {
min-width: 0px;
}
.min-w-10 {
min-width: 2.5rem;
}
.min-w-20 {
min-width: 5rem;
}
.min-w-4 {
min-width: 1rem;
}
.min-w-5 {
min-width: 1.25rem;
}
.min-w-6 {
min-width: 1.5rem;
}
.min-w-8 {
min-width: 2rem;
}
.min-w-9 {
min-width: 2.25rem;
}
.min-w-\[120px\] {
min-width: 120px;
}
.min-w-\[147px\] {
min-width: 147px;
}
.min-w-\[149px\] {
min-width: 149px;
}
.min-w-\[179px\] {
min-width: 179px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[240px\] {
min-width: 240px;
}
.min-w-\[26px\] {
min-width: 26px;
}
.min-w-\[30px\] {
min-width: 30px;
}
.min-w-\[44px\] {
min-width: 44px;
}
.min-w-\[50px\] {
min-width: 50px;
}
.min-w-\[89px\] {
min-width: 89px;
}
.min-w-max {
min-width: -moz-max-content;
min-width: max-content;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-4 {
max-width: 1rem;
}
.max-w-6 {
max-width: 1.5rem;
}
.max-w-\[1000px\] {
max-width: 1000px;
}
.max-w-\[1040px\] {
max-width: 1040px;
}
.max-w-\[1160px\] {
max-width: 1160px;
}
.max-w-\[11px\] {
max-width: 11px;
}
.max-w-\[120px\] {
max-width: 120px;
}
.max-w-\[1320px\] {
max-width: 1320px;
}
.max-w-\[1432px\] {
max-width: 1432px;
}
.max-w-\[1480px\] {
max-width: 1480px;
}
.max-w-\[1536px\] {
max-width: 1536px;
}
.max-w-\[160px\] {
max-width: 160px;
}
.max-w-\[16px\] {
max-width: 16px;
}
.max-w-\[180px\] {
max-width: 180px;
}
.max-w-\[220px\] {
max-width: 220px;
}
.max-w-\[233px\] {
max-width: 233px;
}
.max-w-\[236px\] {
max-width: 236px;
}
.max-w-\[244px\] {
max-width: 244px;
}
.max-w-\[26px\] {
max-width: 26px;
}
.max-w-\[270px\] {
max-width: 270px;
}
.max-w-\[272px\] {
max-width: 272px;
}
.max-w-\[274px\] {
max-width: 274px;
}
.max-w-\[29px\] {
max-width: 29px;
}
.max-w-\[30px\] {
max-width: 30px;
}
.max-w-\[340px\] {
max-width: 340px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[450px\] {
max-width: 450px;
}
.max-w-\[516px\] {
max-width: 516px;
}
.max-w-\[520px\] {
max-width: 520px;
}
.max-w-\[526px\] {
max-width: 526px;
}
.max-w-\[530px\] {
max-width: 530px;
}
.max-w-\[597px\] {
max-width: 597px;
}
.max-w-\[60px\] {
max-width: 60px;
}
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-\[85\%\] {
max-width: 85%;
}
.max-w-\[90\%\] {
max-width: 90%;
}
.max-w-\[94px\] {
max-width: 94px;
}
.max-w-\[95\%\] {
max-width: 95%;
}
.max-w-\[959px\] {
max-width: 959px;
}
.max-w-\[960px\] {
max-width: 960px;
}
.max-w-full {
max-width: 100%;
}
.max-w-max {
max-width: -moz-max-content;
max-width: max-content;
}
.max-w-none {
max-width: none;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink-0 {
flex-shrink: 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);
}
.origin-top {
transform-origin: top;
}
.origin-top-left {
transform-origin: top left;
}
.-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-x-full {
--tw-translate-x: -100%;
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));
}
.translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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-x-\[150\%\] {
--tw-translate-x: 150%;
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-x-\[5px\] {
--tw-translate-x: 5px;
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-x-\[8px\] {
--tw-translate-x: 8px;
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-x-full {
--tw-translate-x: 100%;
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-10 {
--tw-translate-y: 2.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
--tw-rotate: -90deg;
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));
}
.rotate-180 {
--tw-rotate: 180deg;
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));
}
.scale-75 {
--tw-scale-x: .75;
--tw-scale-y: .75;
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));
}
.cursor-default {
cursor: default;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-items-center {
place-items: center;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.items-stretch {
align-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.\!justify-center {
justify-content: center !important;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: 0.25rem;
}
.gap-10 {
gap: 2.5rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-2\.5 {
gap: 0.625rem;
}
.gap-20 {
gap: 5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-\[10px\] {
gap: 10px;
}
.gap-\[2px\] {
gap: 2px;
}
.gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.gap-y-10 {
row-gap: 2.5rem;
}
.gap-y-3 {
row-gap: 0.75rem;
}
.gap-y-6 {
row-gap: 1.5rem;
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-stretch {
align-self: stretch;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.\!overflow-visible {
overflow: visible !important;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-ellipsis {
text-overflow: ellipsis;
}
.whitespace-nowrap {
white-space: nowrap;
}
.break-words {
overflow-wrap: break-word;
}
.\!rounded {
border-radius: 0.25rem !important;
}
.\!rounded-lg {
border-radius: 0.5rem !important;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-\[12px\] {
border-radius: 12px;
}
.rounded-\[13\.33px\] {
border-radius: 13.33px;
}
.rounded-\[16px\] {
border-radius: 16px;
}
.rounded-\[20px\] {
border-radius: 20px;
}
.rounded-\[4px\] {
border-radius: 4px;
}
.rounded-\[50px\] {
border-radius: 50px;
}
.rounded-\[8px\] {
border-radius: 8px;
}
.rounded-\[9px\] {
border-radius: 9px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-none {
border-radius: 0px;
}
.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-\[20px\] {
border-bottom-left-radius: 20px;
}
.rounded-bl-\[8px\] {
border-bottom-left-radius: 8px;
}
.rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.rounded-bl-none {
border-bottom-left-radius: 0px;
}
.rounded-bl-xl {
border-bottom-left-radius: 0.75rem;
}
.rounded-br-\[12px\] {
border-bottom-right-radius: 12px;
}
.rounded-br-\[16px\] {
border-bottom-right-radius: 16px;
}
.rounded-br-\[20px\] {
border-bottom-right-radius: 20px;
}
.rounded-br-\[4px\] {
border-bottom-right-radius: 4px;
}
.rounded-br-\[8px\] {
border-bottom-right-radius: 8px;
}
.rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.rounded-br-none {
border-bottom-right-radius: 0px;
}
.rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.rounded-br-xl {
border-bottom-right-radius: 0.75rem;
}
.rounded-tl-\[12px\] {
border-top-left-radius: 12px;
}
.rounded-tl-\[20px\] {
border-top-left-radius: 20px;
}
.rounded-tl-\[8px\] {
border-top-left-radius: 8px;
}
.rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.rounded-tl-xl {
border-top-left-radius: 0.75rem;
}
.rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.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-l-8 {
border-left-width: 8px;
}
.border-t {
border-top-width: 1px;
}
.border-none {
border-style: none;
}
.\!border-brand-red {
--tw-border-opacity: 1 !important;
border-color: rgb(229 72 32 / var(--tw-border-opacity)) !important;
}
.border-black-medium {
--tw-border-opacity: 1;
border-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.border-brand-green {
--tw-border-opacity: 1;
border-color: rgb(184 224 104 / var(--tw-border-opacity));
}
.border-brand-orange {
--tw-border-opacity: 1;
border-color: rgb(255 183 81 / var(--tw-border-opacity));
}
.border-brand-teal {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
}
.border-grey {
--tw-border-opacity: 1;
border-color: rgb(125 140 149 / var(--tw-border-opacity));
}
.border-grey-line {
--tw-border-opacity: 1;
border-color: rgb(210 214 211 / var(--tw-border-opacity));
}
.border-neutral-300 {
--tw-border-opacity: 1;
border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.border-neutral-500 {
--tw-border-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.border-primary {
--tw-border-opacity: 1;
border-color: rgb(44 38 38 / var(--tw-border-opacity));
}
.border-smoke-screen {
--tw-border-opacity: 1;
border-color: rgb(174 174 174 / var(--tw-border-opacity));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-b-black-medium {
--tw-border-opacity: 1;
border-bottom-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.border-b-brand-orange {
--tw-border-opacity: 1;
border-bottom-color: rgb(255 183 81 / var(--tw-border-opacity));
}
.border-b-white {
--tw-border-opacity: 1;
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-t-black-medium {
--tw-border-opacity: 1;
border-top-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.border-t-grey-line {
--tw-border-opacity: 1;
border-top-color: rgb(210 214 211 / var(--tw-border-opacity));
}
.border-opacity-30 {
--tw-border-opacity: 0.3;
}
.\!bg-black {
--tw-bg-opacity: 1 !important;
background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
}
.\!bg-complimentary-orange {
--tw-bg-opacity: 1 !important;
background-color: rgb(230 124 0 / var(--tw-bg-opacity)) !important;
}
.\!bg-transparent {
background-color: transparent !important;
}
.bg-\[\#000\] {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#E3F1D3\] {
--tw-bg-opacity: 1;
background-color: rgb(227 241 211 / var(--tw-bg-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-black-light {
--tw-bg-opacity: 1;
background-color: rgb(251 251 251 / var(--tw-bg-opacity));
}
.bg-black_333 {
--tw-bg-opacity: 1;
background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-brand-blue {
--tw-bg-opacity: 1;
background-color: rgb(0 126 151 / var(--tw-bg-opacity));
}
.bg-brand-green {
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
.bg-brand-orange {
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
}
.bg-brand-red {
--tw-bg-opacity: 1;
background-color: rgb(229 72 32 / var(--tw-bg-opacity));
}
.bg-brand-teal {
--tw-bg-opacity: 1;
background-color: rgb(3 99 109 / var(--tw-bg-opacity));
}
.bg-complimentary-orange {
--tw-bg-opacity: 1;
background-color: rgb(230 124 0 / var(--tw-bg-opacity));
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-green {
--tw-bg-opacity: 1;
background-color: rgb(32 106 93 / var(--tw-bg-opacity));
}
.bg-hover-orange {
--tw-bg-opacity: 1;
background-color: rgb(255 233 194 / var(--tw-bg-opacity));
}
.bg-neutral-100 {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-neutral-300 {
--tw-bg-opacity: 1;
background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}
.bg-overlay {
--tw-bg-opacity: 1;
background-color: rgb(59 59 59 / var(--tw-bg-opacity));
}
.bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(44 38 38 / var(--tw-bg-opacity));
}
.bg-primary\/40 {
background-color: rgb(44 38 38 / 0.4);
}
.bg-soft-pink {
--tw-bg-opacity: 1;
background-color: rgb(255 239 239 / var(--tw-bg-opacity));
}
.bg-topic-green {
--tw-bg-opacity: 1;
background-color: rgb(227 241 211 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/70 {
background-color: rgb(255 255 255 / 0.7);
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
--tw-bg-opacity: 0.6;
}
.bg-opacity-65 {
--tw-bg-opacity: 0.65;
}
.bg-opacity-75 {
--tw-bg-opacity: 0.75;
}
.bg-opacity-80 {
--tw-bg-opacity: 0.8;
}
.bg-opacity-\[0\.33\] {
--tw-bg-opacity: 0.33;
}
.bg-opacity-\[0\.87\] {
--tw-bg-opacity: 0.87;
}
.bg-opacity-\[32\%\] {
--tw-bg-opacity: 32%;
}
.bg-\[linear-gradient\(180deg\2c rgba\(30\2c 33\2c 35\2c 0\)_0\%\2c rgba\(30\2c 33\2c 35\2c 0\.72\)_100\%\)\] {
background-image: linear-gradient(180deg,rgba(30,33,35,0) 0%,rgba(30,33,35,0.72) 100%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(51\2c 51\2c 51\2c 0\.5\)_0\%\2c rgba\(51\2c 51\2c 51\2c 0\)_100\%\)\] {
background-image: linear-gradient(180deg,rgba(51,51,51,0.5) 0%,rgba(51,51,51,0) 100%);
}
.bg-\[linear-gradient\(93deg\2c rgba\(0\2c 0\2c 0\2c 0\.49\)_33\.88\%\2c rgba\(0\2c 0\2c 0\2c 0\.18\)_109\.16\%\)\] {
background-image: linear-gradient(93deg,rgba(0,0,0,0.49) 33.88%,rgba(0,0,0,0.18) 109.16%);
}
.bg-\[linear-gradient\(to_left\2c _var\(--wp--preset--color--brand-orange\)_50\%\2c _var\(--wp--preset--color--brand-green\)_50\%\)\] {
background-image: linear-gradient(to left, var(--wp--preset--color--brand-orange) 50%, var(--wp--preset--color--brand-green) 50%);
}
.bg-gradient-to-br {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-\[length\:200\%_100\%\] {
background-size: 200% 100%;
}
.bg-center {
background-position: center;
}
.bg-left {
background-position: left;
}
.bg-right {
background-position: right;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-\[\#2C2626\] {
fill: #2C2626;
}
.fill-brand-teal {
fill: #03636D;
}
.fill-stone-800 {
fill: #292524;
}
.fill-white {
fill: #fff;
}
.stroke-brand-teal {
stroke: #03636D;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-top {
-o-object-position: top;
object-position: top;
}
.\!p-0 {
padding: 0px !important;
}
.p-0 {
padding: 0px;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-\[10px\] {
padding: 10px;
}
.p-\[6px\] {
padding: 6px;
}
.\!px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.\!py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.\!py-\[19px\] {
padding-top: 19px !important;
padding-bottom: 19px !important;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.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-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 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-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px;
}
.py-\[11px\] {
padding-top: 11px;
padding-bottom: 11px;
}
.py-\[60px\] {
padding-top: 60px;
padding-bottom: 60px;
}
.\!pl-0 {
padding-left: 0px !important;
}
.\!pl-5 {
padding-left: 1.25rem !important;
}
.\!pr-\[40px\] {
padding-right: 40px !important;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-\[120px\] {
padding-bottom: 120px;
}
.pb-\[60px\] {
padding-bottom: 60px;
}
.pl-1 {
padding-left: 0.25rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-5 {
padding-left: 1.25rem;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pr-4 {
padding-right: 1rem;
}
.pr-5 {
padding-right: 1.25rem;
}
.pr-6 {
padding-right: 1.5rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-20 {
padding-top: 5rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-\[3px\] {
padding-top: 3px;
}
.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;
}
.align-middle {
vertical-align: middle;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-\[16px\] {
font-size: 16px;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.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-6 {
line-height: 1.5rem;
}
.leading-7 {
line-height: 1.75rem;
}
.leading-\[140\%\] {
line-height: 140%;
}
.leading-\[150\%\] {
line-height: 150%;
}
.leading-\[160\%\] {
line-height: 160%;
}
.leading-\[25\.6px\] {
line-height: 25.6px;
}
.leading-\[4rem\] {
line-height: 4rem;
}
.leading-\[normal\] {
line-height: normal;
}
.leading-normal {
line-height: 1.5;
}
.-tracking-\[5px\] {
letter-spacing: -5px;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.\!text-primary-button {
--tw-text-opacity: 1 !important;
color: rgb(44 38 38 / var(--tw-text-opacity)) !important;
}
.\!text-white {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(248 248 248 / var(--tw-text-opacity));
}
.text-black-text-medium {
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
.text-black_333 {
--tw-text-opacity: 1;
color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-brand-gray {
--tw-text-opacity: 1;
color: rgb(106 109 113 / var(--tw-text-opacity));
}
.text-brand-orange {
--tw-text-opacity: 1;
color: rgb(255 183 81 / var(--tw-text-opacity));
}
.text-brand-red {
--tw-text-opacity: 1;
color: rgb(229 72 32 / var(--tw-text-opacity));
}
.text-brand-teal {
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.text-complimentary-orange {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.text-dark-green {
--tw-text-opacity: 1;
color: rgb(33 61 56 / var(--tw-text-opacity));
}
.text-dim-grey {
--tw-text-opacity: 1;
color: rgb(93 93 93 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-green {
--tw-text-opacity: 1;
color: rgb(32 106 93 / var(--tw-text-opacity));
}
.text-grey {
--tw-text-opacity: 1;
color: rgb(125 140 149 / var(--tw-text-opacity));
}
.text-neutral-700 {
--tw-text-opacity: 1;
color: rgb(64 64 64 / var(--tw-text-opacity));
}
.text-primary {
--tw-text-opacity: 1;
color: rgb(44 38 38 / var(--tw-text-opacity));
}
.text-primary-button {
--tw-text-opacity: 1;
color: rgb(44 38 38 / var(--tw-text-opacity));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-smoke-screen {
--tw-text-opacity: 1;
color: rgb(174 174 174 / var(--tw-text-opacity));
}
.text-text-black {
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-zinc-500 {
--tw-text-opacity: 1;
color: rgb(113 113 122 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.\!opacity-100 {
opacity: 1 !important;
}
.opacity-0 {
opacity: 0;
}
.opacity-100 {
opacity: 1;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-40 {
opacity: 0.4;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-60 {
opacity: 0.6;
}
.mix-blend-multiply {
mix-blend-mode: multiply;
}
.\!shadow-none {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.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_-10px_30px_0_rgba\(165\2c 165\2c 165\2c 0\.32\)\] {
--tw-shadow: 0 -10px 30px 0 rgba(165,165,165,0.32);
--tw-shadow-colored: 0 -10px 30px 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\.10\)\] {
--tw-shadow: 0 0 20px 0 rgba(0,0,0,0.10);
--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_0_20px_0_rgba\(136\2c 136\2c 136\2c 0\.25\)\] {
--tw-shadow: 0 0 20px 0 rgba(136,136,136,0.25);
--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_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
--tw-shadow: 0 10px 30px rgba(0,0,0,0.15);
--tw-shadow-colored: 0 10px 30px 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_12px_32px_0_rgba\(0\2c 61\2c 74\2c 0\.18\)\] {
--tw-shadow: 0 12px 32px 0 rgba(0,61,74,0.18);
--tw-shadow-colored: 0 12px 32px 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_12px_32px_0_rgba\(169\2c 169\2c 169\2c 0\.18\)\] {
--tw-shadow: 0 12px 32px 0 rgba(169,169,169,0.18);
--tw-shadow-colored: 0 12px 32px 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_20px_30px_0_rgba\(165\2c 165\2c 165\2c 0\.32\)\] {
--tw-shadow: 0 20px 30px 0 rgba(165,165,165,0.32);
--tw-shadow-colored: 0 20px 30px 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_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
--tw-shadow: 0 20px 60px rgba(0,0,0,0.2);
--tw-shadow-colored: 0 20px 60px 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_20px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
--tw-shadow: 0 4px 20px 0 rgba(0,0,0,0.10);
--tw-shadow-colored: 0 4px 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_4px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.03\)\] {
--tw-shadow: 0 4px 4px 0 rgba(0,0,0,0.03);
--tw-shadow-colored: 0 4px 4px 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-\[0px_12px_32px_0px_rgba\(0\2c 61\2c 74\2c 0\.18\)\] {
--tw-shadow: 0px 12px 32px 0px rgba(0,61,74,0.18);
--tw-shadow-colored: 0px 12px 32px 0px 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-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!outline-none {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
}
.outline {
outline-style: solid;
}
.outline-1 {
outline-width: 1px;
}
.outline-offset-\[-1px\] {
outline-offset: -1px;
}
.outline-\[\#03636D\] {
outline-color: #03636D;
}
.outline-brand-teal {
outline-color: #03636D;
}
.outline-smoke-screen {
outline-color: #AEAEAE;
}
.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);
}
.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;
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-shadow {
transition-property: box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-200 {
transition-duration: 200ms;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
.duration-\[100\] {
transition-duration: 100;
}
.duration-\[250ms\] {
transition-duration: 250ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
transition-timing-function: linear;
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.content-\[\'\'\] {
--tw-content: '';
content: var(--tw-content);
}
/* 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-VariableFont_wght.ttf?efe78270bd691bb8d70b9c49b1a2afe6) format("truetype");
}
@font-face {
font-family: "Ubuntu";
src: url(../fonts/Ubuntu-Bold.ttf?fec2d0f1431a6114a6ce5d4d7cf1ba97) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Ubuntu";
src: url(../fonts/Ubuntu-Medium.ttf?e37c5546eb1a6efc481831ff4ef0e82c) format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Ubuntu";
src: url(../fonts/Ubuntu-Regular.ttf?4a3116a28a38a887266c0f929b6cf785) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Ubuntu";
src: url(../fonts/Ubuntu-Light.ttf?0dd2d5986e2731a16ee70f369722b880) format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Noto Sans TC";
src: url(../fonts/NotoSansTC-VariableFont_wght.ttf?4a6fee4d14827bfd4fec26f88b90ee2e)
format("truetype");
}
@font-face {
font-family: "Noto Sans SC";
src: url(../fonts/NotoSansSC-VariableFont_wght.ttf?c74f6a13c555c00aecaed75a4b7f2ba9)
format("truetype");
}
@font-face {
font-family: "Chiron Hei HK";
src: url(../fonts/ChironHeiHK-VariableFont_wght.ttf?99df7f22b4551b4d7aa6468d91ee72df)
format("truetype");
}
:root {
--min-vw: 640;
--max-vw: 1920;
/* 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: 80;
--text-display-lg: 72;
--text-display-md: 68;
--text-display-xs: 48;
--text-h1: 48;
--text-h1-lg: 43;
--text-h1-md: 40;
--text-h1-xs: 36;
--text-h2: 40;
--text-h2-lg: 36;
--text-h2-md: 34;
--text-h2-xs: 28;
--text-h3: 34;
--text-h3-lg: 31;
--text-h3-md: 29;
--text-h3-xs: 25;
--text-h4: 28;
--text-h4-lg: 25.2;
--text-h4-md: 23.7;
--text-h4-xs: 22;
--text-h5: 24;
--text-h5-lg: 22;
--text-h5-md: 21;
--text-h5-xs: 20;
--text-h6: 20;
--text-h6-lg: 19;
--text-h6-md: 18;
--text-h6-xs: 18;
--text-body-lgx: 18;
--text-body-lg-lg: 16.2;
--text-body-lg-md: 15.2;
--text-body-lg-xs: 16;
--text-body: 16;
--text-body-lg: 14.4;
--text-body-md: 13.5;
--text-body-xs: 14;
--text-button: 18;
--text-button-lg: 16.2;
--text-button-md: 15.2;
--text-button-xs: 16;
--text-eyebrow: 14;
--text-eyebrow-lg: 12.6;
--text-eyebrow-md: 11.8;
--text-eyebrow-xs: 12;
--text-navigation: 16;
--text-navigation-lg: 14.4;
--text-navigation-md: 13.5;
--text-navigation-xs: 14;
--text-caption: 14;
--text-caption-lg: 12.6;
--text-caption-md: 11.8;
--text-caption-xs: 12;
}
body {
font-family: "Manrope", serif;
}
html[lang="en-US"] body {
font-family: "Manrope", serif;
}
html[lang="tc"] body {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] body {
font-family: "Chiron Hei HK", sans-serif;
}
/* html[lang="tc"] {
section[block-name="our-resources-listing"] article h5 {
font-family: "Ubuntu", serif;
}
} */
.leading-\[150\%\] h1,.leading-\[150\%\] h2,.leading-\[150\%\] h3,.leading-\[150\%\] h4,.leading-\[150\%\] h5,.leading-\[150\%\] h6{
line-height: 150%;
}
.leading-\[160\%\] h1,.leading-\[160\%\] h2,.leading-\[160\%\] h3,.leading-\[160\%\] h4,.leading-\[160\%\] h5,.leading-\[160\%\] h6{
line-height: 160%;
}
/* 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: 7%;
--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);
}
}
.arrow-button {
background-image: linear-gradient(to left, var(--wp--preset--color--brand-orange) 50%, var(--wp--preset--color--brand-green) 50%);
background-size: 200% 100%;
background-position: right;
--tw-text-opacity: 1;
color: rgb(44 38 38 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.arrow-button:hover {
background-position: left;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.arrow-button:hover .arrow {
--tw-translate-x: 150%;
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));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.arrow-button .arrow-hover {
width: 0px;
min-width: 0px;
--tw-translate-x: -100%;
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));
overflow: hidden;
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.arrow-button:hover .arrow-hover {
width: -moz-max-content;
width: max-content;
min-width: -moz-max-content;
min-width: max-content;
--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));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.orange-arrow:hover img {
filter: brightness(0) saturate(100%) invert(57%) sepia(73%) saturate(3667%)
hue-rotate(8deg) brightness(97%) contrast(103%);
}
header .arrow-button:hover .arrow-hover {
width: 30px;
min-width: 30px;
--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));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
@media (min-width: 1280px) {
header .arrow-button:hover .arrow-hover {
width: -moz-max-content;
width: max-content;
min-width: -moz-max-content;
min-width: max-content;
}
}
.back-to-list-btn .unhover {
position: absolute;
right: 0px;
top: 50%;
width: 100%;
--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));
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.back-to-list-btn .hover {
position: absolute;
right: 0px;
top: 100%;
width: 100%;
--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));
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.back-to-list-btn:hover .hover {
top: 50%;
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.back-to-list-btn:hover .unhover {
top: 0px;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.swiper-pagination.swiper-pagination-custom-blue .swiper-pagination-bullet {
position: relative;
height: 0.75rem;
width: 0.75rem;
background-color: transparent;
opacity: 1;
}
.swiper-pagination.swiper-pagination-custom-blue .swiper-pagination-bullet::before {
position: absolute;
left: 0px;
top: 0px;
display: block;
height: 100%;
width: 100%;
content: var(--tw-content);
background-size: contain;
}
@media (min-width: 640px) {
.swiper-pagination.swiper-pagination-custom-blue .swiper-pagination-bullet {
height: 1.25rem;
width: 1.25rem;
}
}
.swiper-pagination.swiper-pagination-custom-blue .swiper-pagination-bullet::before {
background-image: url('data:image/svg+xml,');
}
.swiper-pagination.swiper-pagination-custom-blue
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
background-image: url('data:image/svg+xml,');
}
.swiper-button-prev-to-orange,
.swiper-button-next-to-orange,
.swiper-button-prev-orange,
.swiper-button-next-orange {
position: absolute;
margin-top: 0px;
aspect-ratio: 1 / 1;
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
border-radius: 0.375rem;
padding: 0.75rem;
}
.swiper-button-prev-to-orange::after,
.swiper-button-next-to-orange::after,
.swiper-button-prev-orange::after,
.swiper-button-next-orange::after {
content: var(--tw-content);
display: none;
}
@media (min-width: 768px) {
.swiper-button-prev-to-orange,
.swiper-button-next-to-orange,
.swiper-button-prev-orange,
.swiper-button-next-orange {
height: 60px;
width: 60px;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
.swiper-button-prev-to-orange > img,
.swiper-button-next-to-orange > img,
.swiper-button-prev-orange > img,
.swiper-button-next-orange > img {
width: 26px;
}
@media (min-width: 768px) {
.swiper-button-prev-to-orange > img,
.swiper-button-next-to-orange > img,
.swiper-button-prev-orange > img,
.swiper-button-next-orange > img {
width: auto;
}
}
.swiper-button-prev-orange::before,
.swiper-button-next-orange::before {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 0px;
width: 0px;
--tw-translate-x: -50%;
--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));
border-radius: 0.375rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.swiper-button-prev-orange:hover::before,
.swiper-button-next-orange:hover::before {
height: 2.5rem;
width: 2.5rem;
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.swiper-button-prev-orange:hover::before,
.swiper-button-next-orange:hover::before {
height: 60px;
content: var(--tw-content);
width: 60px;
}
}
.swiper-button-prev-green,
.swiper-button-next-green {
position: absolute;
margin-top: 0px;
aspect-ratio: 1 / 1;
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
border-radius: 0.375rem;
padding: 0.75rem;
}
.swiper-button-prev-green::after,
.swiper-button-next-green::after {
content: var(--tw-content);
display: none;
}
@media (min-width: 768px) {
.swiper-button-prev-green,
.swiper-button-next-green {
height: 60px;
width: 60px;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
.swiper-button-prev-to-orange::before,
.swiper-button-next-to-orange::before {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 0px;
width: 0px;
--tw-translate-x: -50%;
--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));
border-radius: 0.375rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.swiper-button-prev-to-orange:hover::before,
.swiper-button-next-to-orange:hover::before {
height: 2.5rem;
width: 2.5rem;
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.swiper-button-prev-to-orange:hover::before,
.swiper-button-next-to-orange:hover::before {
height: 60px;
content: var(--tw-content);
width: 60px;
}
}
.swiper-button-prev-green > img,
.swiper-button-next-green > img {
width: 26px;
}
@media (min-width: 768px) {
.swiper-button-prev-green > img,
.swiper-button-next-green > img {
width: auto;
}
}
.swiper-button-prev-green::before,
.swiper-button-next-green::before {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 0px;
width: 0px;
--tw-translate-x: -50%;
--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));
border-radius: 0.375rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.swiper-button-prev-green:hover::before,
.swiper-button-next-green:hover::before {
height: 2.5rem;
width: 2.5rem;
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.swiper-button-prev-green:hover::before,
.swiper-button-next-green:hover::before {
height: 60px;
content: var(--tw-content);
width: 60px;
}
}
.membership-testimonial-popup .swiper-button-next.swiper-button-disabled,
.membership-testimonial-popup .swiper-button-prev.swiper-button-disabled {
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
opacity: 1;
}
.membership-testimonial-popup .swiper-button-next.swiper-button-disabled img, .membership-testimonial-popup .swiper-button-prev.swiper-button-disabled img {
opacity: 0.5;
}
.swiper-yellow-btn .swiper-button-next,
.swiper-yellow-btn .swiper-button-prev {
position: relative;
left: unset;
top: unset;
bottom: unset;
right: unset;
margin-top: 0px;
aspect-ratio: 1 / 1;
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
border-radius: 0.375rem;
padding: 0.75rem;
}
.swiper-yellow-btn .swiper-button-next::after,
.swiper-yellow-btn .swiper-button-prev::after {
content: var(--tw-content);
display: none;
}
@media (min-width: 768px) {
.swiper-yellow-btn .swiper-button-next,
.swiper-yellow-btn .swiper-button-prev {
height: 60px;
width: 60px;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
.swiper-yellow-btn .swiper-button-next > img,
.swiper-yellow-btn .swiper-button-prev > img {
height: 26px;
width: 26px;
}
@media (min-width: 768px) {
.swiper-yellow-btn .swiper-button-next > img,
.swiper-yellow-btn .swiper-button-prev > img {
height: auto;
width: auto;
}
}
.swiper-yellow-btn .swiper-button-next::before,
.swiper-yellow-btn .swiper-button-prev::before {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 0px;
width: 0px;
--tw-translate-x: -50%;
--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));
border-radius: 0.375rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.swiper-yellow-btn .swiper-button-next:hover::before,
.swiper-yellow-btn .swiper-button-prev:hover::before {
height: 2.5rem;
width: 2.5rem;
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.swiper-yellow-btn .swiper-button-next:hover::before,
.swiper-yellow-btn .swiper-button-prev:hover::before {
height: 60px;
content: var(--tw-content);
width: 60px;
}
}
.swiper-yellow-btn .swiper-button-next,
.swiper-yellow-btn .swiper-button-prev {
/* &:hover img{
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(29%) hue-rotate(127deg) brightness(107%) contrast(108%);
} */
}
.swiper-yellow-btn .swiper-button-prev.swiper-button-disabled,
.swiper-yellow-btn .swiper-button-next.swiper-button-disabled {
--tw-bg-opacity: 1 !important;
background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
opacity: 1;
}
.swiper-yellow-btn .swiper-button-prev.swiper-button-disabled img, .swiper-yellow-btn .swiper-button-next.swiper-button-disabled img {
opacity: 0.35;
}
.custom-pagination 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-body);
--min-fs: var(--text-body-xs);
}
@media screen and (min-width: 360px) {
.custom-pagination button {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.custom-pagination button {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.custom-pagination button {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .custom-pagination button {
/* line-height: normal; */
}
html[lang="sc"] .custom-pagination button {
/* line-height: normal; */
}
.custom-pagination button {
display: flex;
aspect-ratio: 1 / 1;
height: 2rem;
width: 2rem;
align-items: center;
justify-content: center;
border-radius: 8px;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.custom-pagination button h1,.custom-pagination button h2,.custom-pagination button h3,.custom-pagination button h4,.custom-pagination button h5,.custom-pagination button h6{
line-height: 160%;
}
@media (min-width: 768px) {
.custom-pagination button {
height: 2.5rem;
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-body);
--min-fs: var(--text-body-xs);
}
@media screen and (min-width: 360px) {
.custom-pagination a {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.custom-pagination a {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.custom-pagination a {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .custom-pagination a {
/* line-height: normal; */
}
html[lang="sc"] .custom-pagination a {
/* line-height: normal; */
}
.custom-pagination a {
margin-left: 5px;
margin-right: 5px;
display: flex;
aspect-ratio: 1 / 1;
height: 2rem;
width: 2rem;
align-items: center;
justify-content: center;
border-radius: 8px;
border-top-right-radius: 0px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(174 174 174 / var(--tw-border-opacity));
background-color: transparent;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.custom-pagination a h1,.custom-pagination a h2,.custom-pagination a h3,.custom-pagination a h4,.custom-pagination a h5,.custom-pagination a h6{
line-height: 160%;
}
.custom-pagination a:hover {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(217 232 233 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.custom-pagination a {
height: 2.5rem;
width: 2.5rem;
}
}
.custom-pagination a.active {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(3 99 109 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.swiper-yellow-btn .swiper-button-next,
.swiper-yellow-btn .swiper-button-prev {
position: relative;
left: unset;
top: unset;
bottom: unset;
right: unset;
margin-top: 0px;
aspect-ratio: 1 / 1;
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
border-radius: 0.375rem;
padding: 0.75rem;
}
.swiper-yellow-btn .swiper-button-next::after,
.swiper-yellow-btn .swiper-button-prev::after {
content: var(--tw-content);
display: none;
}
@media (min-width: 768px) {
.swiper-yellow-btn .swiper-button-next,
.swiper-yellow-btn .swiper-button-prev {
height: 60px;
width: 60px;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
.swiper-yellow-btn .swiper-button-next > img,
.swiper-yellow-btn .swiper-button-prev > img {
height: 26px;
width: 26px;
}
@media (min-width: 768px) {
.swiper-yellow-btn .swiper-button-next > img,
.swiper-yellow-btn .swiper-button-prev > img {
height: auto;
width: auto;
}
}
.swiper-yellow-btn .swiper-button-next::before,
.swiper-yellow-btn .swiper-button-prev::before {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 0px;
width: 0px;
--tw-translate-x: -50%;
--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));
border-radius: 0.375rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.swiper-yellow-btn .swiper-button-next:hover::before,
.swiper-yellow-btn .swiper-button-prev:hover::before {
height: 2.5rem;
width: 2.5rem;
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.swiper-yellow-btn .swiper-button-next:hover::before,
.swiper-yellow-btn .swiper-button-prev:hover::before {
height: 60px;
content: var(--tw-content);
width: 60px;
}
}
.swiper-yellow-btn .swiper-button-next,
.swiper-yellow-btn .swiper-button-prev {
/* &:hover img{
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(29%) hue-rotate(127deg) brightness(107%) contrast(108%);
} */
}
.swiper-yellow-btn .swiper-button-prev.swiper-button-disabled,
.swiper-yellow-btn .swiper-button-next.swiper-button-disabled {
--tw-bg-opacity: 1 !important;
background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
opacity: 1;
}
.swiper-yellow-btn .swiper-button-prev.swiper-button-disabled img, .swiper-yellow-btn .swiper-button-next.swiper-button-disabled img {
opacity: 0.35;
}
.custom-pagination 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-body);
--min-fs: var(--text-body-xs);
}
@media screen and (min-width: 360px) {
.custom-pagination button {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.custom-pagination button {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.custom-pagination button {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .custom-pagination button {
/* line-height: normal; */
}
html[lang="sc"] .custom-pagination button {
/* line-height: normal; */
}
.custom-pagination button {
display: flex;
aspect-ratio: 1 / 1;
height: 2rem;
width: 2rem;
align-items: center;
justify-content: center;
border-radius: 8px;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.custom-pagination button h1,.custom-pagination button h2,.custom-pagination button h3,.custom-pagination button h4,.custom-pagination button h5,.custom-pagination button h6{
line-height: 160%;
}
@media (min-width: 768px) {
.custom-pagination button {
height: 2.5rem;
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-body);
--min-fs: var(--text-body-xs);
}
@media screen and (min-width: 360px) {
.custom-pagination a {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.custom-pagination a {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.custom-pagination a {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .custom-pagination a {
/* line-height: normal; */
}
html[lang="sc"] .custom-pagination a {
/* line-height: normal; */
}
.custom-pagination a {
margin-left: 5px;
margin-right: 5px;
display: flex;
aspect-ratio: 1 / 1;
height: 2rem;
width: 2rem;
align-items: center;
justify-content: center;
border-radius: 8px;
border-top-right-radius: 0px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(174 174 174 / var(--tw-border-opacity));
background-color: transparent;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.custom-pagination a h1,.custom-pagination a h2,.custom-pagination a h3,.custom-pagination a h4,.custom-pagination a h5,.custom-pagination a h6{
line-height: 160%;
}
.custom-pagination a:hover {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(217 232 233 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.custom-pagination a {
height: 2.5rem;
width: 2.5rem;
}
}
.custom-pagination a.active {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(3 99 109 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gform_fields {
gap: 1rem !important;
}
.common-gravity-form .gform_required_legend {
display: none;
}
.common-gravity-form .gfield_label.gform-field-label {
font-family: "Manrope", serif;
}
html[lang="en-US"] .common-gravity-form .gfield_label.gform-field-label {
font-family: "Manrope", serif;
}
.common-gravity-form .gfield_label.gform-field-label {
--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-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form .gfield_label.gform-field-label {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form .gfield_label.gform-field-label {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form .gfield_label.gform-field-label {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .common-gravity-form .gfield_label.gform-field-label {
font-family: "Chiron Hei HK", sans-serif;
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form .gfield_label.gform-field-label {
font-family: "Chiron Hei HK", sans-serif;
/* line-height: normal; */
}
.common-gravity-form .gfield_label.gform-field-label {
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(33 61 56 / var(--tw-text-opacity));
}
.common-gravity-form .gfield_label.gform-field-label h1,.common-gravity-form .gfield_label.gform-field-label h2,.common-gravity-form .gfield_label.gform-field-label h3,.common-gravity-form .gfield_label.gform-field-label h4,.common-gravity-form .gfield_label.gform-field-label h5,.common-gravity-form .gfield_label.gform-field-label h6{
line-height: 160%;
}
.common-gravity-form.subscribe-form
.gform-theme
.gform-body
.gform_fields
input[type="email"] {
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-radius: 0 !important;
}
.common-gravity-form.common-full-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-lgx);
--min-fs: var(--text-body-lg-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-md);
--min-fs: var(--text-body-lg-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-lg);
--min-fs: var(--text-body-lg-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lgx);
--min-fs: var(--text-body-lg-lg)
}
}
html[lang="tc"] .common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
/* line-height: normal; */
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(222 222 222 / var(--tw-border-opacity));
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea h1,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea h2,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea h3,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea h4,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea h5,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea h6{
line-height: 160%;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea::placeholder {
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
border-radius: 8px !important;
border: 1px solid #dedede !important;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input {
--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-lgx);
--min-fs: var(--text-body-lg-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-md);
--min-fs: var(--text-body-lg-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-lg);
--min-fs: var(--text-body-lg-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lgx);
--min-fs: var(--text-body-lg-lg)
}
}
html[lang="tc"] .common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input {
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input {
/* line-height: normal; */
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input {
height: auto;
min-height: unset !important;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(222 222 222 / var(--tw-border-opacity));
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input h1,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input h2,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input h3,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input h4,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input h5,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input h6{
line-height: 160%;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input::placeholder {
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input {
border-radius: 8px !important;
border: 1px solid #dedede !important;
}
.common-gravity-form.common-full-form .gform-theme--foundation .gform_fields {
row-gap: 1.25rem;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input,
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
outline: 2px solid transparent;
outline-offset: 2px;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input:focus,
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea:focus {
--tw-border-opacity: 1 !important;
border-color: rgb(3 99 109 / var(--tw-border-opacity)) !important;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk {
--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-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk {
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk {
/* line-height: normal; */
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk {
font-weight: 400;
line-height: 150%;
--tw-text-opacity: 1;
color: rgb(229 72 32 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk h1,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk h2,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk h3,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk h4,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk h5,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_required.gfield_required_asterisk h6{
line-height: 150%;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_show_password.gform-theme-button.gform-theme-button--simple:focus {
border-width: 0px;
outline: 2px solid transparent;
outline-offset: 2px;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
input {
border-width: 1px;
--tw-border-opacity: 1 !important;
border-color: rgb(229 72 32 / var(--tw-border-opacity)) !important;
--tw-bg-opacity: 1;
background-color: rgb(255 239 239 / var(--tw-bg-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
input::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(229 72 32 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
input::placeholder {
--tw-text-opacity: 1;
color: rgb(229 72 32 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.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-body);
--min-fs: var(--text-body-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message {
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message {
/* line-height: normal; */
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message {
position: relative;
display: flex;
align-items: center;
font-weight: 400;
line-height: 150%;
--tw-text-opacity: 1;
color: rgb(229 72 32 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message h1,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message h2,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message h3,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message h4,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message h5,.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message h6{
line-height: 150%;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.gform_fields
.gfield_error
.gfield_validation_message::before {
position: relative;
margin-right: 0.25rem;
margin-top: 0.25rem;
display: block;
content: var(--tw-content);
align-content: normal;
content: url('data:image/svg+xml,');
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
--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-lgx) !important;
--min-fs: var(--text-body-lg-xs) !important;
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg-md) !important;
--min-fs: var(--text-body-lg-xs) !important
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg-lg) !important;
--min-fs: var(--text-body-lg-md) !important
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lgx) !important;
--min-fs: var(--text-body-lg-lg) !important
}
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
height: auto !important;
max-height: unset !important;
min-height: unset !important;
width: 100% !important;
border-radius: 0.5rem !important;
border-top-right-radius: 0px !important;
border-width: 0px !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
padding-top: 19px !important;
padding-bottom: 19px !important;
font-weight: 700;
background-image: linear-gradient(to left, var(--wp--preset--color--brand-orange) 50%, var(--wp--preset--color--brand-green) 50%);
background-size: 200% 100%;
background-position: right;
--tw-text-opacity: 1;
color: rgb(44 38 38 / var(--tw-text-opacity));
outline: 2px solid transparent !important;
outline-offset: 2px !important;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"]:hover {
background-position: left;
}
.common-gravity-form.common-gravity-form.subscribe-form
.gform-theme--framework
.gfield--type-choice
.gchoice {
display: flex;
align-items: center;
}
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input,
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
textarea {
border-radius: 0.25rem !important;
}
.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
font-family: "Manrope", serif;
}
html[lang="en-US"] .common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
font-family: "Manrope", serif;
}
.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
--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-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
font-family: "Chiron Hei HK", sans-serif;
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
font-family: "Chiron Hei HK", sans-serif;
/* line-height: normal; */
}
.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label {
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label h1,.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label h2,.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label h3,.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label h4,.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label h5,.common-gravity-form.common-login-form.common-full-form
.gfield_label.gform-field-label h6{
line-height: 160%;
}
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"] {
--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) !important;
--min-fs: var(--text-body-xs) !important;
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"] {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-md) !important;
--min-fs: var(--text-body-xs) !important
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"] {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg) !important;
--min-fs: var(--text-body-md) !important
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"] {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body) !important;
--min-fs: var(--text-body-lg) !important
}
}
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"] {
aspect-ratio: 1 / 1;
width: 1.5rem;
border-radius: 0.25rem !important;
padding: 0px !important;
font-weight: 400;
line-height: normal;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"]_label {
--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) !important;
--min-fs: var(--text-body-xs) !important;
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"]_label {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-md) !important;
--min-fs: var(--text-body-xs) !important
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"]_label {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg) !important;
--min-fs: var(--text-body-md) !important
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"]_label {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body) !important;
--min-fs: var(--text-body-lg) !important
}
}
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.gform_fields
input[type="checkbox"]_label {
font-weight: 400;
line-height: normal;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.ginput_container_checkbox
.gchoice
label {
--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) !important;
--min-fs: var(--text-body-xs) !important;
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.ginput_container_checkbox
.gchoice
label {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-md) !important;
--min-fs: var(--text-body-xs) !important
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.ginput_container_checkbox
.gchoice
label {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg) !important;
--min-fs: var(--text-body-md) !important
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.ginput_container_checkbox
.gchoice
label {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body) !important;
--min-fs: var(--text-body-lg) !important
}
}
.common-gravity-form.common-login-form.common-full-form
.gform-theme
.gform-body
.ginput_container_checkbox
.gchoice
label {
font-weight: 400;
line-height: normal;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.common-gravity-form.common-login-form.common-full-form .gfield--type-html 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-caption) !important;
--min-fs: var(--text-caption-xs) !important;
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-login-form.common-full-form .gfield--type-html a {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-caption-md) !important;
--min-fs: var(--text-caption-xs) !important
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-login-form.common-full-form .gfield--type-html a {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-caption-lg) !important;
--min-fs: var(--text-caption-md) !important
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-login-form.common-full-form .gfield--type-html a {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-caption) !important;
--min-fs: var(--text-caption-lg) !important
}
}
html[lang="tc"] .common-gravity-form.common-login-form.common-full-form .gfield--type-html a {
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.common-login-form.common-full-form .gfield--type-html a {
/* line-height: normal; */
}
.common-gravity-form.common-login-form.common-full-form .gfield--type-html a {
display: block;
text-align: right;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.common-gravity-form.common-login-form.common-full-form .gfield--type-html a h1,.common-gravity-form.common-login-form.common-full-form .gfield--type-html a h2,.common-gravity-form.common-login-form.common-full-form .gfield--type-html a h3,.common-gravity-form.common-login-form.common-full-form .gfield--type-html a h4,.common-gravity-form.common-login-form.common-full-form .gfield--type-html a h5,.common-gravity-form.common-login-form.common-full-form .gfield--type-html a h6{
line-height: 160%;
}
.common-gravity-form.common-login-form.common-full-form
.gform-footer.gform_footer.top_label {
margin-top: 2.5rem;
}
.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_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-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-caption-md);
--min-fs: var(--text-caption-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-caption-lg);
--min-fs: var(--text-caption-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-caption);
--min-fs: var(--text-caption-lg)
}
}
html[lang="tc"] .common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message {
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message {
/* line-height: normal; */
}
.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message {
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message h1,.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message h2,.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message h3,.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message h4,.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message h5,.common-gravity-form.common-login-form.common-full-form
.gform_confirmation_message h6{
line-height: 160%;
}
.cm-privacy-cookie-terms h6 {
font-family: "Manrope", serif;
}
html[lang="en-US"] .cm-privacy-cookie-terms h6 {
font-family: "Manrope", serif;
}
html[lang="tc"] .cm-privacy-cookie-terms h6 {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .cm-privacy-cookie-terms h6 {
font-family: "Chiron Hei HK", sans-serif;
}
.cm-privacy-cookie-terms h6 {
margin-bottom: 0.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.cm-common-content h6 {
font-family: "Manrope", serif;
}
html[lang="en-US"] .cm-common-content h6 {
font-family: "Manrope", serif;
}
.cm-common-content 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-body-lgx);
--min-fs: var(--text-body-lg-xs);
}
@media screen and (min-width: 360px) {
.cm-common-content h6 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-md);
--min-fs: var(--text-body-lg-xs)
}
}
@media screen and (min-width: 430px) {
.cm-common-content h6 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-lg);
--min-fs: var(--text-body-lg-md)
}
}
@media screen and (min-width: 1280px) {
.cm-common-content h6 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lgx);
--min-fs: var(--text-body-lg-lg)
}
}
html[lang="tc"] .cm-common-content h6 {
font-family: "Chiron Hei HK", sans-serif;
/* line-height: normal; */
}
html[lang="sc"] .cm-common-content h6 {
font-family: "Chiron Hei HK", sans-serif;
/* line-height: normal; */
}
.cm-common-content h6 {
margin-bottom: 0.75rem;
font-weight: 700;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.cm-common-content h6 h1,.cm-common-content h6 h2,.cm-common-content h6 h3,.cm-common-content h6 h4,.cm-common-content h6 h5,.cm-common-content h6 h6{
line-height: 160%;
}
.cm-privacy-cookie-terms a,
.cm-common-content a {
font-weight: 700;
text-decoration-line: underline;
word-break: break-word;
}
.cm-privacy-cookie-terms ul,
.cm-common-content ul {
list-style-type: disc;
padding-left: 1.25rem;
}
.cm-privacy-cookie-terms ol,
.cm-common-content ol {
list-style-type: decimal;
padding-left: 1.25rem;
}
html[lang="tc"] .cm-privacy-cookie-terms li,
html[lang="tc"]
.cm-common-content li {
/* line-height: normal; */
}
html[lang="sc"] .cm-privacy-cookie-terms li,
html[lang="sc"]
.cm-common-content li {
/* line-height: normal; */
}
.cm-privacy-cookie-terms li,
.cm-common-content li {
line-height: 160%;
}
.cm-privacy-cookie-terms li h1,.cm-privacy-cookie-terms li h2,.cm-privacy-cookie-terms li h3,.cm-privacy-cookie-terms li h4,.cm-privacy-cookie-terms li h5,.cm-privacy-cookie-terms li h6,
.cm-common-content li h1,
.cm-common-content li h2,
.cm-common-content li h3,
.cm-common-content li h4,
.cm-common-content li h5,
.cm-common-content li h6{
line-height: 160%;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
--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-lgx) !important;
--min-fs: var(--text-body-lg-xs) !important;
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
--min-vw: 360 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 430 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg-md) !important;
--min-fs: var(--text-body-lg-xs) !important
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
--min-vw: 430 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1279 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lg-lg) !important;
--min-fs: var(--text-body-lg-md) !important
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
--min-vw: 1280 !important;
--min-vw-px: calc(var(--min-vw) * 1px) !important;
--max-vw: 1920 !important;
--max-vw-px: calc(var(--max-vw) * 1px) !important;
--max-fs: var(--text-body-lgx) !important;
--min-fs: var(--text-body-lg-lg) !important
}
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
height: auto !important;
max-height: unset !important;
min-height: unset !important;
width: 100% !important;
border-radius: 0.5rem !important;
border-top-right-radius: 0px !important;
border-width: 0px !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
padding-top: 19px !important;
padding-bottom: 19px !important;
font-weight: 700;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"]:disabled {
--tw-text-opacity: 1 !important;
color: rgb(134 134 134 / var(--tw-text-opacity)) !important;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
background-size: 200% 100%;
background-position: right;
--tw-text-opacity: 1;
color: rgb(44 38 38 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"]:disabled {
background-image: linear-gradient(to left, var(--wp--preset--color--black-medium) 50%, var(--wp--preset--color--brand-green) 50%);
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
opacity: 1;
outline: 2px solid transparent !important;
outline-offset: 2px !important;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"]:hover {
background-position: left;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"]:disabled {
pointer-events: none;
}
.common-gravity-form.common-full-form
.gform-theme
.gform-body
~ .gform-footer.gform_footer.top_label
input[type="submit"] {
background-color: unset !important;
}
.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme
.gform-body
.ginput_container_password.gform-grid-row {
display: block;
}
.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub {
font-family: "Manrope", serif;
}
html[lang="en-US"] .cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub {
font-family: "Manrope", serif;
}
.cm-forget-password
.common-gravity-form.common-full-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-xs);
}
@media screen and (min-width: 360px) {
.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub {
font-family: "Chiron Hei HK", sans-serif;
/* line-height: normal; */
}
html[lang="sc"] .cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub {
font-family: "Chiron Hei HK", sans-serif;
/* line-height: normal; */
}
.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub {
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub h1,.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub h2,.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub h3,.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub h4,.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub h5,.cm-forget-password
.common-gravity-form.common-full-form
.gform-theme--framework
.field_sublabel_above
.gform-field-label--type-sub h6{
line-height: 160%;
}
.cm-forget-password
.common-gravity-form.common-full-form
.ginput_container_password
.ginput_password.ginput_left {
margin-bottom: 1.25rem;
display: block;
}
.arrow-button-white:hover .arrow {
--tw-translate-x: 150%;
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));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.arrow-button-white .arrow-hover {
width: 0px;
min-width: 0px;
--tw-translate-x: -100%;
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));
overflow: hidden;
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.arrow-button-white:hover .arrow-hover {
width: -moz-max-content;
width: max-content;
min-width: -moz-max-content;
min-width: max-content;
--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));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.card-overlay {
background: linear-gradient(
180deg,
rgba(51, 51, 51, 0) 0%,
rgba(51, 51, 51, 0.6) 89.42%
);
}
.custom-scroll-box {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; /* Firefox */
}
.custom-scroll-box::-webkit-scrollbar {
display: none; /* Chrome, Safari */
}
.past-editions .pagination-page.active:hover {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(3 99 109 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.custom-highlight {
line-height: 160%; /* reduce size to remove gap between text */
margin: 0px;
}
.custom-highlight span {
line-height: normal;
background-color: rgba(255, 255, 255, 0.72);
padding: 4px 8px;
/* -webkit-box-shadow: 8px 0px 0px rgba(255, 255, 255, 0.72), -8px 0px 0px rgba(255, 255, 255, 0.72); */
/* box-shadow: 8px 0px 0px rgba(255, 255, 255, 0.72), -8px 0px 0px rgba(255, 255, 255, 0.72); */
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.error404 footer {
display: none;
}
.custom-header-link {
position: relative;
display: inline-block;
overflow: hidden;
}
/* original text */
.custom-header-link::before {
content: attr(data-text);
position: absolute;
left: 0px;
top: 50%;
width: 100%;
--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));
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
/* hover text */
.custom-header-link::after {
content: attr(data-text);
position: absolute;
left: 0px;
top: 100%;
width: 100%;
--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));
--tw-text-opacity: 1 !important;
color: rgb(53 53 53 / var(--tw-text-opacity)) !important;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
/* hide real text */
.custom-header-link {
color: transparent !important;
}
/* hover animation */
.custom-header-link:hover::before {
top: 0px;
opacity: 0;
}
.custom-header-link:hover::after {
top: 50%;
--tw-text-opacity: 1 !important;
color: rgb(230 124 0 / var(--tw-text-opacity)) !important;
opacity: 1;
}
.cm-training-modules-list-card:nth-child(odd) {
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.cm-training-modules-list-card:nth-child(odd) .training-card-item {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.cm-training-modules-list-card:nth-child(even) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.cm-training-modules-list-card:nth-child(even) .training-card-item {
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.cm-hero-slider .swiper-pagination-bullet {
position: relative;
height: 0.75rem;
width: 0.75rem;
background-color: transparent;
opacity: 1;
}
.cm-hero-slider .swiper-pagination-bullet::before {
position: absolute;
left: 0px;
top: 0px;
display: block;
height: 100%;
width: 100%;
content: var(--tw-content);
background-size: contain;
}
@media (min-width: 640px) {
.cm-hero-slider .swiper-pagination-bullet {
height: 1.25rem;
width: 1.25rem;
}
}
.cm-hero-slider .swiper-pagination-bullet::before {
background-image: url('data:image/svg+xml,');
}
.cm-hero-slider .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
background-image: url('data:image/svg+xml,');
}
.cm-hero-slider .swiper-slide .animated-button {
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.cm-hero-slider .swiper-slide .animated-line {
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 100;
}
.cm-hero-slider .swiper-slide .animated-text {
--tw-translate-y: 2.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.cm-hero-slider .swiper-slide.swiper-slide-active .animated-button.active {
opacity: 1;
}
.cm-hero-slider .swiper-slide.swiper-slide-active .animated-line.active {
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 100;
}
.cm-hero-slider .swiper-slide.swiper-slide-active .animated-text.active {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1;
}
.cm-member-slider .swiper-wrapper{
transition-timing-function:linear!important;
position: relative;
}
.cm-training-event-card .swiper-pagination {
--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-xs);
}
@media screen and (min-width: 360px) {
.cm-training-event-card .swiper-pagination {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.cm-training-event-card .swiper-pagination {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.cm-training-event-card .swiper-pagination {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .cm-training-event-card .swiper-pagination {
/* line-height: normal; */
}
html[lang="sc"] .cm-training-event-card .swiper-pagination {
/* line-height: normal; */
}
.cm-training-event-card .swiper-pagination {
position: relative;
left: unset;
top: unset;
bottom: unset;
right: unset;
width: auto;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-weight: 700;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.cm-training-event-card .swiper-pagination h1,.cm-training-event-card .swiper-pagination h2,.cm-training-event-card .swiper-pagination h3,.cm-training-event-card .swiper-pagination h4,.cm-training-event-card .swiper-pagination h5,.cm-training-event-card .swiper-pagination h6{
line-height: 160%;
}
@media (min-width: 768px) {
.cm-training-event-card .swiper-pagination {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
.cm-training-event-card .swiper-button-next,
.cm-training-event-card .swiper-button-prev {
position: relative;
left: unset;
top: unset;
bottom: unset;
right: unset;
margin-top: 0px;
height: 2.5rem;
width: 2.5rem;
--tw-scale-x: .75;
--tw-scale-y: .75;
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));
border-radius: 0.375rem;
padding: 0.75rem;
}
.cm-training-event-card .swiper-button-next::after,
.cm-training-event-card .swiper-button-prev::after {
content: var(--tw-content);
display: none;
}
@media (min-width: 768px) {
.cm-training-event-card .swiper-button-next,
.cm-training-event-card .swiper-button-prev {
height: 60px;
width: 60px;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
.cm-training-event-card .swiper-button-next > img,
.cm-training-event-card .swiper-button-prev > img {
height: 26px;
width: 26px;
}
@media (min-width: 768px) {
.cm-training-event-card .swiper-button-next > img,
.cm-training-event-card .swiper-button-prev > img {
height: auto;
width: auto;
}
}
.swiper-pagination-current,
.cm-training-event-card .swiper-pagination-current {
--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-xs);
}
@media screen and (min-width: 360px) {
.swiper-pagination-current,
.cm-training-event-card .swiper-pagination-current {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4-md);
--min-fs: var(--text-h4-xs)
}
}
@media screen and (min-width: 430px) {
.swiper-pagination-current,
.cm-training-event-card .swiper-pagination-current {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4-lg);
--min-fs: var(--text-h4-md)
}
}
@media screen and (min-width: 1280px) {
.swiper-pagination-current,
.cm-training-event-card .swiper-pagination-current {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4);
--min-fs: var(--text-h4-lg)
}
}
.swiper-pagination-current,
.cm-training-event-card .swiper-pagination-current {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .swiper-pagination-current,html[lang="en-US"]
.cm-training-event-card .swiper-pagination-current {
font-family: "Ubuntu", serif;
}
html[lang="tc"] .swiper-pagination-current,html[lang="tc"]
.cm-training-event-card .swiper-pagination-current {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .swiper-pagination-current,html[lang="sc"]
.cm-training-event-card .swiper-pagination-current {
font-family: "Chiron Hei HK", sans-serif;
}
.swiper-pagination-current,
.cm-training-event-card .swiper-pagination-current {
margin-right: 0.5rem;
}
.swiper-pagination-total,
.cm-training-event-card .swiper-pagination-total {
--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-xs);
}
@media screen and (min-width: 360px) {
.swiper-pagination-total,
.cm-training-event-card .swiper-pagination-total {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4-md);
--min-fs: var(--text-h4-xs)
}
}
@media screen and (min-width: 430px) {
.swiper-pagination-total,
.cm-training-event-card .swiper-pagination-total {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4-lg);
--min-fs: var(--text-h4-md)
}
}
@media screen and (min-width: 1280px) {
.swiper-pagination-total,
.cm-training-event-card .swiper-pagination-total {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4);
--min-fs: var(--text-h4-lg)
}
}
.swiper-pagination-total,
.cm-training-event-card .swiper-pagination-total {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .swiper-pagination-total,html[lang="en-US"]
.cm-training-event-card .swiper-pagination-total {
font-family: "Ubuntu", serif;
}
html[lang="tc"] .swiper-pagination-total,html[lang="tc"]
.cm-training-event-card .swiper-pagination-total {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .swiper-pagination-total,html[lang="sc"]
.cm-training-event-card .swiper-pagination-total {
font-family: "Chiron Hei HK", sans-serif;
}
.swiper-pagination-total,
.cm-training-event-card .swiper-pagination-total {
margin-left: 0.5rem;
}
.cm-training-event-card .swiper-button-next::before,
.cm-training-event-card .swiper-button-prev::before {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 0px;
width: 0px;
--tw-translate-x: -50%;
--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));
border-radius: 0.375rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.cm-training-event-card .swiper-button-next:hover::before,
.cm-training-event-card .swiper-button-prev:hover::before {
height: 2.5rem;
width: 2.5rem;
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(230 124 0 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.cm-training-event-card .swiper-button-next:hover::before,
.cm-training-event-card .swiper-button-prev:hover::before {
height: 60px;
content: var(--tw-content);
width: 60px;
}
}
.cm-training-event-card .swiper-button-next:hover img, .cm-training-event-card .swiper-button-prev:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(29%)
hue-rotate(127deg) brightness(107%) contrast(108%);
}
.cm-training-event-card .swiper-slide {
height: auto;
}
.event-tab-content {
pointer-events: none;
max-height: 0px;
opacity: 0;
}
.event-tab-content.active {
pointer-events: auto;
max-height: -moz-max-content;
max-height: max-content;
opacity: 1;
}
.event-filter-bar input {
opacity: 0;
}
.event-filter-bar input ~ label {
display: flex;
}
.event-filter-bar input ~ label::before {
position: absolute;
left: 0px;
top: 50%;
display: block;
height: 1.25rem;
width: 1.25rem;
min-width: 1.25rem;
--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));
align-content: normal;
content: var(--tw-content);
border-radius: 9999px;
}
.event-filter-bar input:checked ~ label::before {
display: block;
content: url('data:image/svg+xml,');
}
.event-filter-bar input ~ label::before {
display: block;
content: url('data:image/svg+xml,');
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('data:image/svg+xml,');
background-size: 16px;
background-position: right 16px center;
background-repeat: no-repeat;
}
.cm-training-event-card .swiper-pagination-current,
.cm-training-event-card .swiper-pagination-total {
--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-xs);
}
@media screen and (min-width: 360px) {
.cm-training-event-card .swiper-pagination-current,
.cm-training-event-card .swiper-pagination-total {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.cm-training-event-card .swiper-pagination-current,
.cm-training-event-card .swiper-pagination-total {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.cm-training-event-card .swiper-pagination-current,
.cm-training-event-card .swiper-pagination-total {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
.cm-training-event-card .swiper-pagination-current,
.cm-training-event-card .swiper-pagination-total {
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.cm-training-event-card .swiper-button-lock,
.cm-training-event-card .swiper-pagination-lock {
display: block;
}
.cm-training-event-card .swiper-button-lock {
pointer-events: none;
opacity: 0.5;
}
.board-content {
max-height: 0px;
overflow: hidden;
opacity: 0;
}
.board-content.active {
max-height: 100%;
opacity: 1;
}
.cm-what-we-do-slider .swiper-button-next,
.cm-what-we-do-slider .swiper-button-prev {
position: relative;
left: unset;
top: unset;
bottom: unset;
right: unset;
margin-top: 0px;
aspect-ratio: 1 / 1;
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
border-radius: 0.375rem;
padding: 0.75rem;
}
.cm-what-we-do-slider .swiper-button-next::after,
.cm-what-we-do-slider .swiper-button-prev::after {
content: var(--tw-content);
display: none;
}
@media (min-width: 768px) {
.cm-what-we-do-slider .swiper-button-next,
.cm-what-we-do-slider .swiper-button-prev {
height: 60px;
width: 60px;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
.cm-what-we-do-slider .swiper-button-next > img,.cm-what-we-do-slider .swiper-button-prev > img {
height: 26px;
width: 26px;
}
@media (min-width: 768px) {
.cm-what-we-do-slider .swiper-button-next > img,.cm-what-we-do-slider .swiper-button-prev > img {
height: auto;
width: auto;
}
}
.cm-what-we-do-slider .swiper-button-next::before,
.cm-what-we-do-slider .swiper-button-prev::before {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 0px;
width: 0px;
--tw-translate-x: -50%;
--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));
border-radius: 0.375rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.cm-what-we-do-slider .swiper-button-next:hover::before,
.cm-what-we-do-slider .swiper-button-prev:hover::before {
height: 2.5rem;
width: 2.5rem;
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.cm-what-we-do-slider .swiper-button-next:hover::before,
.cm-what-we-do-slider .swiper-button-prev:hover::before {
height: 60px;
content: var(--tw-content);
width: 60px;
}
}
.cm-what-we-do-slider .swiper-button-next,
.cm-what-we-do-slider .swiper-button-prev{
/* &:hover img{
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(29%) hue-rotate(127deg) brightness(107%) contrast(108%);
} */
}
.cm-what-we-do-slider .swiper-slide {
height: auto;
}
.cm-what-we-do-slider .swiper-button-disabled {
background-color: transparent;
}
.common-gravity-form.subscribe-form {
position: relative;
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large {
--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-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large {
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large {
/* line-height: normal; */
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large {
border-radius: 0px;
border-width: 0px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large h1,.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large h2,.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large h3,.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large h4,.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large h5,.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large h6{
line-height: 160%;
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large::-moz-placeholder {
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-text-opacity: 0.6;
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large::placeholder {
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-text-opacity: 0.6;
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .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-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline {
/* line-height: normal; */
}
html[lang="sc"] .common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline {
/* line-height: normal; */
}
.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline {
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline h1,.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline h2,.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline h3,.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline h4,.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline h5,.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline h6{
line-height: 160%;
}
.common-gravity-form.subscribe-form .gform-theme--framework .gchoice .gform-field-label--type-inline a {
text-decoration-line: underline;
}
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox] {
position: relative;
aspect-ratio: 1 / 1;
height: 1.5rem;
width: 1.5rem;
border-radius: 0.25rem;
--tw-border-opacity: 1;
border-color: rgb(125 140 149 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked {
--tw-border-opacity: 1;
border-color: rgb(32 106 93 / var(--tw-border-opacity));
background-color: transparent;
}
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
--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-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-md);
--min-fs: var(--text-h6-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-lg);
--min-fs: var(--text-h6-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6);
--min-fs: var(--text-h6-lg)
}
}
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Ubuntu", serif;
}
html[lang="tc"] .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Chiron Hei HK", sans-serif;
}
.common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
position: absolute;
left: 0px;
top: 0px;
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(32 106 93 / var(--tw-bg-opacity));
color: #fff;
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gform_fields {
gap: 1.75rem;
}
.common-gravity-form.subscribe-form .gform-footer.gform_footer.top_label input[type="submit"] {
position: absolute;
top: 3rem;
background-color: transparent !important;
background-position: right;
background-repeat: no-repeat;
padding-left: 0px !important;
padding-right: 40px !important;
opacity: 1 !important;
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.common-gravity-form.subscribe-form .gform-footer.gform_footer.top_label input[type="submit"]:hover {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
@media (min-width: 480px) {
.common-gravity-form.subscribe-form .gform-footer.gform_footer.top_label input[type="submit"] {
right: 1.25rem;
top: 0px;
}
}
.common-gravity-form.subscribe-form .gform-footer.gform_footer.top_label input[type="submit"]{
background-image: url('data:image/svg+xml,');
background-position: 90% 50%;
}
.common-gravity-form.subscribe-form .gform-footer.gform_footer.top_label input[type="submit"]:hover{
background-position: 100% 50%;
background-image: url('data:image/svg+xml,')
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gform_fields {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.common-gravity-form.subscribe-form .ginput_container.ginput_container_email {
margin-bottom: 3rem;
}
@media (min-width: 480px) {
.common-gravity-form.subscribe-form .ginput_container.ginput_container_email {
margin-bottom: 0px;
}
}
.common-gravity-form.subscribe-form .gform-theme--foundation .gform_footer {
margin-top: 0px !important;
}
.blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
--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-xs);
}
@media screen and (min-width: 360px) {
.blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-md);
--min-fs: var(--text-h6-xs)
}
}
@media screen and (min-width: 430px) {
.blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-lg);
--min-fs: var(--text-h6-md)
}
}
@media screen and (min-width: 1280px) {
.blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6);
--min-fs: var(--text-h6-lg)
}
}
.blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Ubuntu", serif;
}
html[lang="tc"] .blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Chiron Hei HK", sans-serif;
}
.blue-footer .common-gravity-form.subscribe-form .gform-theme--framework input[type=checkbox]:checked::before {
position: absolute;
left: 0px;
top: 0px;
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(32 106 93 / var(--tw-text-opacity));
}
.common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox] {
position: relative;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(32 106 93 / var(--tw-border-opacity));
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked {
--tw-bg-opacity: 1;
background-color: rgb(32 106 93 / var(--tw-bg-opacity));
}
.common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
--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-xs);
}
@media screen and (min-width: 360px) {
.common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-md);
--min-fs: var(--text-h6-xs)
}
}
@media screen and (min-width: 430px) {
.common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-lg);
--min-fs: var(--text-h6-md)
}
}
@media screen and (min-width: 1280px) {
.common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6);
--min-fs: var(--text-h6-lg)
}
}
.common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Ubuntu", serif;
}
html[lang="tc"] .common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
font-family: "Chiron Hei HK", sans-serif;
}
.common-gravity-form.common-full-form.common-login-form .gform-theme--framework input[type=checkbox]:checked::before {
position: absolute;
left: 0px;
top: 0px;
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(32 106 93 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* Two Column CTA Bulletin - Button Animation */
.cta-bulletin-button {
position: relative;
z-index: 1;
display: inline-flex;
cursor: pointer;
align-items: center;
justify-content: space-between;
gap: 1rem;
overflow: hidden;
border-bottom-left-radius: 0.5rem;
border-top-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-style: none;
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
padding-top: 0px;
padding-bottom: 0px;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(44 38 38 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 250ms;
transition-timing-function: linear;
}
/* Background slide animation - left to right */
.cta-bulletin-button::after {
position: absolute;
inset: 0px;
z-index: -1;
--tw-translate-x: -100%;
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));
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 250ms;
transition-timing-function: linear;
--tw-content: '';
content: var(--tw-content);
}
.cta-bulletin-button:hover::after {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
/* Text wrapper */
.cta-bulletin-button .btn-text {
position: relative;
z-index: 1;
padding-top: 1rem;
padding-bottom: 1rem;
}
/* Arrow container - white background circle */
.cta-bulletin-button .arrow-container {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 250ms;
transition-timing-function: linear;
}
/* Arrow container background animation */
.cta-bulletin-button .arrow-container::after {
position: absolute;
inset: 0px;
z-index: -1;
--tw-translate-x: -100%;
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));
border-radius: 1rem;
transition-property: transform;
transition-duration: 250ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--tw-content: '';
content: var(--tw-content);
}
.cta-bulletin-button:hover .arrow-container::after {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
/* Arrow animation - slides right on hover */
.cta-bulletin-button:hover .arrow-container {
--tw-translate-x: 5px;
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));
}
.cta-bulletin-button:active .arrow-container {
--tw-translate-x: 8px;
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));
}
.cta-bulletin-button .arrow-container svg {
position: relative;
z-index: 1;
vertical-align: middle;
}
.membership-testimonial-popup {
pointer-events: none;
z-index: -1;
opacity: 0;
}
.membership-testimonial-popup.active {
pointer-events: auto;
z-index: 12;
opacity: 1;
}
.default-footer {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.default-footer .common-gravity-form.subscribe-form
.gform-theme--framework
.gchoice
.gform-field-label--type-inline {
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.default-footer .common-gravity-form.subscribe-form
.gform-theme--foundation
.gfield
input.large {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
}
.default-footer .common-gravity-form.subscribe-form
.gform-theme--foundation
.gfield
input.large::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
opacity: 0.6;
}
.default-footer .common-gravity-form.subscribe-form
.gform-theme--foundation
.gfield
input.large::placeholder {
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
opacity: 0.6;
}
.default-footer .common-gravity-form.subscribe-form
.gform-footer.gform_footer.top_label
input[type="submit"] {
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
background-image: url('data:image/svg+xml,');
background-position: 90% 50%;
}
.default-footer .quick-links-text,
.default-footer .footer-subscribe-title {
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.blue-footer {
--tw-bg-opacity: 1;
background-color: rgb(0 126 151 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.blue-footer .copy-right-text a {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 0.5;
}
.blue-footer .copy-right-text a::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blue-footer .footer-link a::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blue-footer .common-gravity-form.subscribe-form a {
text-decoration-line: underline;
}
.footer-menu .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-xs);
}
@media screen and (min-width: 360px) {
.footer-menu .menu a {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.footer-menu .menu a {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.footer-menu .menu a {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .footer-menu .menu a {
/* line-height: normal; */
}
html[lang="sc"] .footer-menu .menu a {
/* line-height: normal; */
}
.footer-menu .menu a {
font-weight: 700;
line-height: 160%;
}
.footer-menu .menu a h1,.footer-menu .menu a h2,.footer-menu .menu a h3,.footer-menu .menu a h4,.footer-menu .menu a h5,.footer-menu .menu a h6{
line-height: 160%;
}
@media (min-width: 640px) {
.footer-menu .menu a {
font-weight: 400;
}
}
.cm-subscribe-section input:-webkit-autofill,
.cm-subscribe-section input:-webkit-autofill:hover,
.cm-subscribe-section input:-webkit-autofill:focus,
.cm-subscribe-section input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #007e97 inset !important;
-webkit-text-fill-color: #fff !important;
}
.wp-chatbot-ball.wp-chatbot-animation-active{
box-shadow: 0 4px 20px 0 rgba(32, 52, 36, 0.10);
}
.wp-chatbot-ball.wp-chatbot-animation-active img::after {
position: absolute;
left: 0px;
top: 0px;
display: block;
height: 100%;
content: var(--tw-content);
width: 100%;
}
.wp-chatbot-container .wp-chatbot-content{
height: calc(100vh - 550px) !important;
}
#wp-chatbot-ball .wp-chatbot-ball.wp-chatbot-animation-active img{
margin: auto;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
max-width: 32px;
display: flex !important;
width: auto !important;
align-items: center !important;
justify-content: center !important;
}
.wpbot_chatopen_iconanimation .wp-chatbot-ball.wp-chatbot-animation-active img{
filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);
}
.wp-chatbot-animation-active .wp-chatbot-ball-animation-switch {
display: none !important;
}
#wp-chatbot-ball .wp-chatbot-ball {
--tw-bg-opacity: 1 !important;
background-color: rgb(230 124 0 / var(--tw-bg-opacity)) !important;
}
#wp-chatbot-ball .wp-chatbot-ball:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(184 224 104 / var(--tw-bg-opacity)) !important;
}
#wp-chatbot-ball .wp-chatbot-ball:hover img{
filter: brightness(0) saturate(100%) invert(11%) sepia(8%) saturate(844%) hue-rotate(314deg) brightness(97%) contrast(87%);
}
@media screen and (max-width:1023px) {
.wp-chatbot-ball.wp-chatbot-animation-active {
right: -30px !important;
}
}
.error404 footer {
display: none;
}
.back-to-top-container {
pointer-events: none;
max-height: 0px;
overflow: hidden;
opacity: 0;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.scrolled .back-to-top-container {
pointer-events: auto;
max-height: -moz-max-content;
max-height: max-content;
opacity: 1;
}
.back-to-top:hover img{
filter: brightness(0) saturate(100%) invert(6%) sepia(9%) saturate(1443%) hue-rotate(324deg) brightness(95%) contrast(78%);
}
.default-footer .common-gravity-form.subscribe-form .gform-footer.gform_footer.top_label input[type="submit"]:hover,
.blue-footer .footer-menu .menu a:hover,
.default-footer .footer-menu .menu a:hover {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.default-footer .common-gravity-form.subscribe-form .gform-footer.gform_footer.top_label input[type="submit"] {
font-weight: 700;
opacity: 1 !important;
}
.default-footer .common-gravity-form.subscribe-form .gform-footer.gform_footer.top_label input[type="submit"]:hover{
background-position: 100% 50%;
background-image: url('data:image/svg+xml,')
}
.default-footer .common-gravity-form.subscribe-form .gform-theme--foundation .gfield input.large {
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.cm-subscribe-section .common-gravity-form.subscribe-form .gform_confirmation_message {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.chat-closed {
margin-right: 6px;
}
@media (min-width: 1024px) {
.chat-closed {
right: 37px;
}
}
body div.widget-visible iframe[title="chat widget"] {
display: none !important;
}
.app-dialog {
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: 0px;
max-width: 100%;
}
header .primary-menu li {
--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-navigation);
--min-fs: var(--text-navigation-xs);
}
@media screen and (min-width: 360px) {
header .primary-menu li {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation-md);
--min-fs: var(--text-navigation-xs)
}
}
@media screen and (min-width: 430px) {
header .primary-menu li {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation-lg);
--min-fs: var(--text-navigation-md)
}
}
@media screen and (min-width: 1280px) {
header .primary-menu li {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation);
--min-fs: var(--text-navigation-lg)
}
}
header .primary-menu li {
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
header .primary-menu li {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
@media (min-width: 1280px) {
header .primary-menu li {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
@media (min-width: 1366px) {
header .primary-menu li {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
header .menu-item-has-children .sub-menu li {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 1024px) {
header .menu-item-has-children .sub-menu li {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
header .primary-menu li a {
position: relative;
}
header .menu-item-has-children {
position: relative;
}
header .menu-item-has-children a {
display: flex;
align-items: center;
}
header .menu-item-has-children>a::after {
position: relative;
top: -2px;
margin-left: 0.5rem;
content: url('data:image/svg+xml,');
}
header .menu-item-has-children>a img {
aspect-ratio: 1 / 1;
max-width: 1rem;
}
header .menu-item-has-children .sub-menu {
pointer-events: none;
position: absolute;
top: 100%;
left: 0px;
z-index: -1;
min-width: 240px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.75rem;
opacity: 0;
--tw-shadow: 0 4px 20px 0 rgba(0,0,0,0.10);
--tw-shadow-colored: 0 4px 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);
}
@media (min-width: 1024px) {
header .menu-item-has-children .sub-menu {
border-radius: 0.5rem;
}
}
header .primary-menu li.menu-item-has-children:hover>a::after{
top:-2px;
content: url('data:image/svg+xml,');
}
header .primary-menu li:hover>a {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
header .primary-menu li:hover .sub-menu {
pointer-events: auto;
z-index: 1;
opacity: 1;
}
header .menu-item-has-children .sub-menu li {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
@media (min-width: 1024px) {
header .menu-item-has-children .sub-menu li:hover {
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
}
}
header .menu-item-has-children .sub-menu li:hover a {
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
header .mobile-menu {
right: 0px;
--tw-translate-x: 100%;
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));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
header .mobile-menu.active {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
header .mobile-menu .menu-item-has-children .sub-menu {
pointer-events: none;
position: relative;
z-index: -1;
max-height: 0px;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
opacity: 0;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
header .mobile-menu .menu-item-has-children .sub-menu li {
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(222 222 222 / var(--tw-border-opacity));
}
header .mobile-menu .menu-item-has-children.active .sub-menu {
pointer-events: auto;
z-index: 1;
max-height: -moz-max-content;
max-height: max-content;
opacity: 1;
}
header .mobile-menu .menu-item-has-children.active .sub-menu a {
font-weight: 400;
}
header .mobile-menu .menu-item-has-children.active .sub-menu li {
padding-left: 1rem;
padding-right: 1rem;
}
header .mobile-menu .primary-menu li>a {
font-weight: 700;
}
header .mobile-menu .primary-menu li {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
header .mobile-menu .primary-menu li a {
display: block;
padding-top: 10px;
padding-bottom: 10px;
}
header .mobile-menu .menu-item-has-children.active>a {
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(230 124 0 / var(--tw-border-opacity));
}
header .mobile-menu .primary-menu li.menu-item-has-children:hover>a {
position: relative;
}
header .mobile-menu .primary-menu li.menu-item-has-children>a::after {
position: absolute;
right: 0px;
top: 40%;
--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));
}
header .menu-item-has-children .sub-menu li a img {
aspect-ratio: 1 / 1;
min-width: 1rem;
}
header .mobile-menu .primary-menu li a {
position: relative;
}
header .language-div 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-navigation);
--min-fs: var(--text-navigation-xs);
}
@media screen and (min-width: 360px) {
header .language-div a {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation-md);
--min-fs: var(--text-navigation-xs)
}
}
@media screen and (min-width: 430px) {
header .language-div a {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation-lg);
--min-fs: var(--text-navigation-md)
}
}
@media screen and (min-width: 1280px) {
header .language-div a {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-navigation);
--min-fs: var(--text-navigation-lg)
}
}
header .language-div a {
padding: 6px;
font-weight: 400;
line-height: normal;
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
header .language-div .wpml-ls-current-language a {
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
header .wpml-ls-legacy-list-horizontal {
padding-left: 0px;
padding-right: 0px;
}
header .current_page_item a {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.logout-dropdown button:hover img{
filter: brightness(0) saturate(100%) invert(13%) sepia(0%) saturate(300%) hue-rotate(165deg) brightness(98%) contrast(79%);
}
.wpml-ls-legacy-list-horizontal a span {
display: block;
line-height: normal;
}
header .wpml-ls-display,
header .wpml-ls-bracket {
display: none !important;
}
.event-detail-info label {
display: flex;
justify-content: space-between;
}
.event-detail-info label::after {
right: 0px;
margin-left: 0.5rem;
margin-right: 0.5rem;
content: var(--tw-content);
display: block;
content: ':';
}
.event-detail-gallery-popup {
pointer-events: none;
z-index: -1;
opacity: 0;
}
.event-detail-gallery-popup.active {
pointer-events: auto;
z-index: 12;
opacity: 1;
}
.member-hub-card:hover img{
filter: brightness(0) saturate(100%) invert(12%) sepia(10%) saturate(464%) hue-rotate(332deg) brightness(102%) contrast(92%);
}
.accordion-header {
position: relative;
}
.accordion-header::after {
position: relative;
right: 0px;
content: var(--tw-content);
display: block;
}
.accordion-item .accordion-header::after{
content: url('data:image/svg+xml,');
}
.accordion-item.active .accordion-header::after{
content: url('data:image/svg+xml,');
}
.accordion-item .accordion-content {
max-height: 0px;
transform-origin: top;
padding-bottom: 0px;
opacity: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.accordion-item.active .accordion-content .text-content {
padding-bottom: 0px;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.accordion-item.active .accordion-content {
max-height: -moz-max-content;
max-height: max-content;
transform-origin: top;
padding-bottom: 1.25rem;
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.multi-select {
display: flex;
box-sizing: border-box;
flex-direction: column;
position: relative;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.multi-select .multi-select-header {
border: 1px solid var(--input-border);
border-radius: var(--border-radius);
padding: var(--spacing-medium) var(--spacing-large);
padding-right: var(--icon-space);
overflow: hidden;
gap: var(--spacing-medium);
min-height: var(--input-min-height);
}
.multi-select .multi-select-header::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23949ba3' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
height: var(--icon-size);
width: var(--icon-size);
}
.multi-select .multi-select-header.multi-select-header-active {
border-color: var(--input-border-active);
}
.multi-select .multi-select-header.multi-select-header-active::after {
transform: translateY(-50%) rotate(180deg);
}
.multi-select .multi-select-header.multi-select-header-active + .multi-select-options {
display: flex;
}
.multi-select .multi-select-header .multi-select-header-placeholder {
color: var(--text-color-light);
}
.multi-select .multi-select-header .multi-select-header-option {
display: inline-flex;
align-items: center;
background-color: var(--option-background);
font-size: var(--font-size-large);
padding: var(--spacing-smaller) var(--spacing-small);
border-radius: var(--border-radius);
}
.multi-select .multi-select-header .multi-select-header-max {
font-size: var(--font-size-large);
color: var(--text-color-light);
}
.multi-select .multi-select-options {
display: none;
box-sizing: border-box;
flex-flow: wrap;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 2;
margin-top: var(--spacing-small);
padding: var(--spacing-small);
background-color: #fff;
border-radius: var(--border-radius);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-height: var(--options-height);
overflow-y: auto;
overflow-x: hidden;
}
.multi-select .multi-select-options::-webkit-scrollbar {
width: 5px;
}
.multi-select .multi-select-options::-webkit-scrollbar-track {
background: #f0f1f3;
}
.multi-select .multi-select-options::-webkit-scrollbar-thumb {
background: #cdcfd1;
}
.multi-select .multi-select-options::-webkit-scrollbar-thumb:hover {
background: #b2b6b9;
}
.multi-select .multi-select-options .multi-select-option,
.multi-select .multi-select-options .multi-select-all {
padding: var(--spacing-large);
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-radio,
.multi-select .multi-select-options .multi-select-all .multi-select-option-radio {
background: var(--checkbox-background);
margin-right: var(--spacing-large);
height: var(--checkbox-size);
width: var(--checkbox-size);
border: 1px solid var(--checkbox-border);
border-radius: var(--checkbox-radius);
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-text,
.multi-select .multi-select-options .multi-select-all .multi-select-option-text {
box-sizing: border-box;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: inherit;
font-size: var(--font-size-larger);
line-height: var(--line-height);
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio {
border-color: var(--primary-color);
background-color: var(--primary-color);
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio::after,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio::after {
content: "";
display: block;
width: calc(var(--checkbox-size) / 4);
height: calc(var(--checkbox-size) / 2);
border: solid var(--checkbox-active);
border-width: 0 var(--checkbox-thickness) var(--checkbox-thickness) 0;
transform: rotate(45deg) translate(50%, -25%);
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text {
color: var(--text-color-dark);
}
.multi-select .multi-select-options .multi-select-option:hover, .multi-select .multi-select-options .multi-select-option:active,
.multi-select .multi-select-options .multi-select-all:hover, .multi-select .multi-select-options .multi-select-all:active {
background-color: var(--option-background);
}
.multi-select .multi-select-options .multi-select-all {
border-bottom: 1px solid var(--border-color-light);
border-radius: 0;
}
.multi-select .multi-select-options .multi-select-search {
padding: var(--spacing-medium) var(--spacing-large);
border: 1px solid var(--input-border);
border-radius: var(--border-radius);
margin: 10px 10px 5px 10px;
width: 100%;
outline: none;
font-size: var(--font-size-larger);
}
.multi-select .multi-select-options .multi-select-search::-moz-placeholder {
color: var(--text-color-light);
}
.multi-select .multi-select-options .multi-select-search::placeholder {
color: var(--text-color-light);
}
.multi-select .multi-select-header,
.multi-select .multi-select-option,
.multi-select .multi-select-all {
flex-wrap: wrap;
box-sizing: border-box;
border-radius: var(--border-radius);
cursor: pointer;
display: flex;
align-items: center;
width: 100%;
font-size: var(--font-size-larger);
color: var(--text-color-dark);
}
.multi-select.disabled {
opacity: 0.6;
pointer-events: none;
background-color: var(--input-disabled);
}
.multi-select.multi-select-invalid .multi-select-header {
border-color: var(--input-border-invalid);
outline: var(--input-outline-invalid) solid 1px;
}
.multiselect-dropdown {
--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-xs);
}
@media screen and (min-width: 360px) {
.multiselect-dropdown {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.multiselect-dropdown {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.multiselect-dropdown {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
html[lang="tc"] .multiselect-dropdown {
/* line-height: normal; */
}
html[lang="sc"] .multiselect-dropdown {
/* line-height: normal; */
}
.multiselect-dropdown {
width: 100%;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(174 174 174 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 400;
line-height: 160%;
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.multiselect-dropdown h1,.multiselect-dropdown h2,.multiselect-dropdown h3,.multiselect-dropdown h4,.multiselect-dropdown h5,.multiselect-dropdown h6{
line-height: 160%;
}
@media (min-width: 640px) {
.multiselect-dropdown {
padding-top: 14px;
padding-bottom: 14px;
}
}
.multiselect-dropdown-list-wrapper {
overflow: hidden;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(210 214 211 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow: 0 20px 30px 0 rgba(165,165,165,0.32);
--tw-shadow-colored: 0 20px 30px 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);
}
.multiselect-dropdown-list input {
position: relative;
margin-right: 10px;
height: 1.25rem;
width: 1.25rem;
min-width: 1.25rem;
cursor: pointer;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(222 222 222 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.multiselect-dropdown-list input::after {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
align-content: normal;
border-radius: 0.25rem;
background-size: contain;
background-position: center;
content: var(--tw-content);
opacity: 1;
}
.multiselect-dropdown-list input:checked:after{
background-image: url('data:image/svg+xml,');
}
.multiselect-dropdown-list div {
display: flex;
cursor: pointer;
align-items: center;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.multiselect-dropdown-list div:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 233 194 / var(--tw-bg-opacity));
}
.multiselect-dropdown-list div label {
cursor: pointer;
}
.custom-filter-checkbox input:checked~span::after {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.multiselect-dropdown-list-wrapper-clear {
display: none !important;
}
@media (min-width: 640px) {
.sm\: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-lgx);
--min-fs: var(--text-body-lg-xs);
}
@media screen and (min-width: 360px) {
.sm\:text-body-lg {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-md);
--min-fs: var(--text-body-lg-xs)
}
}
@media screen and (min-width: 430px) {
.sm\:text-body-lg {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg-lg);
--min-fs: var(--text-body-lg-md)
}
}
@media screen and (min-width: 1280px) {
.sm\:text-body-lg {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lgx);
--min-fs: var(--text-body-lg-lg)
}
}
}
@media (min-width: 768px) {
.md\: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-xs);
}
@media screen and (min-width: 360px) {
.md\:heading4 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4-md);
--min-fs: var(--text-h4-xs)
}
}
@media screen and (min-width: 430px) {
.md\:heading4 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4-lg);
--min-fs: var(--text-h4-md)
}
}
@media screen and (min-width: 1280px) {
.md\:heading4 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h4);
--min-fs: var(--text-h4-lg)
}
}
.md\: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-xs);
}
@media screen and (min-width: 360px) {
.md\:heading6 {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-md);
--min-fs: var(--text-h6-xs)
}
}
@media screen and (min-width: 430px) {
.md\:heading6 {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6-lg);
--min-fs: var(--text-h6-md)
}
}
@media screen and (min-width: 1280px) {
.md\:heading6 {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-h6);
--min-fs: var(--text-h6-lg)
}
}
.md\:text-body {
--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-xs);
}
@media screen and (min-width: 360px) {
.md\:text-body {
--min-vw: 360;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 430;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-md);
--min-fs: var(--text-body-xs)
}
}
@media screen and (min-width: 430px) {
.md\:text-body {
--min-vw: 430;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1279;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body-lg);
--min-fs: var(--text-body-md)
}
}
@media screen and (min-width: 1280px) {
.md\:text-body {
--min-vw: 1280;
--min-vw-px: calc(var(--min-vw) * 1px);
--max-vw: 1920;
--max-vw-px: calc(var(--max-vw) * 1px);
--max-fs: var(--text-body);
--min-fs: var(--text-body-lg)
}
}
.md\:heading4 {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .md\:heading4 {
font-family: "Ubuntu", serif;
}
html[lang="tc"] .md\:heading4 {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .md\:heading4 {
font-family: "Chiron Hei HK", sans-serif;
}
.md\:heading6 {
font-family: "Ubuntu", serif;
}
html[lang="en-US"] .md\:heading6 {
font-family: "Ubuntu", serif;
}
html[lang="tc"] .md\:heading6 {
font-family: "Chiron Hei HK", sans-serif;
}
html[lang="sc"] .md\:heading6 {
font-family: "Chiron Hei HK", sans-serif;
}
}
html[lang="tc"] .\[\&_li\]\:leading-\[160\%\] li {
/* line-height: normal; */
}
html[lang="sc"] .\[\&_li\]\:leading-\[160\%\] li {
/* line-height: normal; */
}
.placeholder\:text-black-text-medium::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
.placeholder\:text-black-text-medium::placeholder {
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
.placeholder\:text-brand-teal::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.placeholder\:text-brand-teal::placeholder {
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.placeholder\:text-white::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.placeholder\:text-white::placeholder {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.placeholder\:text-opacity-60::-moz-placeholder {
--tw-text-opacity: 0.6;
}
.placeholder\:text-opacity-60::placeholder {
--tw-text-opacity: 0.6;
}
.backdrop\:blur-\[2px\]::backdrop {
--tw-blur: blur(2px);
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);
}
.before\:absolute::before {
content: var(--tw-content);
position: absolute;
}
.before\:relative::before {
content: var(--tw-content);
position: relative;
}
.before\:left-0::before {
content: var(--tw-content);
left: 0px;
}
.before\:left-1\/2::before {
content: var(--tw-content);
left: 50%;
}
.before\:left-\[-50\%\]::before {
content: var(--tw-content);
left: -50%;
}
.before\:top-0::before {
content: var(--tw-content);
top: 0px;
}
.before\:top-1\/2::before {
content: var(--tw-content);
top: 50%;
}
.before\:z-\[-1\]::before {
content: var(--tw-content);
z-index: -1;
}
.before\:mr-1::before {
content: var(--tw-content);
margin-right: 0.25rem;
}
.before\:mr-5::before {
content: var(--tw-content);
margin-right: 1.25rem;
}
.before\:block::before {
content: var(--tw-content);
display: block;
}
.before\:h-0::before {
content: var(--tw-content);
height: 0px;
}
.before\:h-1::before {
content: var(--tw-content);
height: 0.25rem;
}
.before\:h-5::before {
content: var(--tw-content);
height: 1.25rem;
}
.before\:h-\[18px\]::before {
content: var(--tw-content);
height: 18px;
}
.before\:h-\[1px\]::before {
content: var(--tw-content);
height: 1px;
}
.before\:h-full::before {
content: var(--tw-content);
height: 100%;
}
.before\:max-h-full::before {
content: var(--tw-content);
max-height: 100%;
}
.before\:w-0::before {
content: var(--tw-content);
width: 0px;
}
.before\:w-1::before {
content: var(--tw-content);
width: 0.25rem;
}
.before\:w-5::before {
content: var(--tw-content);
width: 1.25rem;
}
.before\:w-\[150\%\]::before {
content: var(--tw-content);
width: 150%;
}
.before\:w-\[1px\]::before {
content: var(--tw-content);
width: 1px;
}
.before\:w-\[calc\(50\%_-_20px\)\]::before {
content: var(--tw-content);
width: calc(50% - 20px);
}
.before\:w-full::before {
content: var(--tw-content);
width: 100%;
}
.before\:min-w-5::before {
content: var(--tw-content);
min-width: 1.25rem;
}
.before\:max-w-full::before {
content: var(--tw-content);
max-width: 100%;
}
.before\:-translate-x-1\/2::before {
content: var(--tw-content);
--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));
}
.before\:-translate-y-1\/2::before {
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));
}
.before\:content-normal::before {
content: var(--tw-content);
align-content: normal;
}
.before\:rounded::before {
content: var(--tw-content);
border-radius: 0.25rem;
}
.before\:rounded-full::before {
content: var(--tw-content);
border-radius: 9999px;
}
.before\:rounded-md::before {
content: var(--tw-content);
border-radius: 0.375rem;
}
.before\:border::before {
content: var(--tw-content);
border-width: 1px;
}
.before\:border-black-medium::before {
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.before\:bg-black::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.before\:bg-black-text-medium::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(134 134 134 / var(--tw-bg-opacity));
}
.before\:bg-brand-blue::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(0 126 151 / var(--tw-bg-opacity));
}
.before\:bg-brand-green::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
.before\:bg-brand-teal::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(3 99 109 / var(--tw-bg-opacity));
}
.before\:bg-contain::before {
content: var(--tw-content);
background-size: contain;
}
.before\:transition-all::before {
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.before\:duration-200::before {
content: var(--tw-content);
transition-duration: 200ms;
}
.before\:ease-out::before {
content: var(--tw-content);
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.before\:\!content-\[\'\'\]::before {
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
.after\:relative::after {
content: var(--tw-content);
position: relative;
}
.after\:-left-full::after {
content: var(--tw-content);
left: -100%;
}
.after\:-top-10::after {
content: var(--tw-content);
top: -2.5rem;
}
.after\:left-0::after {
content: var(--tw-content);
left: 0px;
}
.after\:left-4::after {
content: var(--tw-content);
left: 1rem;
}
.after\:left-\[-50\%\]::after {
content: var(--tw-content);
left: -50%;
}
.after\:right-0::after {
content: var(--tw-content);
right: 0px;
}
.after\:right-\[-50\%\]::after {
content: var(--tw-content);
right: -50%;
}
.after\:top-0::after {
content: var(--tw-content);
top: 0px;
}
.after\:top-1\/2::after {
content: var(--tw-content);
top: 50%;
}
.after\:top-\[2px\]::after {
content: var(--tw-content);
top: 2px;
}
.after\:z-\[-1\]::after {
content: var(--tw-content);
z-index: -1;
}
.after\:z-\[2\]::after {
content: var(--tw-content);
z-index: 2;
}
.after\:mx-3::after {
content: var(--tw-content);
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.after\:mx-auto::after {
content: var(--tw-content);
margin-left: auto;
margin-right: auto;
}
.after\:mt-5::after {
content: var(--tw-content);
margin-top: 1.25rem;
}
.after\:block::after {
content: var(--tw-content);
display: block;
}
.after\:hidden::after {
content: var(--tw-content);
display: none;
}
.after\:h-1::after {
content: var(--tw-content);
height: 0.25rem;
}
.after\:h-4::after {
content: var(--tw-content);
height: 1rem;
}
.after\:h-5::after {
content: var(--tw-content);
height: 1.25rem;
}
.after\:h-\[1px\]::after {
content: var(--tw-content);
height: 1px;
}
.after\:h-\[calc\(100\%_\+_40px\)\]::after {
content: var(--tw-content);
height: calc(100% + 40px);
}
.after\:h-full::after {
content: var(--tw-content);
height: 100%;
}
.after\:w-5::after {
content: var(--tw-content);
width: 1.25rem;
}
.after\:w-\[150\%\]::after {
content: var(--tw-content);
width: 150%;
}
.after\:w-\[1px\]::after {
content: var(--tw-content);
width: 1px;
}
.after\:w-\[200\%\]::after {
content: var(--tw-content);
width: 200%;
}
.after\:w-\[2px\]::after {
content: var(--tw-content);
width: 2px;
}
.after\:w-\[62px\]::after {
content: var(--tw-content);
width: 62px;
}
.after\:w-\[calc\(100\%_\+_50\%\)\]::after {
content: var(--tw-content);
width: calc(100% + 50%);
}
.after\:w-\[calc\(100\%_-_16px\)\]::after {
content: var(--tw-content);
width: calc(100% - 16px);
}
.after\:w-\[calc\(50\%_-_20px\)\]::after {
content: var(--tw-content);
width: calc(50% - 20px);
}
.after\:w-full::after {
content: var(--tw-content);
width: 100%;
}
.after\:-translate-y-1\/2::after {
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));
}
.after\:content-normal::after {
content: var(--tw-content);
align-content: normal;
}
.after\:rounded::after {
content: var(--tw-content);
border-radius: 0.25rem;
}
.after\:rounded-\[16px\]::after {
content: var(--tw-content);
border-radius: 16px;
}
.after\:rounded-br-\[60px\]::after {
content: var(--tw-content);
border-bottom-right-radius: 60px;
}
.after\:rounded-tr-none::after {
content: var(--tw-content);
border-top-right-radius: 0px;
}
.after\:bg-black::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.after\:bg-black-medium::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}
.after\:bg-black-text-medium::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(134 134 134 / var(--tw-bg-opacity));
}
.after\:bg-brand-blue::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(0 126 151 / var(--tw-bg-opacity));
}
.after\:bg-brand-orange::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
}
.after\:bg-brand-teal::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(3 99 109 / var(--tw-bg-opacity));
}
.after\:bg-grey-line::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(210 214 211 / var(--tw-bg-opacity));
}
.after\:bg-smoke-screen::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(174 174 174 / var(--tw-bg-opacity));
}
.after\:bg-white::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.after\:bg-center::after {
content: var(--tw-content);
background-position: center;
}
.after\:opacity-100::after {
content: var(--tw-content);
opacity: 1;
}
.first\:rounded-tl-xl:first-child {
border-top-left-radius: 0.75rem;
}
.last\:mb-0:last-child {
margin-bottom: 0px;
}
.last\:mr-0:last-child {
margin-right: 0px;
}
.last\:rounded-tr-xl:last-child {
border-top-right-radius: 0.75rem;
}
.last\:pb-0:last-child {
padding-bottom: 0px;
}
.last\:after\:hidden:last-child::after {
content: var(--tw-content);
display: none;
}
.checked\:border-green:checked {
--tw-border-opacity: 1;
border-color: rgb(32 106 93 / var(--tw-border-opacity));
}
.checked\:bg-green:checked {
--tw-bg-opacity: 1;
background-color: rgb(32 106 93 / var(--tw-bg-opacity));
}
.checked\:bg-transparent:checked {
background-color: transparent;
}
.hover\:border-brand-green:hover {
--tw-border-opacity: 1;
border-color: rgb(184 224 104 / var(--tw-border-opacity));
}
.hover\:border-brand-orange:hover {
--tw-border-opacity: 1;
border-color: rgb(255 183 81 / var(--tw-border-opacity));
}
.hover\:border-brand-teal:hover {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
}
.hover\:bg-\[\#D9E8E9\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(217 232 233 / var(--tw-bg-opacity));
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.hover\:bg-black-medium:hover {
--tw-bg-opacity: 1;
background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}
.hover\:bg-brand-green:hover {
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
.hover\:bg-brand-orange:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
}
.hover\:bg-brand-pink:hover {
--tw-bg-opacity: 1;
background-color: rgb(182 0 87 / var(--tw-bg-opacity));
}
.hover\:bg-brand-teal:hover {
--tw-bg-opacity: 1;
background-color: rgb(3 99 109 / var(--tw-bg-opacity));
}
.hover\:bg-hover-orange:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 233 194 / var(--tw-bg-opacity));
}
.hover\:bg-light-grayish-cyan:hover {
--tw-bg-opacity: 1;
background-color: rgb(217 232 233 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-90:hover {
--tw-bg-opacity: 0.9;
}
.hover\:bg-left:hover {
background-position: left;
}
.hover\:p-1:hover {
padding: 0.25rem;
}
.hover\:text-brand-orange:hover {
--tw-text-opacity: 1;
color: rgb(255 183 81 / var(--tw-text-opacity));
}
.hover\:text-complimentary-orange:hover {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.hover\:text-text-black:hover {
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.hover\:opacity-70:hover {
opacity: 0.7;
}
.hover\:outline-brand-teal:hover {
outline-color: #03636D;
}
.hover\:before\:h-10:hover::before {
content: var(--tw-content);
height: 2.5rem;
}
.hover\:before\:w-10:hover::before {
content: var(--tw-content);
width: 2.5rem;
}
.focus\:\!border-brand-teal:focus {
--tw-border-opacity: 1 !important;
border-color: rgb(3 99 109 / var(--tw-border-opacity)) !important;
}
.focus\:border-brand-teal:focus {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
}
.focus\:border-transparent:focus {
border-color: transparent;
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-brand-teal:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(3 99 109 / var(--tw-ring-opacity));
}
.disabled\:bg-\[linear-gradient\(to_left\2c _var\(--wp--preset--color--black-medium\)_50\%\2c _var\(--wp--preset--color--brand-green\)_50\%\)\]:disabled {
background-image: linear-gradient(to left, var(--wp--preset--color--black-medium) 50%, var(--wp--preset--color--brand-green) 50%);
}
.disabled\:\!text-black-text-medium:disabled {
--tw-text-opacity: 1 !important;
color: rgb(134 134 134 / var(--tw-text-opacity)) !important;
}
.group:hover .group-hover\:left-0 {
left: 0px;
}
.group:hover .group-hover\:top-1\/2 {
top: 50%;
}
.group\/button:hover .group-hover\/button\:block {
display: block;
}
.group:hover .group-hover\:translate-x-\[100\%\] {
--tw-translate-x: 100%;
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));
}
.group:hover .group-hover\:translate-x-\[32\%\] {
--tw-translate-x: 32%;
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));
}
.group:hover .group-hover\:translate-x-\[calc\(100\%_-_21px\)\] {
--tw-translate-x: calc(100% - 21px);
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));
}
.group:hover .group-hover\:translate-x-full {
--tw-translate-x: 100%;
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));
}
.group\/card:hover .group-hover\/card\:scale-\[1\.05\] {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110 {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.05\] {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.08\] {
--tw-scale-x: 1.08;
--tw-scale-y: 1.08;
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));
}
.group:hover .group-hover\:cursor-pointer {
cursor: pointer;
}
.group:hover .group-hover\:rounded-bl-xl {
border-bottom-left-radius: 0.75rem;
}
.group:hover .group-hover\:rounded-br-xl {
border-bottom-right-radius: 0.75rem;
}
.group:hover .group-hover\:bg-brand-green {
--tw-bg-opacity: 1;
background-color: rgb(184 224 104 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-brand-orange {
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:fill-complimentary-orange {
fill: #E67C00;
}
.group:hover .group-hover\:fill-white {
fill: #fff;
}
.group:hover .group-hover\:stroke-complimentary-orange {
stroke: #E67C00;
}
.group\/card:hover .group-hover\/card\:text-complimentary-orange {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-brand-green {
--tw-text-opacity: 1;
color: rgb(184 224 104 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-brand-orange {
--tw-text-opacity: 1;
color: rgb(255 183 81 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-complimentary-orange {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-primary {
--tw-text-opacity: 1;
color: rgb(44 38 38 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-text-black {
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group\/card:hover .group-hover\/card\:opacity-100 {
opacity: 1;
}
.group:hover .group-hover\:opacity-0 {
opacity: 0;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.group:hover .group-hover\:brightness-0 {
--tw-brightness: brightness(0);
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);
}
.group:hover .group-hover\:brightness-100 {
--tw-brightness: brightness(1);
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);
}
.group:hover .group-hover\:contrast-\[103\%\] {
--tw-contrast: contrast(103%);
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);
}
.group:hover .group-hover\:hue-rotate-\[21deg\] {
--tw-hue-rotate: hue-rotate(21deg);
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);
}
.group:hover .group-hover\: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);
}
.group:hover .group-hover\:saturate-0 {
--tw-saturate: saturate(0);
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);
}
.group:hover .group-hover\:saturate-\[100\%\] {
--tw-saturate: saturate(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);
}
.group:hover .group-hover\: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);
}
.group:hover .group-hover\: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);
}
.group:hover .group-hover\:\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(100\%\)_sepia\(0\%\)_saturate\(7500\%\)_hue-rotate\(23deg\)_brightness\(118\%\)_contrast\(118\%\)\] {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(23deg) brightness(118%) contrast(118%);
}
.group:hover .group-hover\:\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(100\%\)_sepia\(100\%\)_saturate\(0\%\)_hue-rotate\(48deg\)_brightness\(101\%\)_contrast\(102\%\)\] {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(48deg) brightness(101%) contrast(102%);
}
.group:hover .group-hover\:\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(45\%\)_sepia\(28\%\)_saturate\(4290\%\)_hue-rotate\(15deg\)_brightness\(105\%\)_contrast\(101\%\)\] {
filter: brightness(0) saturate(100%) invert(45%) sepia(28%) saturate(4290%) hue-rotate(15deg) brightness(105%) contrast(101%);
}
.group:hover .group-hover\:\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(52\%\)_sepia\(98\%\)_saturate\(2390\%\)_hue-rotate\(7deg\)_brightness\(96\%\)_contrast\(103\%\)\] {
filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(2390%) hue-rotate(7deg) brightness(96%) contrast(103%);
}
@media (min-width: 480px) {
.xs\:right-5 {
right: 1.25rem;
}
.xs\:top-0 {
top: 0px;
}
.xs\:mb-0 {
margin-bottom: 0px;
}
.xs\:mr-3 {
margin-right: 0.75rem;
}
.xs\:inline-flex {
display: inline-flex;
}
.xs\:max-w-\[120px\] {
max-width: 120px;
}
.xs\:max-w-\[140px\] {
max-width: 140px;
}
.xs\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xs\:flex-row {
flex-direction: row;
}
.xs\:items-center {
align-items: center;
}
.xs\:gap-2 {
gap: 0.5rem;
}
.xs\:gap-5 {
gap: 1.25rem;
}
}
@media (min-width: 640px) {
.sm\:\!left-0 {
left: 0px !important;
}
.sm\:\!right-0 {
right: 0px !important;
}
.sm\:right-5 {
right: 1.25rem;
}
.sm\:top-5 {
top: 1.25rem;
}
.sm\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.sm\:-ml-0 {
margin-left: -0px;
}
.sm\:mb-3 {
margin-bottom: 0.75rem;
}
.sm\:mt-0 {
margin-top: 0px;
}
.sm\:mt-6 {
margin-top: 1.5rem;
}
.sm\:block {
display: block;
}
.sm\:hidden {
display: none;
}
.sm\:h-5 {
height: 1.25rem;
}
.sm\:min-h-\[400px\] {
min-height: 400px;
}
.sm\:w-5 {
width: 1.25rem;
}
.sm\:w-6 {
width: 1.5rem;
}
.sm\:w-\[calc\(48\%_-_20px\)\] {
width: calc(48% - 20px);
}
.sm\:min-w-\[160px\] {
min-width: 160px;
}
.sm\:min-w-\[180px\] {
min-width: 180px;
}
.sm\:min-w-\[193px\] {
min-width: 193px;
}
.sm\:min-w-\[262px\] {
min-width: 262px;
}
.sm\:max-w-\[200px\] {
max-width: 200px;
}
.sm\:max-w-\[262px\] {
max-width: 262px;
}
.sm\:max-w-\[460px\] {
max-width: 460px;
}
.sm\:max-w-\[85\%\] {
max-width: 85%;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-col {
flex-direction: column;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:gap-5 {
gap: 1.25rem;
}
.sm\:rounded-\[12px\] {
border-radius: 12px;
}
.sm\:rounded-\[20px\] {
border-radius: 20px;
}
.sm\:p-10 {
padding: 2.5rem;
}
.sm\:p-4 {
padding: 1rem;
}
.sm\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.sm\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sm\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.sm\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.sm\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.sm\:py-\[14px\] {
padding-top: 14px;
padding-bottom: 14px;
}
.sm\:pl-4 {
padding-left: 1rem;
}
.sm\:pr-5 {
padding-right: 1.25rem;
}
.sm\:pt-20 {
padding-top: 5rem;
}
.sm\:pt-5 {
padding-top: 1.25rem;
}
.sm\:text-left {
text-align: left;
}
.sm\:font-normal {
font-weight: 400;
}
.sm\:leading-\[normal\] {
line-height: normal;
}
.after\:sm\:ml-0::after {
content: var(--tw-content);
margin-left: 0px;
}
.sm\:after\:bg-black::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.sm\:after\:bg-white::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sm\:after\:bg-opacity-80::after {
content: var(--tw-content);
--tw-bg-opacity: 0.8;
}
.sm\:after\:opacity-0::after {
content: var(--tw-content);
opacity: 0;
}
.sm\:after\:blur-\[25px\]::after {
content: var(--tw-content);
--tw-blur: blur(25px);
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);
}
.group\/card:hover .sm\:group-hover\/card\:after\:opacity-100::after {
content: var(--tw-content);
opacity: 1;
}
}
@media (min-width: 768px) {
.md\:\!absolute {
position: absolute !important;
}
.md\:\!-right-12 {
right: -3rem !important;
}
.md\:\!left-\[unset\] {
left: unset !important;
}
.md\:\!top-\[40\%\] {
top: 40% !important;
}
.md\:-bottom-5 {
bottom: -1.25rem;
}
.md\:-bottom-\[29px\] {
bottom: -29px;
}
.md\:-bottom-\[50px\] {
bottom: -50px;
}
.md\:bottom-20 {
bottom: 5rem;
}
.md\:bottom-\[43px\] {
bottom: 43px;
}
.md\:left-\[-53px\] {
left: -53px;
}
.md\:right-\[-29px\] {
right: -29px;
}
.md\:right-\[10px\] {
right: 10px;
}
.md\:right-\[52px\] {
right: 52px;
}
.md\:my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.md\:mb-0 {
margin-bottom: 0px;
}
.md\:mb-1 {
margin-bottom: 0.25rem;
}
.md\:mb-10 {
margin-bottom: 2.5rem;
}
.md\:mb-20 {
margin-bottom: 5rem;
}
.md\:mb-\[60px\] {
margin-bottom: 60px;
}
.md\:mr-3 {
margin-right: 0.75rem;
}
.md\:mt-0 {
margin-top: 0px;
}
.md\:mt-10 {
margin-top: 2.5rem;
}
.md\:mt-20 {
margin-top: 5rem;
}
.md\:mt-5 {
margin-top: 1.25rem;
}
.md\:mt-\[30px\] {
margin-top: 30px;
}
.md\:mt-\[43px\] {
margin-top: 43px;
}
.md\:mt-\[60px\] {
margin-top: 60px;
}
.md\:mt-\[64px\] {
margin-top: 64px;
}
.md\:line-clamp-\[8\] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.md\:\!block {
display: block !important;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:aspect-\[400\/600\] {
aspect-ratio: 400/600;
}
.md\:aspect-\[566\/758\] {
aspect-ratio: 566/758;
}
.md\:aspect-auto {
aspect-ratio: auto;
}
.md\:h-10 {
height: 2.5rem;
}
.md\:h-\[60px\] {
height: 60px;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-10 {
width: 2.5rem;
}
.md\:w-\[32\.4\%\] {
width: 32.4%;
}
.md\:w-\[34\.4\%\] {
width: 34.4%;
}
.md\:w-\[40\%\] {
width: 40%;
}
.md\:w-\[60\%\] {
width: 60%;
}
.md\:w-\[60px\] {
width: 60px;
}
.md\:w-\[65\.6\%\] {
width: 65.6%;
}
.md\:w-\[67\.6\%\] {
width: 67.6%;
}
.md\:w-\[70\%\] {
width: 70%;
}
.md\:w-\[calc\(30\%_-_20px\)\] {
width: calc(30% - 20px);
}
.md\:w-auto {
width: auto;
}
.md\:max-w-16 {
max-width: 4rem;
}
.md\:max-w-\[200px\] {
max-width: 200px;
}
.md\:max-w-\[261px\] {
max-width: 261px;
}
.md\:max-w-\[262px\] {
max-width: 262px;
}
.md\:max-w-\[412px\] {
max-width: 412px;
}
.md\:max-w-\[42px\] {
max-width: 42px;
}
.md\:max-w-\[500px\] {
max-width: 500px;
}
.md\:max-w-\[536px\] {
max-width: 536px;
}
.md\:max-w-\[600px\] {
max-width: 600px;
}
.md\:max-w-\[673px\] {
max-width: 673px;
}
.md\:max-w-\[700px\] {
max-width: 700px;
}
.md\:max-w-\[710px\] {
max-width: 710px;
}
.md\:max-w-\[75\.625\%\] {
max-width: 75.625%;
}
.md\:-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));
}
.md\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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\:flex-nowrap {
flex-wrap: nowrap;
}
.md\:items-start {
align-items: flex-start;
}
.md\:items-center {
align-items: center;
}
.md\:items-stretch {
align-items: stretch;
}
.md\:justify-center {
justify-content: center;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:gap-10 {
gap: 2.5rem;
}
.md\:gap-2 {
gap: 0.5rem;
}
.md\:gap-3 {
gap: 0.75rem;
}
.md\:gap-4 {
gap: 1rem;
}
.md\:gap-5 {
gap: 1.25rem;
}
.md\:gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.md\:rounded-3xl {
border-radius: 1.5rem;
}
.md\:rounded-\[20px\] {
border-radius: 20px;
}
.md\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.md\:bg-\[linear-gradient\(82deg\2c rgba\(0\2c 0\2c 0\2c 0\.48\)_9\.61\%\2c rgba\(0\2c 0\2c 0\2c 0\.10\)_52\.75\%\)\] {
background-image: linear-gradient(82deg,rgba(0,0,0,0.48) 9.61%,rgba(0,0,0,0.10) 52.75%);
}
.md\:p-10 {
padding: 2.5rem;
}
.md\:p-3 {
padding: 0.75rem;
}
.md\:p-4 {
padding: 1rem;
}
.md\:p-8 {
padding: 2rem;
}
.md\:p-\[60px\] {
padding: 60px;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.md\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.md\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.md\:px-\[4\%\] {
padding-left: 4%;
padding-right: 4%;
}
.md\:px-\[60px\] {
padding-left: 60px;
padding-right: 60px;
}
.md\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.md\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.md\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.md\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.md\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.md\:py-\[100px\] {
padding-top: 100px;
padding-bottom: 100px;
}
.md\:py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px;
}
.md\:py-\[120px\] {
padding-top: 120px;
padding-bottom: 120px;
}
.md\:py-\[60px\] {
padding-top: 60px;
padding-bottom: 60px;
}
.md\:\!pl-10 {
padding-left: 2.5rem !important;
}
.md\:pb-16 {
padding-bottom: 4rem;
}
.md\:pb-20 {
padding-bottom: 5rem;
}
.md\:pl-10 {
padding-left: 2.5rem;
}
.md\:pl-4 {
padding-left: 1rem;
}
.md\:pl-5 {
padding-left: 1.25rem;
}
.md\:pl-\[4\%\] {
padding-left: 4%;
}
.md\:pl-\[53px\] {
padding-left: 53px;
}
.md\:pr-0 {
padding-right: 0px;
}
.md\:pr-10 {
padding-right: 2.5rem;
}
.md\:pr-4 {
padding-right: 1rem;
}
.md\:pr-5 {
padding-right: 1.25rem;
}
.md\:pr-\[4\%\] {
padding-right: 4%;
}
.md\:pr-\[54px\] {
padding-right: 54px;
}
.md\:pt-10 {
padding-top: 2.5rem;
}
.md\:pt-16 {
padding-top: 4rem;
}
.md\:pt-20 {
padding-top: 5rem;
}
.md\:text-left {
text-align: left;
}
.md\:leading-6 {
line-height: 1.5rem;
}
.md\:leading-7 {
line-height: 1.75rem;
}
.md\:leading-\[normal\] {
line-height: normal;
}
.md\:after\:-right-5::after {
content: var(--tw-content);
right: -1.25rem;
}
.after\:md\:mx-0::after {
content: var(--tw-content);
margin-left: 0px;
margin-right: 0px;
}
.md\:after\:block::after {
content: var(--tw-content);
display: block;
}
.hover\:before\:md\:h-\[60px\]:hover::before {
content: var(--tw-content);
height: 60px;
}
.hover\:before\:md\:w-\[60px\]:hover::before {
content: var(--tw-content);
width: 60px;
}
.group:hover .group-hover\:md\:translate-x-\[calc\(100\%_-_26px\)\] {
--tw-translate-x: calc(100% - 26px);
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: 1024px) {
.lg\:\!-left-20 {
left: -5rem !important;
}
.lg\:\!-right-20 {
right: -5rem !important;
}
.lg\:right-\[37px\] {
right: 37px;
}
.lg\:top-\[-20px\] {
top: -20px;
}
.lg\:order-1 {
order: 1;
}
.lg\:order-2 {
order: 2;
}
.lg\:my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.lg\:mb-0 {
margin-bottom: 0px;
}
.lg\:mb-10 {
margin-bottom: 2.5rem;
}
.lg\:mb-16 {
margin-bottom: 4rem;
}
.lg\:mb-2 {
margin-bottom: 0.5rem;
}
.lg\:mb-20 {
margin-bottom: 5rem;
}
.lg\:mb-3 {
margin-bottom: 0.75rem;
}
.lg\:mb-8 {
margin-bottom: 2rem;
}
.lg\:ml-\[10px\] {
margin-left: 10px;
}
.lg\:mr-10 {
margin-right: 2.5rem;
}
.lg\:mr-5 {
margin-right: 1.25rem;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mt-10 {
margin-top: 2.5rem;
}
.lg\:mt-20 {
margin-top: 5rem;
}
.lg\:mt-5 {
margin-top: 1.25rem;
}
.lg\:mt-8 {
margin-top: 2rem;
}
.lg\:mt-\[60px\] {
margin-top: 60px;
}
.lg\:line-clamp-\[7\] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:min-h-\[200px\] {
min-height: 200px;
}
.lg\:w-\[28\.15\%\] {
width: 28.15%;
}
.lg\:w-\[29\.35\%\] {
width: 29.35%;
}
.lg\:w-\[32\%\] {
width: 32%;
}
.lg\:w-\[33\%\] {
width: 33%;
}
.lg\:w-\[36\.3\%\] {
width: 36.3%;
}
.lg\:w-\[41\.6\%\] {
width: 41.6%;
}
.lg\:w-\[49\.5\%\] {
width: 49.5%;
}
.lg\:w-\[50\.5\%\] {
width: 50.5%;
}
.lg\:w-\[58\.4\%\] {
width: 58.4%;
}
.lg\:w-\[63\.7\%\] {
width: 63.7%;
}
.lg\:w-\[67\%\] {
width: 67%;
}
.lg\:w-\[68\%\] {
width: 68%;
}
.lg\:w-\[70\.65\%\] {
width: 70.65%;
}
.lg\:w-\[71\.85\%\] {
width: 71.85%;
}
.lg\:max-w-20 {
max-width: 5rem;
}
.lg\:max-w-\[120px\] {
max-width: 120px;
}
.lg\:max-w-\[150px\] {
max-width: 150px;
}
.lg\:max-w-\[174px\] {
max-width: 174px;
}
.lg\:max-w-\[250px\] {
max-width: 250px;
}
.lg\:max-w-\[368px\] {
max-width: 368px;
}
.lg\:max-w-\[442px\] {
max-width: 442px;
}
.lg\:max-w-\[74\%\] {
max-width: 74%;
}
.lg\:max-w-\[764px\] {
max-width: 764px;
}
.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\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-row-reverse {
flex-direction: row-reverse;
}
.lg\:flex-nowrap {
flex-wrap: nowrap;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:gap-0 {
gap: 0px;
}
.lg\:gap-1 {
gap: 0.25rem;
}
.lg\:gap-10 {
gap: 2.5rem;
}
.lg\:gap-5 {
gap: 1.25rem;
}
.lg\:gap-6 {
gap: 1.5rem;
}
.lg\:gap-y-\[60px\] {
row-gap: 60px;
}
.lg\:rounded {
border-radius: 0.25rem;
}
.lg\:rounded-\[20px\] {
border-radius: 20px;
}
.lg\:rounded-\[48px\] {
border-radius: 48px;
}
.lg\:rounded-lg {
border-radius: 0.5rem;
}
.lg\:rounded-tr-none {
border-top-right-radius: 0px;
}
.lg\:bg-brand-orange {
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
}
.lg\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.lg\:p-10 {
padding: 2.5rem;
}
.lg\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg\:px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.lg\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.lg\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.lg\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.lg\:px-\[10px\] {
padding-left: 10px;
padding-right: 10px;
}
.lg\:px-\[8\%\] {
padding-left: 8%;
padding-right: 8%;
}
.lg\:px-\[9\.375\%\] {
padding-left: 9.375%;
padding-right: 9.375%;
}
.lg\:py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.lg\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.lg\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.lg\:py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px;
}
.lg\:py-\[120px\] {
padding-top: 120px;
padding-bottom: 120px;
}
.lg\:pb-10 {
padding-bottom: 2.5rem;
}
.lg\:pb-\[100px\] {
padding-bottom: 100px;
}
.lg\:pl-10 {
padding-left: 2.5rem;
}
.lg\:pl-5 {
padding-left: 1.25rem;
}
.lg\:pl-6 {
padding-left: 1.5rem;
}
.lg\:pl-\[30px\] {
padding-left: 30px;
}
.lg\:pl-\[9\.375\%\] {
padding-left: 9.375%;
}
.lg\:pr-10 {
padding-right: 2.5rem;
}
.lg\:pr-16 {
padding-right: 4rem;
}
.lg\:pr-5 {
padding-right: 1.25rem;
}
.lg\:pr-\[9\.375\%\] {
padding-right: 9.375%;
}
.lg\:pt-10 {
padding-top: 2.5rem;
}
.lg\:pt-20 {
padding-top: 5rem;
}
.lg\:pt-\[60px\] {
padding-top: 60px;
}
.lg\:font-bold {
font-weight: 700;
}
.lg\:leading-\[normal\] {
line-height: normal;
}
}
@media (min-width: 1280px) {
.xl\:my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.xl\:mb-20 {
margin-bottom: 5rem;
}
.xl\:mb-\[60px\] {
margin-bottom: 60px;
}
.xl\:mr-1 {
margin-right: 0.25rem;
}
.xl\:mr-5 {
margin-right: 1.25rem;
}
.xl\:mt-0 {
margin-top: 0px;
}
.xl\:mt-10 {
margin-top: 2.5rem;
}
.xl\:mt-20 {
margin-top: 5rem;
}
.xl\:mt-\[60px\] {
margin-top: 60px;
}
.xl\:line-clamp-\[8\] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.xl\:h-10 {
height: 2.5rem;
}
.xl\:w-10 {
width: 2.5rem;
}
.xl\:w-\[40\.4\%\] {
width: 40.4%;
}
.xl\:w-\[59\.6\%\] {
width: 59.6%;
}
.xl\:w-\[calc\(21\.6\%_-_20px\)\] {
width: calc(21.6% - 20px);
}
.xl\:w-max {
width: -moz-max-content;
width: max-content;
}
.xl\:min-w-10 {
min-width: 2.5rem;
}
.xl\:min-w-max {
min-width: -moz-max-content;
min-width: max-content;
}
.xl\:max-w-10 {
max-width: 2.5rem;
}
.xl\:max-w-\[203px\] {
max-width: 203px;
}
.xl\:max-w-\[220px\] {
max-width: 220px;
}
.xl\:max-w-\[368px\] {
max-width: 368px;
}
.xl\:max-w-\[60\%\] {
max-width: 60%;
}
.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\:flex-row {
flex-direction: row;
}
.xl\:justify-between {
justify-content: space-between;
}
.xl\:gap-10 {
gap: 2.5rem;
}
.xl\:gap-12 {
gap: 3rem;
}
.xl\:gap-2 {
gap: 0.5rem;
}
.xl\:gap-20 {
gap: 5rem;
}
.xl\:gap-6 {
gap: 1.5rem;
}
.xl\:gap-7 {
gap: 1.75rem;
}
.xl\:gap-8 {
gap: 2rem;
}
.xl\:gap-9 {
gap: 2.25rem;
}
.xl\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.xl\:gap-y-\[60px\] {
row-gap: 60px;
}
.xl\:p-10 {
padding: 2.5rem;
}
.xl\:p-20 {
padding: 5rem;
}
.xl\:p-5 {
padding: 1.25rem;
}
.xl\:p-6 {
padding: 1.5rem;
}
.xl\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.xl\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.xl\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.xl\:px-\[9\.375\%\] {
padding-left: 9.375%;
padding-right: 9.375%;
}
.xl\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.xl\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.xl\:py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.xl\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.xl\:py-\[100px\] {
padding-top: 100px;
padding-bottom: 100px;
}
.xl\:py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px;
}
.xl\:py-\[120px\] {
padding-top: 120px;
padding-bottom: 120px;
}
.xl\:py-\[180px\] {
padding-top: 180px;
padding-bottom: 180px;
}
.xl\:pb-20 {
padding-bottom: 5rem;
}
.xl\:pb-8 {
padding-bottom: 2rem;
}
.xl\:pb-\[100px\] {
padding-bottom: 100px;
}
.xl\:pb-\[120px\] {
padding-bottom: 120px;
}
.xl\:pl-20 {
padding-left: 5rem;
}
.xl\:pl-5 {
padding-left: 1.25rem;
}
.xl\:pl-\[100px\] {
padding-left: 100px;
}
.xl\:pr-20 {
padding-right: 5rem;
}
.xl\:pr-4 {
padding-right: 1rem;
}
.xl\:pt-20 {
padding-top: 5rem;
}
.xl\:pt-\[100px\] {
padding-top: 100px;
}
.xl\:text-left {
text-align: left;
}
.xl\:after\:right-\[-40px\]::after {
content: var(--tw-content);
right: -40px;
}
.xl\:after\:mx-5::after {
content: var(--tw-content);
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
@media (min-width: 1366px) {
.\32xl\:mr-20 {
margin-right: 5rem;
}
.\32xl\:mr-4 {
margin-right: 1rem;
}
.\32xl\:mt-20 {
margin-top: 5rem;
}
.\32xl\:mt-\[100px\] {
margin-top: 100px;
}
.\32xl\:mt-\[60px\] {
margin-top: 60px;
}
.\32xl\:min-h-\[300px\] {
min-height: 300px;
}
.\32xl\:max-w-\[82px\] {
max-width: 82px;
}
.\32xl\:gap-10 {
gap: 2.5rem;
}
.\32xl\:gap-12 {
gap: 3rem;
}
.\32xl\:gap-20 {
gap: 5rem;
}
.\32xl\:gap-9 {
gap: 2.25rem;
}
.\32xl\:gap-x-12 {
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.\32xl\:gap-x-9 {
-moz-column-gap: 2.25rem;
column-gap: 2.25rem;
}
.\32xl\:gap-y-\[60px\] {
row-gap: 60px;
}
.\32xl\:p-5 {
padding: 1.25rem;
}
.\32xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.\32xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.\32xl\:px-\[100px\] {
padding-left: 100px;
padding-right: 100px;
}
.\32xl\:px-\[18\.75\%\] {
padding-left: 18.75%;
padding-right: 18.75%;
}
.\32xl\:py-\[100px\] {
padding-top: 100px;
padding-bottom: 100px;
}
.\32xl\:py-\[120px\] {
padding-top: 120px;
padding-bottom: 120px;
}
.\32xl\:py-\[140px\] {
padding-top: 140px;
padding-bottom: 140px;
}
.\32xl\:py-\[160px\] {
padding-top: 160px;
padding-bottom: 160px;
}
.\32xl\:py-\[200px\] {
padding-top: 200px;
padding-bottom: 200px;
}
.\32xl\:pl-10 {
padding-left: 2.5rem;
}
.\32xl\:pl-\[30px\] {
padding-left: 30px;
}
.\32xl\:pr-20 {
padding-right: 5rem;
}
.\32xl\:pr-5 {
padding-right: 1.25rem;
}
}
@media (min-width: 1440px) {
.\33xl\:my-\[100px\] {
margin-top: 100px;
margin-bottom: 100px;
}
.\33xl\:w-\[120px\] {
width: 120px;
}
.\33xl\:min-w-\[120px\] {
min-width: 120px;
}
.\33xl\:p-8 {
padding: 2rem;
}
.\33xl\:px-\[100px\] {
padding-left: 100px;
padding-right: 100px;
}
.\33xl\:py-\[100px\] {
padding-top: 100px;
padding-bottom: 100px;
}
.\33xl\:py-\[180px\] {
padding-top: 180px;
padding-bottom: 180px;
}
.\33xl\:pr-10 {
padding-right: 2.5rem;
}
.\33xl\:pr-5 {
padding-right: 1.25rem;
}
}
@media (min-width: 1536px) {
.\34xl\:bottom-\[165px\] {
bottom: 165px;
}
.\34xl\:-ml-4 {
margin-left: -1rem;
}
.\34xl\:-mt-\[100px\] {
margin-top: -100px;
}
.\34xl\:mt-\[29px\] {
margin-top: 29px;
}
.\34xl\:min-w-\[233px\] {
min-width: 233px;
}
.\34xl\:min-w-\[236px\] {
min-width: 236px;
}
.\34xl\:min-w-\[270px\] {
min-width: 270px;
}
.\34xl\:min-w-\[274px\] {
min-width: 274px;
}
.\34xl\:max-w-20 {
max-width: 5rem;
}
.\34xl\:gap-20 {
gap: 5rem;
}
.\34xl\:gap-\[120px\] {
gap: 120px;
}
.\34xl\:p-5 {
padding: 1.25rem;
}
.\34xl\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.\34xl\:px-\[180px\] {
padding-left: 180px;
padding-right: 180px;
}
.\34xl\:pr-\[120px\] {
padding-right: 120px;
}
.\34xl\:after\:right-\[-60px\]::after {
content: var(--tw-content);
right: -60px;
}
}
@media (min-width: 1680px) {
.\35xl\:min-h-\[523px\] {
min-height: 523px;
}
.\35xl\:max-w-\[630px\] {
max-width: 630px;
}
.\35xl\:gap-\[160px\] {
gap: 160px;
}
.\35xl\:gap-\[240px\] {
gap: 240px;
}
.\35xl\:p-10 {
padding: 2.5rem;
}
.\35xl\:px-\[200px\] {
padding-left: 200px;
padding-right: 200px;
}
.\35xl\:pl-4 {
padding-left: 1rem;
}
.\35xl\:pl-\[120px\] {
padding-left: 120px;
}
.\35xl\:pl-\[160px\] {
padding-left: 160px;
}
.\35xl\:pr-\[120px\] {
padding-right: 120px;
}
.\35xl\:pr-\[160px\] {
padding-right: 160px;
}
.\35xl\:after\:right-\[-120px\]::after {
content: var(--tw-content);
right: -120px;
}
}
@media (min-width: 1920px) {
.\36xl\:line-clamp-\[10\] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
}
.\36xl\:gap-10 {
gap: 2.5rem;
}
.\36xl\:gap-20 {
gap: 5rem;
}
.\36xl\:pl-\[120px\] {
padding-left: 120px;
}
}
.\[\&\.active\]\:z-\[12\].active {
z-index: 12;
}
.\[\&\.active\]\:max-h-max.active {
max-height: -moz-max-content;
max-height: max-content;
}
.\[\&\.active\]\:border-brand-teal.active {
--tw-border-opacity: 1;
border-color: rgb(3 99 109 / var(--tw-border-opacity));
}
.\[\&\.active\]\:bg-brand-orange.active {
--tw-bg-opacity: 1;
background-color: rgb(255 183 81 / var(--tw-bg-opacity));
}
.\[\&\.active\]\:bg-brand-teal.active {
--tw-bg-opacity: 1;
background-color: rgb(3 99 109 / var(--tw-bg-opacity));
}
.\[\&\.active\]\:bg-white.active {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\[\&\.active\]\:bg-opacity-100.active {
--tw-bg-opacity: 1;
}
.\[\&\.active\]\:font-bold.active {
font-weight: 700;
}
.\[\&\.active\]\:text-brand-blue.active {
--tw-text-opacity: 1;
color: rgb(0 126 151 / var(--tw-text-opacity));
}
.\[\&\.active\]\:text-primary-button.active {
--tw-text-opacity: 1;
color: rgb(44 38 38 / var(--tw-text-opacity));
}
.\[\&\.active\]\:text-white.active {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&\.active\]\:opacity-100.active {
opacity: 1;
}
@media (min-width: 768px) {
.md\:\[\&_0l\]\:pl-6 0l {
padding-left: 1.5rem;
}
}
.\[\&_a\]\:block a {
display: block;
}
.\[\&_a\]\:py-\[10px\] a {
padding-top: 10px;
padding-bottom: 10px;
}
.\[\&_a\]\:font-bold a {
font-weight: 700;
}
.\[\&_a\]\:text-black-text-medium a {
--tw-text-opacity: 1;
color: rgb(134 134 134 / var(--tw-text-opacity));
}
.\[\&_a\]\:text-brand-teal a {
--tw-text-opacity: 1;
color: rgb(3 99 109 / var(--tw-text-opacity));
}
.\[\&_a\]\:text-complimentary-orange a {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.\[\&_a\]\:underline a {
text-decoration-line: underline;
}
.\[\&_a\]\:underline-offset-2 a {
text-underline-offset: 2px;
}
.\[\&_a\]\:underline-offset-\[1px\] a {
text-underline-offset: 1px;
}
.\[\&_a\]\:opacity-50 a {
opacity: 0.5;
}
.\[\&_a\]\:hover\:text-complimentary-orange:hover a {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.\[\&_b\]\:font-bold b {
font-weight: 700;
}
.\[\&_label\]\:flex label {
display: flex;
}
.\[\&_label\]\:min-w-\[75px\] label {
min-width: 75px;
}
.\[\&_li\]\:mb-2 li {
margin-bottom: 0.5rem;
}
.\[\&_li\]\:mt-1 li {
margin-top: 0.25rem;
}
.\[\&_li\]\:flex li {
display: flex;
}
.\[\&_li\]\:items-center li {
align-items: center;
}
.\[\&_li\]\:px-4 li {
padding-left: 1rem;
padding-right: 1rem;
}
.\[\&_li\]\:font-bold li {
font-weight: 700;
}
.\[\&_li\]\:leading-\[160\%\] li {
line-height: 160%;
}
.\[\&_li\]\:marker\:text-complimentary-orange * li::marker {
color: rgb(230 124 0 );
}
.\[\&_li\]\:marker\:text-complimentary-orange li::marker {
color: rgb(230 124 0 );
}
@media (min-width: 640px) {
.sm\:\[\&_li\]\:mt-3 li {
margin-top: 0.75rem;
}
}
.\[\&_ol\]\:list-decimal ol {
list-style-type: decimal;
}
.\[\&_ol\]\:pl-4 ol {
padding-left: 1rem;
}
.\[\&_ol\]\:pl-6 ol {
padding-left: 1.5rem;
}
@media (min-width: 768px) {
.md\:\[\&_ol\]\:pl-6 ol {
padding-left: 1.5rem;
}
}
@media (min-width: 1024px) {
.\[\&_ol\]\:lg\:pl-6 ol {
padding-left: 1.5rem;
}
}
.\[\&_p\:first-child\]\:text-complimentary-orange p:first-child {
--tw-text-opacity: 1;
color: rgb(230 124 0 / var(--tw-text-opacity));
}
.\[\&_span\]\:text-text-black span {
--tw-text-opacity: 1;
color: rgb(53 53 53 / var(--tw-text-opacity));
}
.\[\&_strong\]\:font-bold strong {
font-weight: 700;
}
.\[\&_ul\]\:list-disc ul {
list-style-type: disc;
}
.\[\&_ul\]\:pl-4 ul {
padding-left: 1rem;
}
.\[\&_ul\]\:pl-6 ul {
padding-left: 1.5rem;
}
@media (min-width: 768px) {
.md\:\[\&_ul\]\:pl-6 ul {
padding-left: 1.5rem;
}
}
@media (min-width: 1024px) {
.\[\&_ul\]\:lg\:pl-6 ul {
padding-left: 1.5rem;
}
}