@font-face {
    font-family: "Poppins";
    src: url("../fonts/PlusJakartaSans.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("../fonts/Montserrat.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

img {
    max-width: 100%;
}

html, body {
    overflow-x: clip;
}

body {
    padding-bottom: 96px;
}

.layout-container {
    font-family: "Poppins", system-ui, sans-serif;
}

/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */
        *,
        ::before,
        ::after {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: #e5e7eb;
        }
        ::before,
        ::after {
            --tw-content: '';
        }
        html {
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-feature-settings: normal;
        }
        body {
            margin: 0;
            line-height: inherit;
        }
        hr {
            height: 0;
            color: inherit;
            border-top-width: 1px;
        }
        abbr:where([title]) {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: inherit;
            font-weight: inherit;
        }
        a {
            color: inherit;
            text-decoration: inherit;
        }
        b,
        strong {
            font-weight: bolder;
        }
        code,
        kbd,
        samp,
        pre {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            font-size: 1em;
        }
        small {
            font-size: 80%;
        }
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }
        sub {
            bottom: -0.25em;
        }
        sup {
            top: -0.5em;
        }
        table {
            text-indent: 0;
            border-color: inherit;
            border-collapse: collapse;
        }
        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            font-size: 100%;
            font-weight: inherit;
            line-height: inherit;
            color: inherit;
            margin: 0;
            padding: 0;
        }
        button,
        select {
            text-transform: none;
        }
        button,
        [type='button'],
        [type='reset'],
        [type='submit'] {
            -webkit-appearance: button;
            background-color: transparent;
            background-image: none;
        }
        :-moz-focusring {
            outline: auto;
        }
        :-moz-ui-invalid {
            box-shadow: none;
        }
        progress {
            vertical-align: baseline;
        }
        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto;
        }
        [type='search'] {
            -webkit-appearance: textfield;
            outline-offset: -2px;
        }
        ::-webkit-search-decoration {
            -webkit-appearance: none;
        }
        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit;
        }
        summary {
            display: list-item;
        }
        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;
        }
        textarea {
            resize: vertical;
        }
        input::-moz-placeholder,
        textarea::-moz-placeholder {
            opacity: 1;
            color: #9ca3af;
        }
        input::placeholder,
        textarea::placeholder {
            opacity: 1;
            color: #9ca3af;
        }
        button,
        [role="button"] {
            cursor: pointer;
        }
        :disabled {
            cursor: default;
        }
        img,
        svg,
        video,
        canvas,
        audio,
        iframe,
        embed,
        object {
            display: block;
            vertical-align: middle;
        }
        img,
        video {
            max-width: 100%;
            height: auto;
        }
        [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-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-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;
            }
        }
        .absolute {
            position: absolute;
        }
        .relative {
            position: relative;
        }
        .bottom-4 {
            bottom: 1rem;
        }
        .right-4 {
            right: 1rem;
        }
        .mx-auto {
            margin-left: auto;
            margin-right: auto;
        }
        .mb-0\.5 {
            margin-bottom: 0.125rem;
        }
        .mb-0 {
            margin-bottom: 0px;
        }
        .mb-1 {
            margin-bottom: 0.25rem;
        }
        .mb-2 {
            margin-bottom: 0.5rem;
        }
        .mb-4 {
            margin-bottom: 1rem;
        }
        .mb-6 {
            margin-bottom: 1.5rem;
        }
        .mb-14 {
            margin-bottom: 3.5rem;
        }
        .mt-10 {
            margin-top: 2.5rem;
        }
        .mt-auto {
            margin-top: auto;
        }
        .block {
            display: block;
        }
        .flex {
            display: flex;
        }
        .grid {
            display: grid;
        }
        .hidden {
            display: none;
        }
        .h-auto {
            height: auto;
        }
        .h-1 {
            height: 0.25rem;
        }
        .h-3 {
            height: 0.75rem;
        }
        .h-8 {
            height: 2rem;
        }
        .h-10 {
            height: 2.5rem;
        }
        .h-16 {
            height: 4rem;
        }
        .h-full {
            height: 100%;
        }
        .w-full {
            width: 100%;
        }
        .w-1 {
            width: 0.25rem;
        }
        .w-3 {
            width: 0.75rem;
        }
        .w-8 {
            width: 2rem;
        }
        .w-10 {
            width: 2.5rem;
        }
        .w-16 {
            width: 4rem;
        }
        .w-\[1px\] {
            width: 1px;
        }
        .w-\[30\%\] {
            width: 30%;
        }
        .w-\[45px\] {
            width: 45px;
        }
        .flex-shrink-0 {
            flex-shrink: 0;
        }
        .flex-1 {
            flex: 1 1 0%;
        }
        .flex-none {
            flex: none;
        }
        .translate-x-\[-50\%\] {
            --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));
        }
        .transform {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .cursor-pointer {
            cursor: pointer;
        }
        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .flex-row {
            flex-direction: row;
        }
        .flex-col {
            flex-direction: column;
        }
        .flex-wrap {
            flex-wrap: wrap;
        }
        .items-start {
            align-items: flex-start;
        }
        .items-center {
            align-items: center;
        }
        .justify-center {
            justify-content: center;
        }
        .justify-between {
            justify-content: space-between;
        }
        .gap-0\.5 {
            gap: 0.125rem;
        }
        .gap-0 {
            gap: 0px;
        }
        .gap-1 {
            gap: 0.25rem;
        }
        .gap-2 {
            gap: 0.5rem;
        }
        .gap-3 {
            gap: 0.75rem;
        }
        .gap-4 {
            gap: 1rem;
        }
        .gap-5 {
            gap: 1.25rem;
        }
        .gap-8 {
            gap: 2rem;
        }
        .overflow-hidden {
            overflow: hidden;
        }
        .overflow-x-auto {
            overflow-x: auto;
        }
        .truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .text-ellipsis {
            text-overflow: ellipsis;
        }
        .whitespace-nowrap {
            white-space: nowrap;
        }
        .rounded-full {
            border-radius: 9999px;
        }
        .rounded-lg {
            border-radius: 0.5rem;
        }
        .rounded-md {
            border-radius: 0.375rem;
        }
        .rounded-xl {
            border-radius: 0.75rem;
        }
        .border {
            border-width: 1px;
        }
        .border-b {
            border-bottom-width: 1px;
        }
        .border-l-2 {
            border-left-width: 2px;
        }
        .border-\[\#ABABAB\] {
            --tw-border-opacity: 1;
            border-color: rgb(171 171 171 / var(--tw-border-opacity));
        }
        .border-\[\#E5E7EB\] {
            --tw-border-opacity: 1;
            border-color: rgb(229 231 235 / var(--tw-border-opacity));
        }
        .border-\[\#e6e6e6\] {
            --tw-border-opacity: 1;
            border-color: rgb(230 230 230 / var(--tw-border-opacity));
        }
        .border-\[\#707071\] {
            --tw-border-opacity: 1;
            border-color: rgb(112 112 113 / var(--tw-border-opacity));
        }
        .border-\[\#7e8c8d\] {
            --tw-border-opacity: 1;
            border-color: rgb(126 140 141 / var(--tw-border-opacity));
        }
        .border-\[\#BCBCBC\] {
            --tw-border-opacity: 1;
            border-color: rgb(188 188 188 / var(--tw-border-opacity));
        }
        .bg-black {
            --tw-bg-opacity: 1;
            background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        }
        .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246 / var(--tw-bg-opacity));
        }
        .bg-gray-400 {
            --tw-bg-opacity: 1;
            background-color: rgb(156 163 175 / var(--tw-bg-opacity));
        }
        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
        .bg-\[\#f3f3f3\] {
            --tw-bg-opacity: 1;
            background-color: rgb(243 243 243 / var(--tw-bg-opacity));
        }
        .bg-\[\#f5f5f5\] {
            --tw-bg-opacity: 1;
            background-color: rgb(245 245 245 / var(--tw-bg-opacity));
        }
        .bg-\[\#f8f8f8\] {
            --tw-bg-opacity: 1;
            background-color: rgb(248 248 248 / var(--tw-bg-opacity));
        }
        .bg-\[\#ffffff\] {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
        .bg-\[\#d9eef3\] {
            --tw-bg-opacity: 1;
            background-color: rgb(217 238 243 / var(--tw-bg-opacity));
        }
        .bg-\[\#F0F2F1\] {
            --tw-bg-opacity: 1;
            background-color: rgb(240 242 241 / var(--tw-bg-opacity));
        }
        .bg-\[\#03b5a5\] {
            --tw-bg-opacity: 1;
            background-color: rgb(3 181 165 / var(--tw-bg-opacity));
        }
        .p-4 {
            padding: 1rem;
        }
        .p-5 {
            padding: 1.25rem;
        }
        .px-2 {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        .px-2\.5 {
            padding-left: 0.625rem;
            padding-right: 0.625rem;
        }
        .px-3 {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }
        .px-5 {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }
        .py-0\.5 {
            padding-top: 0.125rem;
            padding-bottom: 0.125rem;
        }
        .py-0 {
            padding-top: 0px;
            padding-bottom: 0px;
        }
        .py-1 {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
        }
        .py-2 {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
        .py-3 {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }
        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }
        .pl-2 {
            padding-left: 0.5rem;
        }
        .pl-14 {
            padding-left: 3.5rem;
        }
        .pl-5 {
            padding-left: 1.25rem;
        }
        .pt-8 {
            padding-top: 2rem;
        }
        .text-center {
            text-align: center;
        }
        .text-start {
            text-align: start;
        }
        .font-sans {
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }
        .text-base {
            font-size: 1rem;
            line-height: 1.5rem;
        }
        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem;
        }
        .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;
        }
        .text-\[10px\] {
            font-size: 10px;
        }
        .text-\[14px\] {
            font-size: 14px;
        }
        .text-\[16px\] {
            font-size: 16px;
        }
        .text-\[18px\] {
            font-size: 18px;
        }
        .text-\[20px\] {
            font-size: 20px;
        }
        .text-\[22px\] {
            font-size: 22px;
        }
        .font-bold {
            font-weight: 700;
        }
        .font-medium {
            font-weight: 500;
        }
        .font-normal {
            font-weight: 400;
        }
        .font-semibold {
            font-weight: 600;
        }
        .leading-tight {
            line-height: 1.25;
        }
        .text-black {
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
        }
        .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgb(107 114 128 / var(--tw-text-opacity));
        }
        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }
        .text-\[\#000000\] {
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
        }
        .text-\[\#03b5a5\] {
            --tw-text-opacity: 1;
            color: rgb(3 181 165 / var(--tw-text-opacity));
        }
        .text-\[\#3b5998\] {
            --tw-text-opacity: 1;
            color: rgb(59 89 152 / var(--tw-text-opacity));
        }
        .text-\[\#585858\] {
            --tw-text-opacity: 1;
            color: rgb(88 88 88 / var(--tw-text-opacity));
        }
        .text-\[\#7e8c8d\] {
            --tw-text-opacity: 1;
            color: rgb(126 140 141 / var(--tw-text-opacity));
        }
        .text-\[\#7f7f7f\] {
            --tw-text-opacity: 1;
            color: rgb(127 127 127 / var(--tw-text-opacity));
        }
        .text-\[\#979797\] {
            --tw-text-opacity: 1;
            color: rgb(151 151 151 / var(--tw-text-opacity));
        }
        .text-\[\#00af57\] {
            --tw-text-opacity: 1;
            color: rgb(0 175 87 / var(--tw-text-opacity));
        }
        .text-\[\#D72E20\] {
            --tw-text-opacity: 1;
            color: rgb(215 46 32 / var(--tw-text-opacity));
        }
        .shadow-md {
            --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        .transition-colors {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }
        .hover\:bg-gray-500:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(107 114 128 / var(--tw-bg-opacity));
        }
        @media (min-width: 768px) {
            .md\:mb-4 {
                margin-bottom: 1rem;
            }
            .md\:mb-6 {
                margin-bottom: 1.5rem;
            }
            .md\:ml-0 {
                margin-left: 0px;
            }
            .md\:block {
                display: block;
            }
            .md\:flex {
                display: flex;
            }
            .md\:hidden {
                display: none;
            }
            .md\:w-\[70px\] {
                width: 70px;
            }
            .md\:w-24 {
                width: 6rem;
            }
            .md\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .md\:flex-row {
                flex-direction: row;
            }
            .md\:gap-3 {
                gap: 0.75rem;
            }
            .md\:gap-8 {
                gap: 2rem;
            }
            .md\:pl-4 {
                padding-left: 1rem;
            }
            .md\:text-left {
                text-align: left;
            }
        }
        @media (min-width: 1024px) {
            .lg\:sticky {
                position: sticky;
            }
            .lg\:left-\[0px\] {
                left: 0px;
            }
            .lg\:top-0 {
                top: 0px;
            }
            .lg\:order-2 {
                order: 2;
            }
            .lg\:order-3 {
                order: 3;
            }
            .lg\:order-1 {
                order: 1;
            }
            .lg\:order-4 {
                order: 4;
            }
            .lg\:order-first {
                order: -9999;
            }
            .lg\:block {
                display: block;
            }
            .lg\:flex {
                display: flex;
            }
            .lg\:hidden {
                display: none;
            }
            .lg\:max-w-\[300px\] {
                max-width: 300px;
            }
            .lg\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .lg\:flex-row {
                flex-direction: row;
            }
            .lg\:gap-8 {
                gap: 2rem;
            }
            .lg\:p-0 {
                padding: 0px;
            }
            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem;
            }
            .lg\:py-12 {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }
        }

        /* custom styles */
        .rowbox {
            display: flex;
            flex-direction: row
        }
        .inlinebox {
            display: inline-block
        }
        .rowwrap {
            display: flex;
            flex-wrap: wrap
        }
        .rownowrap {
            display: flex;
            flex-wrap: nowrap
        }
        .rowitemsbox {
            display: flex;
            flex-direction: row;
            align-items: center
        }
        .colbox {
            display: flex;
            flex-direction: column
        }
        .flex-1 {
            flex: 1
        }
        .centercolumn {
            flex-direction: column
        }
        .autostart,
        .centercolumn {
            display: flex;
            justify-content: flex-start;
            align-items: center
        }
        .autocenter {
            display: flex;
            justify-content: center;
            align-items: center
        }
        .startbox {
            justify-content: flex-start
        }
        .endbox,
        .startbox {
            display: flex;
            flex-direction: row;
            align-items: center
        }
        .endbox {
            justify-content: flex-end
        }
        .centerbox {
            justify-content: center
        }
        .betweenbox,
        .centerbox {
            display: flex;
            flex-direction: row;
            align-items: center
        }
        .betweenbox {
            justify-content: space-between
        }
        .betweenbox1 {
            justify-content: space-between
        }
        .aroundbox,
        .betweenbox1 {
            display: flex;
            flex-direction: row
        }
        .aroundbox {
            justify-content: space-around;
            align-items: center
        }
        .betweenBombox {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-end
        }
        .tablerowbox {
            display: table;
            table-layout: fixed;
            width: 100%
        }
        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto
        }
        .font-montserrat {
            font-family: Montserrat
        }
        .font-montserrat-bold {
            font-family: Montserrat-Bold
        }
        .max-w-1200 {
            max-width: 1200px
        }
        .sp-text-ellipsis {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }
        .sp-text-line {
            text-overflow: -o-ellipsis-lastline;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical
        }
        .sp-image-box,
        .sp-text-line {
            overflow: hidden
        }
        .sp-line-through {
            color: #bdbdbd;
            text-decoration: line-through
        }
        .input-num-none input::-webkit-inner-spin-button,
        .input-num-none input::-webkit-outer-spin-button {
            -webkit-appearance: none!important;
            appearance: none!important
        }
        .input-num-none input[type=number] {
            -webkit-appearance: textfield;
            -moz-appearance: textfield;
            appearance: textfield
        }
        .input-num-none input {
            border: none;
            font-size: .875rem;
            flex: 1;
            width: .3125rem;
            text-align: center
        }
        .sp-paragraph {
            word-break: break-word;
            white-space: break-spaces
        }
        select {
            margin: 0;
            box-sizing: border-box;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
            background-position: right .5rem center;
            background-repeat: no-repeat;
            background-size: 1.5em 1.5em;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact
        }
        select.small {
            background-position: right .125rem center
        }
        input[type=checkbox],
        input[type=radio] {
            --tw-shadow: 0 0 transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: #fff;
            background-origin: border-box;
            display: inline-block;
            flex-shrink: 0;
            padding: 0;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            vertical-align: middle
        }
        input[type=radio] {
            border-radius: 100%
        }
        input[type=checkbox]:checked,
        input[type=radio]:checked {
            background-color: currentColor;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            border-color: transparent
        }
        input[type=checkbox]:checked {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")
        }
        input[type=radio]:checked {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
        }
        .btn_animation {
            animation: scaleDrew 2.5s ease-in-out infinite
        }
        @keyframes scaleDrew {
            0% {
                transform: scale(1)
            }
            50% {
                transform: scale(1.1)
            }
            to {
                transform: scale(1)
            }
        }
        .btnshrink_animation {
            animation: scaleShrinkDrew 2.5s ease-in-out infinite
        }
        @keyframes scaleShrinkDrew {
            0% {
                transform: scale(1)
            }
            50% {
                transform: scale(.9)
            }
            to {
                transform: scale(1)
            }
        }
        .rotate_animation {
            animation: rotateDrew 1s linear infinite
        }
        @keyframes rotateDrew {
            0% {
                transform: rotate(0deg)
            }
            50% {
                transform: rotate(180deg)
            }
            to {
                transform: rotate(1turn)
            }
        }
        .breath_animation {
            animation: breathAnimation 1.3s infinite
        }
        @keyframes breathAnimation {
            0% {
                opacity: 1
            }
            50% {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }
        .fade_animation {
            animation: fadeAnimation 1.2s ease-in-out infinite
        }
        @keyframes fadeAnimation {
            0% {
                opacity: 1%
            }
            50% {
                opacity: 1%
            }
            75% {
                opacity: 1%
            }
            to {
                opacity: 1%
            }
        }
        #fbmessenger {
            max-height: 22px
        }
        .header-transition {
            transition: transform .5s
        }
        .activeSection {
            border: 5px solid #458eff;
            box-sizing: border-box
        }
        a.imgage-section-container {
            display: block
        }
        .imgage-section-container {
            position: relative
        }
        .imgage-section-container>img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block
        }
        .imgage-section-container:after {
            content: "";
            display: block;
            padding-bottom: var(--funnel_image_section_after_padding);
            width: 100%
        }
        .comment-section-container {
            bottom: -30px;
            translate: -50%
        }
        .comment-section-container,
        .comment-section-container>* {
            position: absolute;
            left: 50%;
            display: block
        }
        .comment-section-container:after {
            content: "";
            display: block;
            padding-bottom: var(--funnel_comment_section_after_padding);
            width: 100%
        }
        .funnel-button-shadow {
            text-shadow: 2px 2px 1px rgba(0, 0, 0, .3)
        }
        .funnel-button-shadow:active {
            box-shadow: 3px 3px 5px 3px rgba(197, 199, 210, .51), -3px -3px 5px 3px rgba(197, 199, 210, .51)!important
        }
        .com-btn-animate {
            position: relative;
            overflow: hidden;
            z-index: 1;
            color: var(--btn-color);
            background-color: var(--btn-bg);
            transition: color .3s ease
        }
        .com-btn-animate:before {
            content: "";
            position: absolute;
            inset: 0;
            background-color: var(--btn-hover-bg);
            z-index: -1;
            border-radius: inherit;
            transform: scaleY(0);
            transform-origin: bottom;
            transition: transform .5s ease
        }
        .com-btn-animate:hover:before {
            transform: scaleY(1);
            transform-origin: bottom
        }
        .com-btn-animate:hover {
            color: var(--btn-hover-color)
        }
        .com-btn-animate:not(:hover):before {
            transform: scaleY(0);
            transform-origin: top
        }
        .checkoutSummary div div.text-sm.mt-2\.5.summary-insurance-row,
        .checkoutSummary div div.text-sm.mt-2\.5.summary-tip-row {
            font-weight: 400!important
        }
        .min-w-12 {
            min-width: 3rem
        }
        .min-h-12 {
            min-height: 3rem
        }
        @media (min-width:768px) {
            .md\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
        }
        .hidemob {
            display: block
        }
        @media (max-width:767px) {
            .hidemob {
                display: none
            }
        }
        .showmob {
            display: none
        }
        @media (max-width:767px) {
            .showmob {
                display: block
            }
        }
        .left-1 {
            left: .25rem
        }
        .news-advantage-table[data-v-75dc39b6] table th {
            min-width: var(--0706d98e);
            height: var(--08b3e70c);
            color: var(--03ccbe85);
            font-size: var(--6679f5ca);
            padding: 10px;
            border-bottom: 1px solid var(--6beeb318)
        }
        .news-advantage-table[data-v-75dc39b6] table tr th:nth-child(2) {
            border-radius: 10px 10px 0 0
        }
        .news-advantage-table[data-v-75dc39b6] table tr td:nth-child(2),
        .news-advantage-table[data-v-75dc39b6] table tr th:nth-child(2) {
            background-color: var(--cdc3b7c6)
        }
        .news-advantage-table[data-v-75dc39b6] table tr:last-child td:nth-child(2) {
            border-radius: 0 0 10px 10px
        }
        .news-advantage-table[data-v-75dc39b6] table td {
            text-align: center;
            height: var(--bd7383f0);
            color: var(--a627a5f8);
            font-size: var(--8398d970);
            padding: 10px
        }
        .news-advantage-table[data-v-75dc39b6] table tr td:first-child {
            text-align: left;
            color: var(--a0d4add4);
            font-size: var(--dcffdd10)
        }
        .news-advantage-table[data-v-75dc39b6] table tbody tr {
            border-bottom: 1px solid var(--6beeb318)
        }
        .news-advantage-table[data-v-75dc39b6] table tbody tr:last-child {
            border-bottom: none
        }
        .new-product2-countdown-text[data-v-7b83e276] p,
        .new-product2-countdown-title[data-v-7b83e276] p {
            display: inline
        }
        .news-review9-textarea[data-v-868d1e38]::-moz-placeholder {
            color: var(--149b0d58);
            font-size: var(--8546f844)
        }
        .news-review9-textarea[data-v-868d1e38]::placeholder {
            color: var(--149b0d58);
            font-size: var(--8546f844)
        }
        .news-review9-textarea[data-v-1738db6c]::-moz-placeholder {
            color: var(--5b56412b);
            font-size: var(--2b44caaa)
        }
        .news-review9-textarea[data-v-1738db6c]::placeholder {
            color: var(--5b56412b);
            font-size: var(--2b44caaa)
        }
        .news-review8-semicircle[data-v-1738db6c] {
            pointer-events: none;
            transform: rotate(0deg)
        }
        .footer_text>p {
            text-align: center
        }
        .footer_text>p,
        .footer_text>p>span {
            margin-bottom: 10px
        }
        .footer-menu-border:after {
            content: "";
            position: absolute;
            right: 0;
            top: 20%;
            bottom: 20%;
            border-right: var(--c0a350dc);
            width: 0
        }
        .product-gallery[data-v-1956b7dc] .slick-next:before,
        .product-gallery[data-v-1956b7dc] .slick-prev:before {
            font-size: 30px
        }
        .product-gallery[data-v-1956b7dc] .slick-next {
            right: 10px!important;
            width: 30px;
            height: 30px
        }
        .product-gallery[data-v-1956b7dc] .slick-prev {
            left: 10px!important;
            width: 30px;
            height: 30px;
            z-index: 9!important
        }
        .product-gallery .slick-slide.slick-current .img-thumbnail[data-v-1956b7dc] {
            border: 1px solid #000
        }
        .product-gallery .grid-carousel[data-v-1956b7dc] .slick-slide {
            float: none!important;
            width: 12.5%!important;
            margin-bottom: 5px
        }
        .product-gallery .grid-carousel[data-v-1956b7dc] .slick-slide div {
            width: 100%
        }
        .product-gallery .grid-carousel[data-v-1956b7dc] .slick-track {
            display: flex;
            flex-wrap: wrap;
            width: 100%!important;
            transform: translateZ(0)!important;
            left: 0!important
        }
        @media (min-width:360px) {
            .product-gallery .product-gallery-thumbnail[data-v-1956b7dc] .slick-slide {
                padding-left: 5px;
                padding-right: 5px
            }
            .product-gallery .grid-carousel[data-v-1956b7dc] .slick-slide {
                padding-left: 2px;
                padding-right: 2px;
                margin-bottom: 0
            }
        }
        .max-w-7xl {
            max-width: 80rem;
        }
        @media (min-width: 1024px) {
            .lg\:relative {
                position: relative;
            }
            .lg\:flex {
                display: flex;
            }
        }
        .main-content {
            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
        }
        .funnel-content-box {
            align-items: flex-start;
            gap: 24px;
            margin-bottom: 32px;
        }
        .funnel-content-box > .flex-1 {
            min-width: 0;
            max-width: 100%;
        }
        .news_sidebar2 {
            display: none;
            width: 300px;
            max-width: 300px;
            flex-shrink: 0;
            align-self: flex-start;
        }
        @media (min-width: 1024px) {
            .news_sidebar2.lg\:block {
                display: block;
            }
            .news_sidebar2.lg\:sticky {
                position: sticky;
                top: 64px;
                z-index: 10;
            }
        }
        .custom-click p {
            margin-bottom: 1em;
        }
        .custom-click p:last-child {
            margin-bottom: 0;
        }
        .funnel-news-title-box .news-title p {
            margin-bottom: 0.5em;
        }

