/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./app/styles/tablet.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.tablet .buy-area-item .title {
    font-size: 4.2rem !important;
}

.tablet .buy-area-item .supply {
    font-size: 2.3rem;
    line-height: 1.5rem;
    margin-top: 2px;
}

.tablet .buy-area-item .buy-area-item-img-hei {
    max-height: 145px !important;
}

.tablet .buy-area-item .button {
    width: 100%;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 3rem;
}

.tablet .buy-area-item .shipping {
    font-size: 1.4rem;
}

@media screen and (max-width: 830px) and (min-width: 481px) {
    .no-mobile .buy-area-item .title {
        font-size: 4.2rem !important;
    }

    .no-mobile .buy-area-item .supply {
        font-size: 2.3rem !important;
        line-height: 1.5rem;
        margin-top: 2px;
    }

    .no-mobile .buy-area-item .buy-area-item-img-hei {
        max-height: 145px !important;
    }

    .no-mobile .buy-area-item .button {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 3rem;
    }

    .no-mobile .buy-area-item .shipping {
        font-size: 1.4rem;
    }
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./app/styles/fonts.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-ExtraBold.woff2') format('woff2'),
    url('/fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
    url('/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'),
    url('/fonts/OpenSans/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-Italic.woff2') format('woff2'),
    url('/fonts/OpenSans/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-Light.woff2') format('woff2'),
    url('/fonts/OpenSans/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
    url('/fonts/OpenSans/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-Medium.woff2') format('woff2'),
    url('/fonts/OpenSans/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-SemiBold.woff2') format('woff2'),
    url('/fonts/OpenSans/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('/fonts/Oswald/Oswald-Bold.woff2') format('woff2'),
    url('/fonts/Oswald/Oswald-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('/fonts/Oswald/Oswald-Regular.woff2') format('woff2'),
    url('/fonts/Oswald/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Permanent Marker';
    src: url('/fonts/PermanentMarker/PermanentMarker-Regular.eot');
    src: url('/fonts/PermanentMarker/PermanentMarker-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/PermanentMarker/PermanentMarker-Regular.woff2') format('woff2'),
    url('/fonts/PermanentMarker/PermanentMarker-Regular.woff') format('woff'),
    url('/fonts/PermanentMarker/PermanentMarker-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./app/styles/globals.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/* Not working in Next 13.2 */
/*@import url('https://use.typekit.net/avh6fsx.css');*/
/*@import url('https://use.typekit.net/irn2ujz.css');*/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

/* ! tailwindcss v3.4.1 | 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:  ;
}
.container{
    width: 100%;
}
@media (min-width: 640px){

    .container{
        max-width: 640px;
    }
}
@media (min-width: 768px){

    .container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){

    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){

    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){

    .container{
        max-width: 1536px;
    }
}
.pointer-events-none{
    pointer-events: none;
}
.\!pointer-events-auto{
    pointer-events: auto !important;
}
.static{
    position: static;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.\!relative{
    position: relative !important;
}
.relative{
    position: relative;
}
.inset-0{
    inset: 0px;
}
.\!top-1\/2{
    top: 50% !important;
}
.-bottom-\[1\.85rem\]{
    bottom: -1.85rem;
}
.-left-2{
    left: -0.5rem;
}
.-right-7{
    right: -1.75rem;
}
.-top-2{
    top: -0.5rem;
}
.bottom-0{
    bottom: 0px;
}
.bottom-1{
    bottom: 0.25rem;
}
.bottom-4{
    bottom: 1rem;
}
.bottom-6{
    bottom: 1.5rem;
}
.left-0{
    left: 0px;
}
.left-1\/2{
    left: 50%;
}
.right-0{
    right: 0px;
}
.right-1\/2{
    right: 50%;
}
.right-4{
    right: 1rem;
}
.top-0{
    top: 0px;
}
.top-1{
    top: 0.25rem;
}
.top-1\/2{
    top: 50%;
}
.top-2{
    top: 0.5rem;
}
.top-5{
    top: 1.25rem;
}
.z-10{
    z-index: 10;
}
.z-20{
    z-index: 20;
}
.z-50{
    z-index: 50;
}
.z-\[20\]{
    z-index: 20;
}
.z-\[9999\]{
    z-index: 9999;
}
.z-\[999\]{
    z-index: 999;
}
.z-\[99\]{
    z-index: 99;
}
.order-1{
    order: 1;
}
.order-2{
    order: 2;
}
.order-3{
    order: 3;
}
.\!m-auto{
    margin: auto !important;
}
.m-0{
    margin: 0px;
}
.m-auto{
    margin: auto;
}
.\!my-10{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}
.\!my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.\!my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.\!-mb-12{
    margin-bottom: -3rem !important;
}
.\!-mt-48{
    margin-top: -12rem !important;
}
.\!mb-0{
    margin-bottom: 0px !important;
}
.\!mb-14{
    margin-bottom: 3.5rem !important;
}
.\!mb-4{
    margin-bottom: 1rem !important;
}
.\!mb-8{
    margin-bottom: 2rem !important;
}
.\!ml-auto{
    margin-left: auto !important;
}
.\!mt-0{
    margin-top: 0px !important;
}
.\!mt-10{
    margin-top: 2.5rem !important;
}
.\!mt-12{
    margin-top: 3rem !important;
}
.\!mt-16{
    margin-top: 4rem !important;
}
.\!mt-20{
    margin-top: 5rem !important;
}
.\!mt-44{
    margin-top: 11rem !important;
}
.\!mt-6{
    margin-top: 1.5rem !important;
}
.\!mt-8{
    margin-top: 2rem !important;
}
.-mb-0{
    margin-bottom: -0px;
}
.-mb-0\.5{
    margin-bottom: -0.125rem;
}
.-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-5{
    margin-bottom: -1.25rem;
}
.-mb-6{
    margin-bottom: -1.5rem;
}
.-mb-64{
    margin-bottom: -16rem;
}
.-mb-9{
    margin-bottom: -2.25rem;
}
.-ml-1{
    margin-left: -0.25rem;
}
.-ml-14{
    margin-left: -3.5rem;
}
.-ml-2{
    margin-left: -0.5rem;
}
.-ml-\[0\.3rem\]{
    margin-left: -0.3rem;
}
.-ml-\[1rem\]{
    margin-left: -1rem;
}
.-mt-0{
    margin-top: -0px;
}
.-mt-0\.5{
    margin-top: -0.125rem;
}
.-mt-1{
    margin-top: -0.25rem;
}
.-mt-10{
    margin-top: -2.5rem;
}
.-mt-12{
    margin-top: -3rem;
}
.-mt-2{
    margin-top: -0.5rem;
}
.-mt-20{
    margin-top: -5rem;
}
.-mt-3{
    margin-top: -0.75rem;
}
.-mt-32{
    margin-top: -8rem;
}
.-mt-36{
    margin-top: -9rem;
}
.-mt-4{
    margin-top: -1rem;
}
.-mt-44{
    margin-top: -11rem;
}
.-mt-48{
    margin-top: -12rem;
}
.-mt-5{
    margin-top: -1.25rem;
}
.-mt-56{
    margin-top: -14rem;
}
.-mt-6{
    margin-top: -1.5rem;
}
.-mt-\[50px\]{
    margin-top: -50px;
}
.mb-0{
    margin-bottom: 0px;
}
.mb-1{
    margin-bottom: 0.25rem;
}
.mb-10{
    margin-bottom: 2.5rem;
}
.mb-12{
    margin-bottom: 3rem;
}
.mb-14{
    margin-bottom: 3.5rem;
}
.mb-2{
    margin-bottom: 0.5rem;
}
.mb-3{
    margin-bottom: 0.75rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.mb-5{
    margin-bottom: 1.25rem;
}
.mb-6{
    margin-bottom: 1.5rem;
}
.mb-8{
    margin-bottom: 2rem;
}
.ml-1{
    margin-left: 0.25rem;
}
.ml-1\.5{
    margin-left: 0.375rem;
}
.ml-10{
    margin-left: 2.5rem;
}
.ml-2{
    margin-left: 0.5rem;
}
.ml-3{
    margin-left: 0.75rem;
}
.ml-auto{
    margin-left: auto;
}
.mr-2{
    margin-right: 0.5rem;
}
.mr-3{
    margin-right: 0.75rem;
}
.mt-0{
    margin-top: 0px;
}
.mt-0\.5{
    margin-top: 0.125rem;
}
.mt-1{
    margin-top: 0.25rem;
}
.mt-1\.5{
    margin-top: 0.375rem;
}
.mt-10{
    margin-top: 2.5rem;
}
.mt-12{
    margin-top: 3rem;
}
.mt-14{
    margin-top: 3.5rem;
}
.mt-16{
    margin-top: 4rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-24{
    margin-top: 6rem;
}
.mt-28{
    margin-top: 7rem;
}
.mt-3{
    margin-top: 0.75rem;
}
.mt-32{
    margin-top: 8rem;
}
.mt-36{
    margin-top: 9rem;
}
.mt-4{
    margin-top: 1rem;
}
.mt-40{
    margin-top: 10rem;
}
.mt-48{
    margin-top: 12rem;
}
.mt-5{
    margin-top: 1.25rem;
}
.mt-56{
    margin-top: 14rem;
}
.mt-6{
    margin-top: 1.5rem;
}
.mt-7{
    margin-top: 1.75rem;
}
.mt-8{
    margin-top: 2rem;
}
.mt-9{
    margin-top: 2.25rem;
}
.mt-\[130px\]{
    margin-top: 130px;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}
.flex{
    display: flex;
}
.inline-flex{
    display: inline-flex;
}
.\!table{
    display: table !important;
}
.table{
    display: table;
}
.grid{
    display: grid;
}
.contents{
    display: contents;
}
.hidden{
    display: none;
}
.\!h-12{
    height: 3rem !important;
}
.\!h-8{
    height: 2rem !important;
}
.\!h-full{
    height: 100% !important;
}
.h-0{
    height: 0px;
}
.h-0\.5{
    height: 0.125rem;
}
.h-1{
    height: 0.25rem;
}
.h-10{
    height: 2.5rem;
}
.h-2\/3{
    height: 66.666667%;
}
.h-36{
    height: 9rem;
}
.h-\[250px\]{
    height: 250px;
}
.h-\[95\%\]{
    height: 95%;
}
.h-auto{
    height: auto;
}
.h-full{
    height: 100%;
}
.max-h-0{
    max-height: 0px;
}
.max-h-44{
    max-height: 11rem;
}
.max-h-\[90\%\]{
    max-height: 90%;
}
.max-h-screen{
    max-height: 100vh;
}
.min-h-screen{
    min-height: 100vh;
}
.\!w-12{
    width: 3rem !important;
}
.\!w-8{
    width: 2rem !important;
}
.\!w-auto{
    width: auto !important;
}
.\!w-full{
    width: 100% !important;
}
.w-1\/2{
    width: 50%;
}
.w-10{
    width: 2.5rem;
}
.w-10\/12{
    width: 83.333333%;
}
.w-11\/12{
    width: 91.666667%;
}
.w-2\/3{
    width: 66.666667%;
}
.w-4\/5{
    width: 80%;
}
.w-\[140px\]{
    width: 140px;
}
.w-\[150px\]{
    width: 150px;
}
.w-\[250px\]{
    width: 250px;
}
.w-\[85\%\]{
    width: 85%;
}
.w-\[90\%\]{
    width: 90%;
}
.w-\[94\%\]{
    width: 94%;
}
.w-\[98\%\]{
    width: 98%;
}
.w-auto{
    width: auto;
}
.w-full{
    width: 100%;
}
.w-min{
    width: -moz-min-content;
    width: min-content;
}
.\!max-w-\[95\%\]{
    max-width: 95% !important;
}
.max-w-\[200px\]{
    max-width: 200px;
}
.max-w-\[620px\]{
    max-width: 620px;
}
.max-w-\[650px\]{
    max-width: 650px;
}
.max-w-\[700px\]{
    max-width: 700px;
}
.max-w-\[710px\]{
    max-width: 710px;
}
.max-w-\[80\%\]{
    max-width: 80%;
}
.max-w-\[812px\]{
    max-width: 812px;
}
.max-w-\[960px\]{
    max-width: 960px;
}
.max-w-full{
    max-width: 100%;
}
.shrink-0{
    flex-shrink: 0;
}
.-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-6{
    --tw-rotate: -6deg;
    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-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));
}
.scale-115{
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15;
    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-125{
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150{
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    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-200{
    --tw-scale-x: 2;
    --tw-scale-y: 2;
    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));
}
.scale-\[130\%\]{
    --tw-scale-x: 130%;
    --tw-scale-y: 130%;
    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-\[200\%\]{
    --tw-scale-x: 200%;
    --tw-scale-y: 200%;
    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-\[60\%\]{
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    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-y-105{
    --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));
}
.scale-y-110{
    --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));
}
.scale-y-115{
    --tw-scale-y: 1.15;
    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-y-120{
    --tw-scale-y: 1.20;
    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-y-125{
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[115\%\]{
    --tw-scale-y: 115%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!transform-none{
    transform: none !important;
}
.transform-none{
    transform: none;
}
.cursor-pointer{
    cursor: pointer;
}
.select-none{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.resize{
    resize: both;
}
.list-decimal{
    list-style-type: decimal;
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row{
    flex-direction: row;
}
.flex-col{
    flex-direction: column;
}
.flex-col-reverse{
    flex-direction: column-reverse;
}
.flex-wrap{
    flex-wrap: wrap;
}
.items-start{
    align-items: flex-start;
}
.items-end{
    align-items: flex-end;
}
.\!items-center{
    align-items: center !important;
}
.items-center{
    align-items: center;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.gap-2{
    gap: 0.5rem;
}
.gap-24{
    gap: 6rem;
}
.gap-4{
    gap: 1rem;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.self-center{
    align-self: center;
}
.overflow-hidden{
    overflow: hidden;
}
.whitespace-nowrap{
    white-space: nowrap;
}
.break-words{
    overflow-wrap: break-word;
}
.rounded{
    border-radius: 0.25rem;
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-md{
    border-radius: 0.375rem;
}
.rounded-xl{
    border-radius: 0.75rem;
}
.rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}
.border{
    border-width: 1px;
}
.border-0{
    border-width: 0px;
}
.border-2{
    border-width: 2px;
}
.border-4{
    border-width: 4px;
}
.border-\[4px\]{
    border-width: 4px;
}
.border-b{
    border-bottom-width: 1px;
}
.border-l-0{
    border-left-width: 0px;
}
.border-r-0{
    border-right-width: 0px;
}
.border-t{
    border-top-width: 1px;
}
.border-t-0{
    border-top-width: 0px;
}
.border-solid{
    border-style: solid;
}
.\!border-black{
    border-color: #000 !important;
}
.\!border-gray-200{
    border-color: #E6E6E6 !important;
}
.\!border-resurge-blue{
    border-color: #25397E !important;
}
.border-dark-blue{
    border-color: #006587;
}
.border-dark-green{
    border-color: #004D2D;
}
.border-gold{
    border-color: #EBC46D;
}
.border-gray-200{
    border-color: #E6E6E6;
}
.border-gray-500{
    border-color: #999;
}
.border-red{
    border-color: #D61A20;
}
.border-white{
    border-color: #fff;
}
.border-yellow-900{
    border-color: #DDC500;
}
.\!bg-\[\#FEF001\]{
    background-color: #FEF001 !important;
}
.\!bg-resurge-yellow{
    background-color: #FEF001 !important;
}
.\!bg-transparent{
    background-color: transparent !important;
}
.\!bg-white{
    background-color: #fff !important;
}
.bg-\[\#008DD5\]{
    background-color: #008DD5;
}
.bg-\[\#132974\]{
    background-color: #132974;
}
.bg-\[\#252176\]{
    background-color: #252176;
}
.bg-\[\#ECECEC\]{
    background-color: #ECECEC;
}
.bg-\[\#F1F1F2\]{
    background-color: #F1F1F2;
}
.bg-\[\#F78C22\]{
    background-color: #F78C22;
}
.bg-\[\#F8F6F6\]{
    background-color: #F8F6F6;
}
.bg-\[\#FEC047\]{
    background-color: #FEC047;
}
.bg-\[\#FFE217\]{
    background-color: #FFE217;
}
.bg-black{
    background-color: #000;
}
.bg-blue{
    background-color: #00B5D9;
}
.bg-dark-green{
    background-color: #004D2D;
}
.bg-gray-300{
    background-color: #d1d5db;
}
.bg-gray-500{
    background-color: #999;
}
.bg-green{
    background-color: #1A6B43;
}
.bg-light-green{
    background-color: #F0FCE6;
}
.bg-red{
    background-color: #D61A20;
}
.bg-renew-blue{
    background-color: #008CD5;
}
.bg-resurge-blue{
    background-color: #25397E;
}
.bg-resurge-light-blue{
    background-color: #0092D8;
}
.bg-resurge-yellow{
    background-color: #FEF001;
}
.bg-white{
    background-color: #fff;
}
.bg-yellow{
    background-color: #FFD900;
}
.bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.from-white{
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-gray-200{
    --tw-gradient-to: #E6E6E6 var(--tw-gradient-to-position);
}
.to-white{
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.\!p-0{
    padding: 0px !important;
}
.p-0{
    padding: 0px;
}
.p-1{
    padding: 0.25rem;
}
.p-10{
    padding: 2.5rem;
}
.p-2{
    padding: 0.5rem;
}
.p-3{
    padding: 0.75rem;
}
.p-4{
    padding: 1rem;
}
.p-5{
    padding: 1.25rem;
}
.p-8{
    padding: 2rem;
}
.p-\[2vw\]{
    padding: 2vw;
}
.\!px-0{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.\!py-0{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.\!py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.\!py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.\!py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.px-0{
    padding-left: 0px;
    padding-right: 0px;
}
.px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-24{
    padding-left: 6rem;
    padding-right: 6rem;
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.px-8{
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-\[20px\]{
    padding-left: 20px;
    padding-right: 20px;
}
.py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.\!pb-20{
    padding-bottom: 5rem !important;
}
.\!pb-56{
    padding-bottom: 14rem !important;
}
.\!pt-12{
    padding-top: 3rem !important;
}
.pb-0{
    padding-bottom: 0px;
}
.pb-10{
    padding-bottom: 2.5rem;
}
.pb-12{
    padding-bottom: 3rem;
}
.pb-16{
    padding-bottom: 4rem;
}
.pb-2{
    padding-bottom: 0.5rem;
}
.pb-20{
    padding-bottom: 5rem;
}
.pb-4{
    padding-bottom: 1rem;
}
.pb-5{
    padding-bottom: 1.25rem;
}
.pb-56{
    padding-bottom: 14rem;
}
.pb-6{
    padding-bottom: 1.5rem;
}
.pb-8{
    padding-bottom: 2rem;
}
.pl-0{
    padding-left: 0px;
}
.pl-11{
    padding-left: 2.75rem;
}
.pl-2{
    padding-left: 0.5rem;
}
.pl-3{
    padding-left: 0.75rem;
}
.pl-4{
    padding-left: 1rem;
}
.pl-7{
    padding-left: 1.75rem;
}
.pr-2{
    padding-right: 0.5rem;
}
.pr-\[0\.2rem\]{
    padding-right: 0.2rem;
}
.pt-0{
    padding-top: 0px;
}
.pt-1{
    padding-top: 0.25rem;
}
.pt-10{
    padding-top: 2.5rem;
}
.pt-12{
    padding-top: 3rem;
}
.pt-14{
    padding-top: 3.5rem;
}
.pt-16{
    padding-top: 4rem;
}
.pt-2{
    padding-top: 0.5rem;
}
.pt-2\.5{
    padding-top: 0.625rem;
}
.pt-20{
    padding-top: 5rem;
}
.pt-3{
    padding-top: 0.75rem;
}
.pt-36{
    padding-top: 9rem;
}
.pt-4{
    padding-top: 1rem;
}
.pt-5{
    padding-top: 1.25rem;
}
.pt-6{
    padding-top: 1.5rem;
}
.pt-64{
    padding-top: 16rem;
}
.pt-8{
    padding-top: 2rem;
}
.\!text-left{
    text-align: left !important;
}
.text-left{
    text-align: left;
}
.\!text-center{
    text-align: center !important;
}
.text-center{
    text-align: center;
}
.align-baseline{
    vertical-align: baseline;
}
.align-middle{
    vertical-align: middle;
}
.\!text-3xl{
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}
.\!text-5xl{
    font-size: 3rem !important;
    line-height: 1 !important;
}
.\!text-\[2\.5rem\]{
    font-size: 2.5rem !important;
}
.\!text-sm{
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}
.text-11xl{
    font-size: 11rem;
}
.text-13xl{
    font-size: 13rem;
}
.text-2\.5xl{
    font-size: 1.7rem;
    line-height: 2rem;
}
.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4\.5xl{
    font-size: 2.4rem;
}
.text-4\.6xl{
    font-size: 2.5rem;
}
.text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-5xl{
    font-size: 3rem;
    line-height: 1;
}
.text-6\.5xl{
    font-size: 4.2rem;
}
.text-6xl{
    font-size: 3.75rem;
    line-height: 1;
}
.text-7xl{
    font-size: 4.5rem;
    line-height: 1;
}
.text-8\.5xl{
    font-size: 7.5rem;
}
.text-8xl{
    font-size: 6rem;
    line-height: 1;
}
.text-9xl{
    font-size: 8rem;
    line-height: 1;
}
.text-\[1\.35rem\]{
    font-size: 1.35rem;
}
.text-\[1\.5rem\]{
    font-size: 1.5rem;
}
.text-\[1\.65rem\]{
    font-size: 1.65rem;
}
.text-\[1\.69rem\]{
    font-size: 1.69rem;
}
.text-\[1\.7rem\]{
    font-size: 1.7rem;
}
.text-\[11rem\]{
    font-size: 11rem;
}
.text-\[16px\]{
    font-size: 16px;
}
.text-\[2\.10rem\]{
    font-size: 2.10rem;
}
.text-\[2\.35rem\]{
    font-size: 2.35rem;
}
.text-\[2\.3rem\]{
    font-size: 2.3rem;
}
.text-\[2\.6rem\]{
    font-size: 2.6rem;
}
.text-\[2\.8rem\]{
    font-size: 2.8rem;
}
.text-\[26px\]{
    font-size: 26px;
}
.text-\[2rem\]{
    font-size: 2rem;
}
.text-\[3\.5rem\]{
    font-size: 3.5rem;
}
.text-\[4\.2rem\]{
    font-size: 4.2rem;
}
.text-\[55px\]{
    font-size: 55px;
}
.text-\[5rem\]{
    font-size: 5rem;
}
.text-\[7\.5rem\]{
    font-size: 7.5rem;
}
.text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}
.\!font-bold{
    font-weight: 700 !important;
}
.\!font-medium{
    font-weight: 500 !important;
}
.\!font-normal{
    font-weight: 400 !important;
}
.font-\[600\]{
    font-weight: 600;
}
.font-black{
    font-weight: 900;
}
.font-bold{
    font-weight: 700;
}
.font-light{
    font-weight: 300;
}
.font-medium{
    font-weight: 500;
}
.font-normal{
    font-weight: 400;
}
.font-semibold{
    font-weight: 600;
}
.font-thin{
    font-weight: 100;
}
.uppercase{
    text-transform: uppercase;
}
.capitalize{
    text-transform: capitalize;
}
.italic{
    font-style: italic;
}
.\!leading-\[1\]{
    line-height: 1 !important;
}
.\!leading-tight{
    line-height: 1.25 !important;
}
.leading-1\.1{
    line-height: 1.1;
}
.leading-1\.2{
    line-height: 1.2;
}
.leading-4{
    line-height: 1rem;
}
.leading-7{
    line-height: 1.75rem;
}
.leading-\[\.875\]{
    line-height: .875;
}
.leading-\[0\]{
    line-height: 0;
}
.leading-\[1\.125\]{
    line-height: 1.125;
}
.leading-\[1\.5\]{
    line-height: 1.5;
}
.leading-\[100\%\]{
    line-height: 100%;
}
.leading-\[11rem\]{
    line-height: 11rem;
}
.leading-\[1\]{
    line-height: 1;
}
.leading-\[2\.7rem\]{
    line-height: 2.7rem;
}
.leading-\[2\.8rem\]{
    line-height: 2.8rem;
}
.leading-\[2\.9rem\]{
    line-height: 2.9rem;
}
.leading-\[3\.3rem\]{
    line-height: 3.3rem;
}
.leading-\[30px\]{
    line-height: 30px;
}
.leading-\[40px\]{
    line-height: 40px;
}
.leading-\[4rem\]{
    line-height: 4rem;
}
.leading-\[50\%\]{
    line-height: 50%;
}
.leading-\[55px\]{
    line-height: 55px;
}
.leading-none{
    line-height: 1;
}
.leading-normal{
    line-height: 1.5;
}
.leading-snug{
    line-height: 1.375;
}
.leading-tight{
    line-height: 1.25;
}
.tracking-wide{
    letter-spacing: 0.025em;
}
.\!text-\[\#008DD5\]{
    color: #008DD5 !important;
}
.\!text-\[\#13B6F0\]{
    color: #13B6F0 !important;
}
.\!text-black{
    color: #000 !important;
}
.\!text-blue{
    color: #00B5D9 !important;
}
.\!text-green{
    color: #1A6B43 !important;
}
.\!text-renew-blue{
    color: #008CD5 !important;
}
.\!text-resurge-blue{
    color: #25397E !important;
}
.\!text-resurge-green{
    color: #76C93D !important;
}
.\!text-resurge-yellow{
    color: #FEF001 !important;
}
.\!text-white{
    color: #fff !important;
}
.\!text-yellow{
    color: #FFD900 !important;
}
.text-\[\#008DD4\]{
    color: #008DD4;
}
.text-\[\#0700FF\]{
    color: #0700FF;
}
.text-\[\#13B6F0\]{
    color: #13B6F0;
}
.text-\[\#58585A\]{
    color: #58585A;
}
.text-\[\#AEAEAE\]{
    color: #AEAEAE;
}
.text-\[\#b0b0b0\]{
    color: #b0b0b0;
}
.text-black{
    color: #000;
}
.text-blue{
    color: #00B5D9;
}
.text-dark-blue{
    color: #006587;
}
.text-dark-green{
    color: #004D2D;
}
.text-darker-blue{
    color: #036587;
}
.text-gray-400{
    color: #9ca3af;
}
.text-gray-500{
    color: #999;
}
.text-green{
    color: #1A6B43;
}
.text-orange{
    color: #f9741a;
}
.text-red{
    color: #D61A20;
}
.text-renew-blue{
    color: #008CD5;
}
.text-resurge-blue{
    color: #25397E;
}
.text-resurge-green{
    color: #76C93D;
}
.text-resurge-light-blue{
    color: #0092D8;
}
.text-resurge-yellow{
    color: #FEF001;
}
.text-white{
    color: #fff;
}
.text-yellow{
    color: #FFD900;
}
.underline{
    text-decoration-line: underline;
}
.line-through{
    text-decoration-line: line-through;
}
.\!opacity-100{
    opacity: 1 !important;
}
.opacity-0{
    opacity: 0;
}
.opacity-60{
    opacity: 0.6;
}
.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-2xl{
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-gray-700{
    --tw-shadow-color: #434143;
    --tw-shadow: var(--tw-shadow-colored);
}
.outline-yellow{
    outline-color: #FFD900;
}
.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;
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    outline: none;
    border: none;
}

body,
html {
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    /*height: 100%; !* DONT FUCKING REMOVE *!*/
    width: 100%; /* DONT FUCKING REMOVE */
}

img {
    border: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.container {
    max-width: 980px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    margin: auto;
}

.permanent-marker {
    font-family: 'Permanent Marker', sans-serif;
}

.container--welcome {
    max-width: 900px;
}

.video-aspect-ratio {
    aspect-ratio: 16 / 9;
}

.video-aspect-ratio--homepage,
.video-aspect-ratio--ac,
.video-aspect-ratio--affiliates,
.video-aspect-ratio--special-bonus-tb,
.video-aspect-ratio--special-bonus-jb,
.video-aspect-ratio--special-bonus-res,
.video-aspect-ratio--special-offer,
.video-aspect-ratio--bg,
.video-aspect-ratio--homepage-v,
.video-aspect-ratio--rem,
.video-aspect-ratio--welcome,
.video-aspect-ratio--welcome-tg,
.video-aspect-ratio--welcome-ma,
.video-aspect-ratio--tb,
.video-aspect-ratio--bg-welcome,
.video-aspect-ratio--ob,
.video-aspect-ratio--ob-ii,
.video-aspect-ratio--tb,
.video-aspect-ratio--tb-ii,
.video-aspect-ratio--welcome-np,
.video-aspect-ratio--welcome-ep,
.video-aspect-ratio--welcome-em-ep,
.video-aspect-ratio--welcome-ob-ep,
.video-aspect-ratio--welcome-ob-ii-ep,
.video-aspect-ratio--welcome-tb-ep,
.video-aspect-ratio--welcome-tb-ii-ep,
.video-aspect-ratio--bg-welcome-ep,
.video-aspect-ratio--welcome-ih-ep,
.video-aspect-ratio--welcome-c-ep,
.video-aspect-ratio--welcome-v-ep,
.video-aspect-ratio--welcome-a-ep,
.video-aspect-ratio--welcome-nl-ep,
.video-aspect-ratio--welcome-tg-ep,
.video-aspect-ratio--welcome-ih,
.video-aspect-ratio--welcome-em,
.video-aspect-ratio--welcome-email,
.video-aspect-ratio--welcome-ih-v,
.video-aspect-ratio--welcome-ih-c,
.video-aspect-ratio--welcome-v,
.video-aspect-ratio--welcome-a,
.video-aspect-ratio--welcome-video-track,
.video-aspect-ratio--welcome-nl,
.video-aspect-ratio--welcome-y,
.video-aspect-ratio--welcome-x,
.video-aspect-ratio--welcome-m,
.video-aspect-ratio--welcome-c,
.video-aspect-ratio--welcome-dc,
.video-aspect-ratio--welcome-kc,
.video-aspect-ratio--welcome-dv,
.video-aspect-ratio--welcome-kv {
    aspect-ratio: 16 / 9 !important;
    height: 500px !important;
}

.homepage-video-aspect-ratio,
.video-aspect-ratio--homepage,
.video-aspect-ratio--ac,
.video-aspect-ratio--affiliates,
.video-aspect-ratio--special-bonus-tb,
.video-aspect-ratio--special-bonus-jb,
.video-aspect-ratio--special-bonus-res,
.video-aspect-ratio--special-offer,
.video-aspect-ratio--bg,
.video-aspect-ratio--homepage-v,
.video-aspect-ratio--rem,
.video-aspect-ratio--welcome-ih-ep,
.video-aspect-ratio--welcome-c-ep,
.video-aspect-ratio--welcome-v-ep,
.video-aspect-ratio--welcome-a-ep,
.video-aspect-ratio--welcome-nl-ep,
.video-aspect-ratio--welcome-tg-ep,
.video-aspect-ratio--welcome-ep,
.video-aspect-ratio--welcome-em-ep,
.video-aspect-ratio--welcome-ob-ep,
.video-aspect-ratio--welcome-ob-ii-ep,
.video-aspect-ratio--welcome-tb-ep,
.video-aspect-ratio--welcome-tb-ii-ep,
.video-aspect-ratio--bg-welcome-ep {
    height: 330px !important;
}

@media screen and (max-width: 640px) {
    .video-aspect-ratio {
        height: 495px !important;
    }

    .homepage-video-aspect-ratio,
    .video-aspect-ratio--homepage,
    .video-aspect-ratio--ac,
    .video-aspect-ratio--affiliates,
    .video-aspect-ratio--special-bonus-tb,
    .video-aspect-ratio--special-bonus-jb,
    .video-aspect-ratio--special-bonus-res,
    .video-aspect-ratio--special-offer,
    .video-aspect-ratio--bg,
    .video-aspect-ratio--homepage-v,
    .video-aspect-ratio--rem,
    .video-aspect-ratio--welcome-ih-ep,
    .video-aspect-ratio--welcome-c-ep,
    .video-aspect-ratio--welcome-v-ep,
    .video-aspect-ratio--welcome-a-ep,
    .video-aspect-ratio--welcome-nl-ep,
    .video-aspect-ratio--welcome-tg-ep,
    .video-aspect-ratio--welcome-ep,
    .video-aspect-ratio--welcome-em-ep,
    .video-aspect-ratio--welcome-ob-ep,
    .video-aspect-ratio--welcome-ob-ii-ep,
    .video-aspect-ratio--welcome-tb-ep,
    .video-aspect-ratio--welcome-tb-ii-ep,
    .video-aspect-ratio--bg-welcome-ep {
        aspect-ratio: 16 / 9;
        height: 253px !important;
    }

    .video-aspect-ratio--welcome,
    .video-aspect-ratio--welcome-tg,
    .video-aspect-ratio--welcome-ma,
    .video-aspect-ratio--tb,
    .video-aspect-ratio--bg-welcome,
    .video-aspect-ratio--ob,
    .video-aspect-ratio--ob-ii,
    .video-aspect-ratio--tb,
    .video-aspect-ratio--tb-ii,
    .video-aspect-ratio--welcome-np,
    .video-aspect-ratio--welcome-ih,
    .video-aspect-ratio--welcome-em,
    .video-aspect-ratio--welcome-email,
    .video-aspect-ratio--welcome-ih-v,
    .video-aspect-ratio--welcome-ih-c,
    .video-aspect-ratio--welcome-v,
    .video-aspect-ratio--welcome-a,
    .video-aspect-ratio--welcome-video-track,
    .video-aspect-ratio--welcome-nl,
    .video-aspect-ratio--welcome-y,
    .video-aspect-ratio--welcome-x,
    .video-aspect-ratio--welcome-m,
    .video-aspect-ratio--welcome-c,
    .video-aspect-ratio--welcome-dc,
    .video-aspect-ratio--welcome-kc,
    .video-aspect-ratio--welcome-dv,
    .video-aspect-ratio--welcome-kv {
        height: 589px !important;
    }

    .video-aspect-ratio--confirmation-javaburn,
    .video-aspect-ratio--confirmation-metaboflex,
    .video-aspect-ratio--confirmation-resurge {
        height: 557px !important;
    }
}

@supports (aspect-ratio: 16 / 9) {
    .video-aspect-ratio,
    .homepage-video-aspect-ratio,
    .video-aspect-ratio--welcome,
    .video-aspect-ratio--welcome-tg,
    .video-aspect-ratio--welcome-ma,
    .video-aspect-ratio--tb,
    .video-aspect-ratio--bg-welcome,
    .video-aspect-ratio--ob,
    .video-aspect-ratio--ob-ii,
    .video-aspect-ratio--tb,
    .video-aspect-ratio--tb-ii,
    .video-aspect-ratio--welcome-np,
    .video-aspect-ratio--welcome-ih,
    .video-aspect-ratio--welcome-em,
    .video-aspect-ratio--welcome-email,
    .video-aspect-ratio--welcome-ih-v,
    .video-aspect-ratio--welcome-ih-c,
    .video-aspect-ratio--welcome-v,
    .video-aspect-ratio--welcome-a,
    .video-aspect-ratio--welcome-video-track,
    .video-aspect-ratio--welcome-nl,
    .video-aspect-ratio--welcome-y,
    .video-aspect-ratio--welcome-x,
    .video-aspect-ratio--welcome-m,
    .video-aspect-ratio--welcome-c,
    .video-aspect-ratio--welcome-dc,
    .video-aspect-ratio--welcome-kc,
    .video-aspect-ratio--welcome-dv,
    .video-aspect-ratio--welcome-kv {
        aspect-ratio: 16 / 9;
        height: auto !important;
    }

    /*.video-aspect-ratio--homepage {*/
    /*  height: unset !important;*/
    /*}*/

    @media screen and (max-width: 640px) {
        .video-aspect-ratio {
            aspect-ratio: 9 / 16;
            height: auto !important;
        }

        .video-aspect-ratio--welcome,
        .video-aspect-ratio--welcome-tg,
        .video-aspect-ratio--welcome-ma,
        .video-aspect-ratio--tb,
        .video-aspect-ratio--bg-welcome,
        .video-aspect-ratio--ob,
        .video-aspect-ratio--ob-ii,
        .video-aspect-ratio--tb,
        .video-aspect-ratio--tb-ii,
        .video-aspect-ratio--welcome-np,
        .video-aspect-ratio--welcome-ih,
        .video-aspect-ratio--welcome-em,
        .video-aspect-ratio--welcome-email,
        .video-aspect-ratio--welcome-ih-v,
        .video-aspect-ratio--welcome-ih-c,
        .video-aspect-ratio--welcome-v,
        .video-aspect-ratio--welcome-a,
        .video-aspect-ratio--welcome-video-track,
        .video-aspect-ratio--welcome-nl,
        .video-aspect-ratio--welcome-y,
        .video-aspect-ratio--welcome-x,
        .video-aspect-ratio--welcome-m,
        .video-aspect-ratio--welcome-c,
        .video-aspect-ratio--welcome-dc,
        .video-aspect-ratio--welcome-kc,
        .video-aspect-ratio--welcome-dv,
        .video-aspect-ratio--welcome-kv {
            aspect-ratio: 1 / 1.54 !important;
            height: auto !important;
        }

        .video-aspect-ratio--confirmation-resurge,
        .video-aspect-ratio--confirmation-metaboflex,
        .video-aspect-ratio--confirmation-javaburn {
            aspect-ratio: 1 / 1.3;
            height: auto !important;
        }
    }
}

.container-smaller {
    max-width: 784px !important;
}

.section--texts ol li,
.section--texts p {
    margin-bottom: 20px;
}

.section--texts ol li.list-decimal {
    margin-left: 1.5rem;
}

.section--texts p:last-child {
    margin-bottom: 0;
}

.acumin {
    font-family: 'acumin-pro-extra-condensed', sans-serif!important;
}

.open-sans {
    font-family: 'Open Sans', sans-serif !important;
}

.oswald {
    font-family: 'Oswald', sans-serif;
}

.chain-printer {
    font-family: 'Chainprinter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'acumin-pro-extra-condensed', sans-serif;
}

ol,
ol li,
p {
    font-size: 20px;
    line-height: 30px;
}

@media screen and (max-width: 640px) {
    p {
        font-size: 22px;
        line-height: 32px;
    }

    .bg-leaf-mobile {
        background: url('/images/bgLeaf.png') no-repeat top center;
        background-size: cover;
    }

    @supports (gap: 1px) {
        .bg-leaf-mobile {
            background: url('/images/bgLeaf.webp') no-repeat top center;
            background-size: cover;
        }
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*.bg-special-introductory {*/
/*  background: url('/images/specialIntroductoryBg.png') no-repeat top center;*/
/*  background-size: cover;*/
/*}*/

.bg-special-introductory {
    background: #008CD5;
}

.bg-leaf {
    background: url('/images/bgLeaf.png') no-repeat top center;
    background-size: cover;
}

.bg-lines {
    background: #06AFCD url('/images/welcome-bg.png') no-repeat top center;
    background-size: cover;
}

@supports (gap: 1px) {
    .bg-leaf {
        -webkit-background-size: cover;
        background: url('/images/bgLeaf.webp') no-repeat top center;
        background-size: cover;
    }

    .bg-lines {
        -webkit-background-size: cover;
        background: #06AFCD url('/images/welcome-bg.webp') no-repeat top center;
        background-size: cover;
    }
}

@media screen and (max-width: 640px) {
    .bg-leaf {
        background: url('/images/bgLeafMobile.png') no-repeat top center;
        background-size: cover;
    }
}

.bg-yellow-gradient {
    background-image: linear-gradient(0deg, #fee100 0%, #ffff00 100%);
}

.bg-yellow-gradient-hover:hover {
    background-image: linear-gradient(0deg, #ffff00 0%, #fee100 100%);
}

/*@media screen and (min-width: 640px) {*/
/*  .bg-faq {*/
/*    background: url('/images/livpure/transparentLogo.png') no-repeat right 150px;*/
/*    background-size: 550px 800px;*/
/*  }*/
/*}*/

.fullscreen-video {
    background: black;
    height: 100vh !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#intro,
.bottom-skew {
    position: relative;
}

#intro:after,
.bottom-skew:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 50vw solid #fff;
    border-right: 50vw solid #fff;
    border-top: 100px solid transparent;
}

.bottom-skew--upsell {
    position: relative;
}

.bottom-skew--upsell:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 50vw solid #fff;
    border-right: 50vw solid #fff;
    border-top: 190px solid transparent;
}

@media screen and (max-width: 1000px) {
    .bottom-skew--upsell:after {
        border-top: 140px solid transparent;
    }
}

@media screen and (max-width: 650px) {
    .bottom-skew--upsell:after {
        border-top: 110px solid transparent;
    }

    .container--small-padding {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.bg-intro-metaboflex {
    background-image: linear-gradient(180deg, #1a6b43, #3c7740 80%);
}

.bg-intro-resurge, .bg-intro-renew {
    background: #25397e;
}

.bg-intro-livpure {
    /* light-blue: #CEF8FF */

    /* blue: #00B5D9 */
    background-image: linear-gradient(180deg, #00B5D9, #006587 99%);
}

.bg-resurge {
    background: linear-gradient(
            to top,
            rgba(19, 42, 116, 0.93) 0%,
            rgba(7, 108, 179, 0.93) 60%,
            rgba(0, 147, 216, 0.93) 100%
    ) !important;
}

.bg-metabo {
    background: #004d2d url('/images/mbgBg.png') no-repeat 50%;
    background-size: cover;

}

.bg-javaburn {
    background: black url(/images/javaburn/jb-welcome-bg.jpg);
}

.bg-gradient-orange {
    background-image: linear-gradient(180deg, #f99e21, #f47326 80%);
}

.bg-light-blue-gradient {
    background-image: linear-gradient(180deg, #CEF7FF, #CEF8FF 80%);
}

.bg-light-green {
    background: #f0fce6!important;
}

.border-dark-green {
    border-color: #004d2d!important;
}

.crossout {
    position: relative !important;
    display: inline-block !important;
}

.crossout:after {
    position: absolute;
    content: '';
    width: 130%;
    left: 50%;
    display: inline-block;
    top: calc(50% + 5px);
    transform: translate(-50%, -50%);
    height: 20px;
    background: url(/images/crossout.png) no-repeat 50%;
    background-size: contain;
}

.outline-yellow {
    background: #ffe219;
    box-shadow: 5px 0 0 #ffe219, -5px 0 0 #ffe219;
}

.before-after-para {
    position: relative;
}

.before-after-para:after {
    content: "'";
    position: absolute;
    top: 6%;
    left: 91.5%;
}

.before-after-para:before {
    content: "'";
    position: absolute;
    top: 6%;
    right: 92%;
}

.before-after-para--2:before {
    right: 93.5%;
}

.fit-after-selector:after {
    height: 100%;
}

.checkbox-container {
    text-align: center;
    vertical-align: middle;
    /*display: inline-block;*/
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid black;
    border-radius: 2px;
}

.checkbox-container input {
    display: none;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-container--metaboflex:hover input ~ .checkmark {
    border-color: #1a6b43;
}

.checkbox-container input:checked ~ .checkmark {
    border-color: #1a6b43;
}

.checkmark svg {
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkmark svg {
    display: block;
    width: 18px;
    top: -1px;
    left: 1;
}

.checkbox-container--renew input:checked ~ .checkmark,
.checkbox-container--renew:hover input ~ .checkmark,
.checkbox-container--resurge input:checked ~ .checkmark,
.checkbox-container--javaburn input:checked ~ .checkmark,
.checkbox-container--livpure input:checked ~ .checkmark{
    border-color: #13b6f0;
}

.btn-yellow {
    background-image: linear-gradient(0deg, rgb(255, 229, 0) 0%, rgb(255, 253, 0) 100%);
}

.disable-pseudo::after,
.disable-pseudo::before {
    display: none;
}

.change-hei {
    height: 800px;
}

@media screen and (max-width: 640px) {
    .checkbox-container {
        padding-left: 0;
    }

    .change-hei {
        height: 500px;
    }

    .bg-leaf-metabo-mobile {
        background: #004d2d url('/images/bgLeaf-mobile.png') no-repeat center center;
        background-size: cover;
    }

    @supports (gap: 1px) {
        .bg-leaf-metabo-mobile {
            background: #004d2d url('/images/bgLeaf-mobile.webp') no-repeat center center;
            background-size: cover;
        }
    }
}

.bg-leaf-metabo {
    background: #004d2d url('/images/mbgBg.png') no-repeat center center;
    background-size: cover;
}

@supports (gap: 1px) {
    .bg-leaf-metabo {
        background: #004d2d url('/images/mbgBg.webp') no-repeat center center;
        background-size: cover;
    }
}


.special-introducing {
    min-height: 600px;
    background: white url('/images/special-introducing-bg.png') no-repeat top center;
    background-size: cover;
}

@media screen and (max-width: 640px) {
    .special-introducing {
        min-height: 500px;
        background: white url('/images/javaburn/special-introducing-bg-mobile.png') no-repeat center -1px;
        background-size: cover !important;
    }

    .introducing-img {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        margin: -124px auto 0;
    }
}

@media screen and (max-width: 800px) {
    .introducing-img {
        margin: -200px auto 0;
    }
}

.introducing-img {
    width: 1000px;
    margin: -255px auto 0;
}

@media screen and (min-width: 640px) {
    .running-man__block,
    .pr-15 {
        padding-right: 15rem !important;
    }
    .running-man::after {
        content: '';
        position: absolute;
        right: -10%;
        top: -5%;
        width: 50%;
        height: 90%;
        background: url('/images/javaburn/running-man.png') no-repeat center center;
        background-size: 800px;
        z-index: -1;
    }
}

@media screen and (min-width: 2000px) {
    .running-man::after {
        right: 5%;
    }
}

.running-man {
    position: relative;
}

.roboto-slab {
    font-family: 'Roboto Slab', sans-serif !important;
}

.javaburn-stick .border-solid {
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
}

@media screen and (max-width: 640px) {
    .javaburn-stick img {
        border-top: none !important;
    }

    .javaburn-stick .border-solid {
        border-top: none !important;
    }
}

.javaburn-stick {
    background: url('/images/javaburn/javaburn-stick-bg.jpg') no-repeat center center;
    background-size: cover;
}

.javaburn-stick p {
    font-weight: 600;
    font-size: 22px;
}

.coffee-bg {
    background: url('/images/javaburn/jb-coffee-bg.jpg') no-repeat center center;
    background-size: cover;
}

.free-shipping-java {
    background: url('/images/javaburn/shipping-cost-bg.png') no-repeat top center;
    background-size: cover;
    font-size: 2rem !important;
}

.wistia-video {
    min-height: 300px;
}

.tablet .wistia-video {
    min-height: 300px;
}

.tablet .tablet-min-h-screen {
    min-height: 100vh !important;
}

.wistia-video img {
    width: 100% !important;
}

.couple-bg-java-2 {
    background: url('/images/javaburn/res-couple-coffe.png') no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 640px) {
    .coffee-bg {
        background: url('/images/javaburn/coffee-bg-mobile.png') no-repeat 50%;
        background-size: cover !important;
    }

    .wistia-video {
        min-height: 150px;
    }

    .couple-bg-java {
        background-image: url('/images/javaburn/happy-people.jpg'),
        linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
        background-blend-mode: overlay;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .couple-bg-java-2 {
        background: url(/images/javaburn/res-couple-bg-mobile.png) no-repeat 50% !important;
        background-size: cover !important;
    }

    .free-shipping-res {
        background: url(/images/javaburn/res-bg-6-mobile.png) no-repeat 50% !important;
        background-size: 100% !important;
    }

    .free-shipping-res div {
        font-size: 2.6rem !important;
        line-height: 3rem !important;
    }

    .res-nightmare {
        background: url(/images/resurge/res-bg-5.png) no-repeat top;
        background-size: cover;
        height: 600px;
    }
}

.res-list li {
    position: relative;
    padding-left: 40px;
}

.res-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    background: url(/images/javaburn/res-list-style.png) no-repeat 50%;
    background-size: cover;
}

.highlighted-javaburn {
    border-color: orange;
    background: linear-gradient(to bottom, #fee8c1, transparent) !important;
}

.highlighted-resurge {
    border-color: #0981ba;
    background: linear-gradient(to bottom, #e1f5ff, transparent) !important;
}

.buy-area-item-img-hei {
    max-height: 185px;
    width: auto;
}

@media screen and (max-width: 640px) {
    .highlighted-javaburn {
        background: linear-gradient(to right, #fee8c1, transparent) !important;
    }

    .highlighted-resurge {
        background: linear-gradient(to right, #e1f5ff, transparent) !important;
    }

    .scale-mobile-video-when-paused div {
        /*transform: scale(1.5);*/
        transform: scaleX(1.03) scaleY(1.03);
    }

    .buy-area-item-img-hei {
        max-height: 150px;
    }
}

.tap-to-play-smaller .tap-to-play {
    transform: scale(70%);
}

.internet-explorer .hidden-content {
    display: block !important;
}

.internet-explorer .placeholder-content {
    display: none !important;
}

.bg-yellow-gradient-livpure {
    background-image: linear-gradient( 0deg, #FFCD00 0%, #FFE042 100%);
}

.bg-yellow-gradient-livpure-hover:hover {
    background-image: linear-gradient( 0deg, #FFE042 0%,#FFCD00 100%);
}


.bg-livpure-moneyback {
    background-image: linear-gradient( 90deg, rgb(199,134,76) 0%, rgb(229,197,123) 33%, rgb(229,197,123) 50%, rgb(199,134,76) 100%);
}

.bg-gold-gradient {
    background-image: linear-gradient( 180deg, rgb(229,197,123) 0%, rgb(199,134,76) 100%);
}



.free-highlight-3:hover:after, .free-highlight-6:hover:after {
    transform: none!important;
}

.free-highlight-6:after, .free-highlight-3:after {
    height: 107.5%!important;
    width: 110%!important;
    left: -6.5%;
    top: -6%;
    content: "";
    position: absolute;
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    background-color: #FFE700;
    z-index: -1;
}

.free-highlight-6:after {
    left: -3%;
    width: 105%!important;
    border-radius: 0;
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.free-highlight-3:before, .free-highlight-6:before {
    content: "";
    background: url(/images/arrow-down.png) no-repeat 50%;
    background-size: contain;
    width: 85px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 20;
    --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));
}

@media screen and (max-width: 640px) {
    .free-highlight-3:before, .free-highlight-6:before {
        display: none!important;
    }

    .free-highlight-6:after {
        left: -10%;
        height: 118.5%!important;
        width: 115%!important;
        border-radius: 0;
        border-top-left-radius: 0.75rem;
        border-bottom-left-radius: 0.75rem;
    }

    .free-highlight-3:after {
        left: -10%!important;
        width: 115%!important;
        height: 110.5% !important;
    }
}

.free-highlight-6, .free-highlight-3 {
    border-color: #FFE700;
}

.res-free {
    width: calc(64.6% + 13px );
    right: 0.20rem !important;
    top: -16.2rem !important;
    background: #FFE217;
}

@media screen and (min-width: 640px ) and ( max-width: 1024px) {
    .res-free {
        width: calc(64.6% + 0px);
        right: 0.8rem !important;
    }
}

@media screen and (max-width: 640px) {
    .res-free {
        top: auto !important;
        display: block;
        position: relative !important;
        width: 110%;
        left: -22px;
    }
}



.the-menu-bg {
    z-index: 99999;
}

.the-menu {
    width: 500px;
    z-index: 99999;
}

.the-menu ul{
    padding-top: 2rem;
}
.the-menu a{
    margin-bottom: 0.5rem;
    display: block;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #999;
}
.the-menu a:hover{
    color: #f9741a;
}


.video-controls {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    position: absolute;
    z-index: 100000;
    top: 0;
    padding: 5%;
    background: transparent;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

.video-controls--bar--top {
    width: 90px;
}

.video-controls--bar {
    background: #000000bf;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
}

.video-controls--bar--control-seek {
    color: #ffffff;
    display: flex;
    flex-direction: row;
    font-size: 60px;
    gap: 15px;
    justify-content: space-between;
    width: 90%;
}

.video-controls--bar--control-seek--bar {
    align-self: center;
    border-radius: 20px;
    display: flex;
    flex-grow: 1;
    height: 80%;
    overflow: hidden;
}


input[type="range"].video-controls--bar--control-seek--bar--range {
    width: 100%;
    margin: -4.95px 0;
    background-color: transparent;
    -webkit-appearance: none;
}
input[type="range"].video-controls--bar--control-seek--bar--range:focus {
    outline: none;
}
input[type="range"].video-controls--bar--control-seek--bar--range::-webkit-slider-runnable-track {
    background: rgba(238, 238, 238, 0.5);
    border: 0;
    border-radius: 25px;
    width: 100%;
    height: 25px;
    cursor: pointer;
}
input[type="range"].video-controls--bar--control-seek--bar--range::-webkit-slider-thumb {
    margin-top: 2.5px;
    width: 35px;
    height: 20px;
    background: rgba(255, 255, 255, 0.93);
    border: 2.9px solid #000000;
    border-radius: 40px;
    cursor: pointer;
    -webkit-appearance: none;
}
input[type="range"].video-controls--bar--control-seek--bar--range::-moz-range-thumb {
    width: 35px;
    height: 20px;
    background: rgba(255, 255, 255, 0.93);
    border: 2.9px solid #000000;
    border-radius: 40px;
    cursor: pointer;
    margin-top: 1px;
}
input[type="range"].video-controls--bar--control-seek--bar--range::-ms-thumb {
    width: 35px;
    height: 20px;
    background: rgba(255, 255, 255, 0.93);
    border: 2.9px solid #000000;
    border-radius: 40px;
    cursor: pointer;
    margin-top: 0px; /*Needed to keep the Edge thumb centred*/
}
input[type="range"].video-controls--bar--control-seek--bar--range:focus::-webkit-slider-runnable-track {
    background: #fbfbfb;
}
input[type="range"].video-controls--bar--control-seek--bar--range::-moz-range-track {
    background: rgba(238, 238, 238, 0.5);
    border: 0;
    border-radius: 25px;
    width: 100%;
    height: 30px;
    cursor: pointer;
}
input[type="range"].video-controls--bar--control-seek--bar--range::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 0 0;
    color: transparent;
    width: 100%;
    height: 30px;
    cursor: pointer;
}
input[type="range"].video-controls--bar--control-seek--bar--range::-ms-fill-lower {
    background: #e1e1e1;
    border: 0;
    border-radius: 50px;
}
input[type="range"].video-controls--bar--control-seek--bar--range::-ms-fill-upper {
    background: rgba(238, 238, 238, 0.5);
    border: 0;
    border-radius: 50px;
}
input[type="range"].video-controls--bar--control-seek--bar--range:focus::-ms-fill-lower {
    background: rgba(238, 238, 238, 0.5);
}
input[type="range"].video-controls--bar--control-seek--bar--range:focus::-ms-fill-upper {
    background: #fbfbfb;
} /*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out how to remove the virtical space around the range input in IE*/
@supports (-ms-ime-align: auto) {
    /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
    input[type="range"].video-controls--bar--control-seek--bar--range {
        margin: 0; /*Edge starts the margin from the thumb, not the track as other browsers do*/
    }
}


.video-controls--bar--control-play--playing img, .video-controls--bar--control-play--paused img {
    height: 60px;
    padding: 30px;
}

.video-controls--bar--control-close img {
    height: 60px;
    padding: 10px;
}

.video-controls--bar--top {
    width: 90px;
}

@media screen and (min-width: 1024px) {
    .bg-scientists {
        background: url('/images/scientistsBg.png') no-repeat left center;
    }

    @supports (gap: 1px) {
        .bg-scientists {
            background: url('/images/scientistsBg.webp') no-repeat left center;
        }
    }
}

@media screen and (max-width: 1600px) {
    .bg-scientists {
        background-size: 50%;
        background-position: left top;
    }
}

@media screen and (max-width: 1400px) {
    .bg-scientists {
        background-size: 40%;
        background-position: left top;
    }
}

.bg-scientists-discover {
    background: url('/images/renew/scientistsBg.png') no-repeat top center;
}

.bg-scientists-problem {
    background: #010043 url('/images/renew/bg-phone.jpg') no-repeat center center;
    background-size: cover;
}


.bg-development {
    background: #25217A url('/images/renew/bgDevelopment.jpg') no-repeat top center;
}

.bg-attempts {
    background: #020044 url('/images/renew/bgAttempts.jpg') no-repeat top right;
}

.bg-renew-faqs {
    background: white url('/images/renew/bgFaqs.jpg') no-repeat top center;
}

.bg-salt-water {
    background: #082574 url('/images/renew/welcomeBg.png') no-repeat top center;
    background-size: auto 100%;
}

@media screen and (max-width: 640px) {
    .bg-scientists-problem {
        background: #010043 url('/images/renew/bg-phone-mobile.jpg') no-repeat center center;
        background-size: cover;
    }

    .bg-development {
        background: #25217A url('/images/renew/bgDevelopment-mobile.jpg') no-repeat top center;
    }

    .bg-attempts {
        background: #020044 url('/images/renew/bgAttempts-mobile.jpg') no-repeat top center;
    }

    .bg-renew-faqs {
        background: white url('/images/renew/bgFaqs-mobile.jpg') no-repeat top center;
    }

    .bg-salt-water {
        background: #020044 url('/images/renew/bgDevelopment.jpg') no-repeat top right;
    }
}


@media screen and (min-width: 1600px) {
    .bg-salt-water {
        background-size: auto 100%;
    }
}


.scientific-ref {
    background: #252176;
    color: #CFD3F0;
}

.scientific-ref b{
    margin-bottom: 0.75rem;
    display: table;
}
.scientific-ref p{
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.hover\:z-50:hover{
    z-index: 50;
}
.hover\:scale-105:hover{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:\!bg-blue:hover{
    background-color: #00B5D9 !important;
}
.hover\:bg-\[\#C99939\]:hover{
    background-color: #C99939;
}
.hover\:text-black:hover{
    color: #000;
}
.hover\:text-white:hover{
    color: #fff;
}
.hover\:underline:hover{
    text-decoration-line: underline;
}
.hover\:\!no-underline:hover{
    text-decoration-line: none !important;
}
.hover\:no-underline:hover{
    text-decoration-line: none;
}
.hover\:shadow-2xl:hover{
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:underline:focus{
    text-decoration-line: underline;
}
.group:hover .group-hover\:bg-blue{
    background-color: #00B5D9;
}
.group:hover .group-hover\:text-\[\#13B6F0\]{
    color: #13B6F0;
}
.group:hover .group-hover\:text-green{
    color: #1A6B43;
}
.group:hover .group-hover\:text-white{
    color: #fff;
}
.group:hover .group-hover\:\!shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
@media (min-width: 640px){

    .sm\:absolute{
        position: absolute;
    }

    .sm\:-bottom-4{
        bottom: -1rem;
    }

    .sm\:-right-10{
        right: -2.5rem;
    }

    .sm\:-right-2{
        right: -0.5rem;
    }

    .sm\:bottom-12{
        bottom: 3rem;
    }

    .sm\:left-1\/2{
        left: 50%;
    }

    .sm\:left-4{
        left: 1rem;
    }

    .sm\:right-4{
        right: 1rem;
    }

    .sm\:top-4{
        top: 1rem;
    }

    .sm\:order-1{
        order: 1;
    }

    .sm\:m-0{
        margin: 0px;
    }

    .sm\:m-auto{
        margin: auto;
    }

    .sm\:mx-0{
        margin-left: 0px;
        margin-right: 0px;
    }

    .sm\:my-3{
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .sm\:\!-mt-72{
        margin-top: -18rem !important;
    }

    .sm\:\!mt-0{
        margin-top: 0px !important;
    }

    .sm\:\!mt-16{
        margin-top: 4rem !important;
    }

    .sm\:\!mt-20{
        margin-top: 5rem !important;
    }

    .sm\:\!mt-32{
        margin-top: 8rem !important;
    }

    .sm\:\!mt-4{
        margin-top: 1rem !important;
    }

    .sm\:\!mt-6{
        margin-top: 1.5rem !important;
    }

    .sm\:\!mt-72{
        margin-top: 18rem !important;
    }

    .sm\:-mb-12{
        margin-bottom: -3rem;
    }

    .sm\:-mb-3{
        margin-bottom: -0.75rem;
    }

    .sm\:-mb-6{
        margin-bottom: -1.5rem;
    }

    .sm\:-mb-96{
        margin-bottom: -24rem;
    }

    .sm\:-ml-6{
        margin-left: -1.5rem;
    }

    .sm\:-mr-8{
        margin-right: -2rem;
    }

    .sm\:-mt-10{
        margin-top: -2.5rem;
    }

    .sm\:-mt-16{
        margin-top: -4rem;
    }

    .sm\:-mt-2{
        margin-top: -0.5rem;
    }

    .sm\:-mt-20{
        margin-top: -5rem;
    }

    .sm\:-mt-4{
        margin-top: -1rem;
    }

    .sm\:-mt-44{
        margin-top: -11rem;
    }

    .sm\:-mt-80{
        margin-top: -20rem;
    }

    .sm\:mb-0{
        margin-bottom: 0px;
    }

    .sm\:mb-12{
        margin-bottom: 3rem;
    }

    .sm\:mb-2{
        margin-bottom: 0.5rem;
    }

    .sm\:mb-24{
        margin-bottom: 6rem;
    }

    .sm\:mb-4{
        margin-bottom: 1rem;
    }

    .sm\:mb-6{
        margin-bottom: 1.5rem;
    }

    .sm\:mb-7{
        margin-bottom: 1.75rem;
    }

    .sm\:mb-8{
        margin-bottom: 2rem;
    }

    .sm\:ml-0{
        margin-left: 0px;
    }

    .sm\:ml-12{
        margin-left: 3rem;
    }

    .sm\:ml-4{
        margin-left: 1rem;
    }

    .sm\:ml-auto{
        margin-left: auto;
    }

    .sm\:mr-8{
        margin-right: 2rem;
    }

    .sm\:mt-0{
        margin-top: 0px;
    }

    .sm\:mt-0\.5{
        margin-top: 0.125rem;
    }

    .sm\:mt-1{
        margin-top: 0.25rem;
    }

    .sm\:mt-1\.5{
        margin-top: 0.375rem;
    }

    .sm\:mt-10{
        margin-top: 2.5rem;
    }

    .sm\:mt-12{
        margin-top: 3rem;
    }

    .sm\:mt-14{
        margin-top: 3.5rem;
    }

    .sm\:mt-16{
        margin-top: 4rem;
    }

    .sm\:mt-2{
        margin-top: 0.5rem;
    }

    .sm\:mt-20{
        margin-top: 5rem;
    }

    .sm\:mt-24{
        margin-top: 6rem;
    }

    .sm\:mt-3{
        margin-top: 0.75rem;
    }

    .sm\:mt-36{
        margin-top: 9rem;
    }

    .sm\:mt-4{
        margin-top: 1rem;
    }

    .sm\:mt-5{
        margin-top: 1.25rem;
    }

    .sm\:mt-6{
        margin-top: 1.5rem;
    }

    .sm\:mt-8{
        margin-top: 2rem;
    }

    .sm\:mt-auto{
        margin-top: auto;
    }

    .sm\:block{
        display: block;
    }

    .sm\:inline{
        display: inline;
    }

    .sm\:table{
        display: table;
    }

    .sm\:hidden{
        display: none;
    }

    .sm\:h-10{
        height: 2.5rem;
    }

    .sm\:h-3{
        height: 0.75rem;
    }

    .sm\:h-5\/6{
        height: 83.333333%;
    }

    .sm\:h-auto{
        height: auto;
    }

    .sm\:max-h-56{
        max-height: 14rem;
    }

    .sm\:min-h-0{
        min-height: 0px;
    }

    .sm\:\!w-auto{
        width: auto !important;
    }

    .sm\:w-1\/3{
        width: 33.333333%;
    }

    .sm\:w-10{
        width: 2.5rem;
    }

    .sm\:w-2\/3{
        width: 66.666667%;
    }

    .sm\:w-3{
        width: 0.75rem;
    }

    .sm\:w-4\/5{
        width: 80%;
    }

    .sm\:w-\[80px\]{
        width: 80px;
    }

    .sm\:w-\[98\%\]{
        width: 98%;
    }

    .sm\:w-auto{
        width: auto;
    }

    .sm\:w-full{
        width: 100%;
    }

    .sm\:\!max-w-\[80\%\]{
        max-width: 80% !important;
    }

    .sm\:\!max-w-\[980px\]{
        max-width: 980px !important;
    }

    .sm\:max-w-\[280px\]{
        max-width: 280px;
    }

    .sm\:max-w-\[700px\]{
        max-width: 700px;
    }

    .sm\:max-w-\[720px\]{
        max-width: 720px;
    }

    .sm\:max-w-full{
        max-width: 100%;
    }

    .sm\:-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));
    }

    .sm\: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));
    }

    .sm\: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));
    }

    .sm\:scale-120{
        --tw-scale-x: 1.20;
        --tw-scale-y: 1.20;
        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));
    }

    .sm\: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));
    }

    .sm\:scale-\[120\%\]{
        --tw-scale-x: 120%;
        --tw-scale-y: 120%;
        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));
    }

    .sm\:scale-x-\[115\%\]{
        --tw-scale-x: 115%;
        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));
    }

    .sm\:scale-x-\[120\%\]{
        --tw-scale-x: 120%;
        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));
    }

    .sm\:scale-y-115{
        --tw-scale-y: 1.15;
        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));
    }

    .sm\:scale-y-\[110\%\]{
        --tw-scale-y: 110%;
        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));
    }

    .sm\: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));
    }

    .sm\:transform-none{
        transform: none;
    }

    .sm\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:flex-row{
        flex-direction: row;
    }

    .sm\:flex-col{
        flex-direction: column;
    }

    .sm\:items-start{
        align-items: flex-start;
    }

    .sm\:items-center{
        align-items: center;
    }

    .sm\:justify-center{
        justify-content: center;
    }

    .sm\:gap-6{
        gap: 1.5rem;
    }

    .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:overflow-hidden{
        overflow: hidden;
    }

    .sm\:bg-gradient-to-b{
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    }

    .sm\:p-0{
        padding: 0px;
    }

    .sm\:p-\[1vw\]{
        padding: 1vw;
    }

    .sm\:\!px-0{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .sm\:\!px-14{
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }

    .sm\:\!px-4{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sm\:\!py-4{
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .sm\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }

    .sm\:px-2{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .sm\:px-20{
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .sm\:px-24{
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .sm\:px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .sm\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .sm\:px-7{
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .sm\:px-8{
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .sm\:py-0{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .sm\:py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .sm\:py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .sm\:py-2{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .sm\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .sm\:py-32{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .sm\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .sm\:py-5{
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .sm\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .sm\:py-8{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .sm\:\!pb-64{
        padding-bottom: 16rem !important;
    }

    .sm\:pb-0{
        padding-bottom: 0px;
    }

    .sm\:pb-16{
        padding-bottom: 4rem;
    }

    .sm\:pb-2{
        padding-bottom: 0.5rem;
    }

    .sm\:pb-20{
        padding-bottom: 5rem;
    }

    .sm\:pb-28{
        padding-bottom: 7rem;
    }

    .sm\:pb-32{
        padding-bottom: 8rem;
    }

    .sm\:pb-64{
        padding-bottom: 16rem;
    }

    .sm\:pl-0{
        padding-left: 0px;
    }

    .sm\:pl-10{
        padding-left: 2.5rem;
    }

    .sm\:pl-14{
        padding-left: 3.5rem;
    }

    .sm\:pl-6{
        padding-left: 1.5rem;
    }

    .sm\:pr-0{
        padding-right: 0px;
    }

    .sm\:pr-20{
        padding-right: 5rem;
    }

    .sm\:pr-24{
        padding-right: 6rem;
    }

    .sm\:pr-96{
        padding-right: 24rem;
    }

    .sm\:pr-\[1\.125rem\]{
        padding-right: 1.125rem;
    }

    .sm\:pt-0{
        padding-top: 0px;
    }

    .sm\:pt-10{
        padding-top: 2.5rem;
    }

    .sm\:pt-12{
        padding-top: 3rem;
    }

    .sm\:pt-16{
        padding-top: 4rem;
    }

    .sm\:pt-20{
        padding-top: 5rem;
    }

    .sm\:pt-3{
        padding-top: 0.75rem;
    }

    .sm\:pt-3\.5{
        padding-top: 0.875rem;
    }

    .sm\:pt-36{
        padding-top: 9rem;
    }

    .sm\:pt-4{
        padding-top: 1rem;
    }

    .sm\:pt-6{
        padding-top: 1.5rem;
    }

    .sm\:pt-8{
        padding-top: 2rem;
    }

    .sm\:text-left{
        text-align: left;
    }

    .sm\:text-center{
        text-align: center;
    }

    .sm\:text-justify{
        text-align: justify;
    }

    .sm\:\!text-2xl{
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }

    .sm\:\!text-3xl{
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }

    .sm\:\!text-5xl{
        font-size: 3rem !important;
        line-height: 1 !important;
    }

    .sm\:\!text-\[3\.5rem\]{
        font-size: 3.5rem !important;
    }

    .sm\:text-11xl{
        font-size: 11rem;
    }

    .sm\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .sm\:text-3\.5xl{
        font-size: 2.1rem;
        line-height: 2.1rem;
    }

    .sm\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .sm\:text-4xl{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .sm\:text-5xl{
        font-size: 3rem;
        line-height: 1;
    }

    .sm\:text-6\.5xl{
        font-size: 4.2rem;
    }

    .sm\:text-6xl{
        font-size: 3.75rem;
        line-height: 1;
    }

    .sm\:text-7xl{
        font-size: 4.5rem;
        line-height: 1;
    }

    .sm\:text-8xl{
        font-size: 6rem;
        line-height: 1;
    }

    .sm\:text-9xl{
        font-size: 8rem;
        line-height: 1;
    }

    .sm\:text-\[1\.5rem\]{
        font-size: 1.5rem;
    }

    .sm\:text-\[1\.75rem\]{
        font-size: 1.75rem;
    }

    .sm\:text-\[11rem\]{
        font-size: 11rem;
    }

    .sm\:text-\[17\.5px\]{
        font-size: 17.5px;
    }

    .sm\:text-\[17px\]{
        font-size: 17px;
    }

    .sm\:text-\[2\.3rem\]{
        font-size: 2.3rem;
    }

    .sm\:text-\[2\.5rem\]{
        font-size: 2.5rem;
    }

    .sm\:text-\[20px\]{
        font-size: 20px;
    }

    .sm\:text-\[3\.1rem\]{
        font-size: 3.1rem;
    }

    .sm\:text-\[3\.5rem\]{
        font-size: 3.5rem;
    }

    .sm\:text-\[5\.3em\]{
        font-size: 5.3em;
    }

    .sm\:text-\[60px\]{
        font-size: 60px;
    }

    .sm\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .sm\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .sm\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .sm\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .sm\:font-bold{
        font-weight: 700;
    }

    .sm\:font-medium{
        font-weight: 500;
    }

    .sm\:leading-1\.1{
        line-height: 1.1;
    }

    .sm\:leading-10{
        line-height: 2.5rem;
    }

    .sm\:leading-6{
        line-height: 1.5rem;
    }

    .sm\:leading-9{
        line-height: 2.25rem;
    }

    .sm\:leading-\[1\.1\]{
        line-height: 1.1;
    }

    .sm\:leading-\[100\%\]{
        line-height: 100%;
    }

    .sm\:leading-\[1\]{
        line-height: 1;
    }

    .sm\:leading-\[3\.1rem\]{
        line-height: 3.1rem;
    }

    .sm\:leading-\[3\.5xl\]{
        line-height: 3.5xl;
    }

    .sm\:leading-\[3rem\]{
        line-height: 3rem;
    }

    .sm\:leading-\[4xl\]{
        line-height: 4xl;
    }

    .sm\:leading-\[60px\]{
        line-height: 60px;
    }

    .sm\:leading-\[7xl\]{
        line-height: 7xl;
    }

    .sm\:leading-none{
        line-height: 1;
    }

    .sm\:leading-normal{
        line-height: 1.5;
    }

    .sm\:leading-snug{
        line-height: 1.375;
    }

    .sm\:leading-tight{
        line-height: 1.25;
    }

    .sm\:shadow-2xl{
        --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .sm\:shadow-gray-500{
        --tw-shadow-color: #999;
        --tw-shadow: var(--tw-shadow-colored);
    }

    .sm\:hover\:scale-105:hover{
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .sm\:hover\:shadow-2xl:hover{
        --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}
@media (min-width: 768px){

    .md\:mt-48{
        margin-top: 12rem;
    }
}
@media (min-width: 1024px){

    .lg\:absolute{
        position: absolute;
    }

    .lg\:-right-12{
        right: -3rem;
    }

    .lg\:-mt-1{
        margin-top: -0.25rem;
    }

    .lg\:ml-auto{
        margin-left: auto;
    }

    .lg\:mr-0{
        margin-right: 0px;
    }

    .lg\:block{
        display: block;
    }

    .lg\:w-2\/3{
        width: 66.666667%;
    }

    .lg\:w-3\/5{
        width: 60%;
    }

    .lg\:whitespace-nowrap{
        white-space: nowrap;
    }
}
@media (min-width: 1200px){

    .min-\[1200px\]\:-mt-56{
        margin-top: -14rem;
    }

    .min-\[1200px\]\:mt-48{
        margin-top: 12rem;
    }

    .min-\[1200px\]\: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));
    }
}
@media (min-width: 1536px){

    .\32xl\:hover\:underline:hover{
        text-decoration-line: underline;
    }
}
@media (prefers-color-scheme: dark){

    .dark\:text-white{
        color: #fff;
    }
}