.footer-page {
    width: 100%;
}

.site-footer {
    background-color: #f5f5f5;
    padding: 32px 16px;
}

.site-footer .container {
    max-width: 1200px;
    margin: 0 auto;
}

.site-footer .row {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 24px;
}

.site-footer b {
    display: block;
    margin-bottom: 8px;
}

.site-footer p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer ul li {
    margin-bottom: 8px;
}

.site-footer ul a {
    color: #03b5a5;
    text-decoration: underline;
}

.site-footer .copyright {
    text-align: center;
    margin-top: 24px;
    font-size: 14px;
    padding-top: 16px;
    border-top: 1px solid #ddd;
}

.site-footer img.footer-logo-img {
    max-width: 100px;
    margin-bottom: 12px;
}

.site-header-bar {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #ffffff;
}

.site-header-inner {
    min-width: 0;
}

.site-header-logo {
    text-decoration: none;
    word-break: break-word;
    color: #03b5a5;
    font-size: 18px;
}

.header-notice {
    white-space: nowrap;
    background-color: #f0f0f0;
    color: #585858;
}

.sticky-cta {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 90;
    display: inline-block;
    padding: 20px 48px;
    min-width: 260px;
    background-color: #03b5a5;
    color: #ffffff;
    font-size: clamp(20px, 5vw, 26px);
    font-weight: 700;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    max-width: calc(100% - 32px);
    text-align: center;
    letter-spacing: 0.02em;
}

@media (max-width: 480px) {
    .sticky-cta {
        padding: 18px 32px;
        min-width: 220px;
        bottom: 16px;
    }
}

@media (max-width: 700px) {
    .news-advantage-table {
        overflow-x: visible;
    }
    .news-advantage-table table,
    .news-advantage-table thead,
    .news-advantage-table tbody,
    .news-advantage-table tr,
    .news-advantage-table th,
    .news-advantage-table td {
        display: block;
        width: 100% !important;
        height: auto !important;
        min-width: 0;
    }
    .news-advantage-table tr {
        margin-bottom: 16px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 12px;
    }
}

.legal-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px 16px 48px;
    word-break: break-word;
}

.legal-content h1 {
    font-size: clamp(1.5rem, 4vw, 2rem);
    margin-bottom: 0.5em;
}

.legal-content .article-updated {
    color: #666;
    font-size: 14px;
    margin-bottom: 1.5em;
}

.legal-header {
    max-width: 1280px;
    margin: 0 auto;
    padding: 16px;
}

.legal-header a img {
    max-width: 100px;
}

@media (max-width: 768px) {
    .site-footer .row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .site-footer {
        padding: 24px 12px;
    }
    .legal-content {
        padding: 16px 12px 32px;
    }
}

@media (max-width: 640px) {
    .site-footer p,
    .site-footer .footer-logo-img {
        word-break: break-all;
    }
    .header-notice {
        word-break: break-all;
        white-space: normal;
    }
}