/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/

*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: Noto Sans JP, sans-serif;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -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,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

*,
:after,
:before {
    --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: #00A266;
    --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: #00A266;
    --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:767px) {
    .container {
        max-width: 767px
    }
}

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

@media (min-width:1600px) {
    .container {
        max-width: 1600px
    }
}

@media (min-width:1920px) {
    .container {
        max-width: 1920px
    }
}

.\!pointer-events-none {
    pointer-events: none!important
}

.pointer-events-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute!important
}

.absolute {
    position: absolute
}

.\!relative {
    position: relative!important
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.\!bottom-0 {
    bottom: 0!important
}

.\!bottom-3 {
    bottom: .75rem!important
}

.\!bottom-6 {
    bottom: 1.5rem!important
}

.\!left-0 {
    left: 0!important
}

.\!left-6 {
    left: 1.5rem!important
}

.\!left-auto {
    left: auto!important
}

.\!right-3 {
    right: .75rem!important
}

.-top-32 {
    top: -8rem
}

.-top-px {
    top: -1px
}

.bottom-0 {
    bottom: 0
}

.bottom-\[3\.75rem\] {
    bottom: 3.75rem
}

.bottom-\[calc\(var\(--1column\)\*2\)\] {
    bottom: calc(var(--1column)*2)
}

.left-0 {
    left: 0
}

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

.left-5 {
    left: 1.25rem
}

.left-6 {
    left: 1.5rem
}

.left-\[-10rem\] {
    left: -10rem
}

.left-\[4\.8rem\] {
    left: 4.8rem
}

.left-\[calc\(var\(--1column\)\*-4\)\] {
    left: calc(var(--1column)*-4)
}

.left-\[var\(--1column\)\] {
    left: var(--1column)
}

.right-0 {
    right: 0
}

.right-1\/2 {
    right: 50%
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-6 {
    right: 1.5rem
}

.right-\[calc\(var\(--1column\)\*2\)\] {
    right: calc(var(--1column)*2)
}

.right-\[calc\(var\(--1column\)\*3\)\] {
    right: calc(var(--1column)*3)
}

.right-\[calc\(var\(--1column\)\*4\)\] {
    right: calc(var(--1column)*4)
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-16 {
    top: 4rem
}

.top-2 {
    top: .5rem
}

.top-32 {
    top: 8rem
}

.top-4 {
    top: 1rem
}

.top-48 {
    top: 12rem
}

.top-5 {
    top: 20px;
}

.top-7 {
    top: 1.75rem
}

.top-\[2\.1rem\] {
    top: 2.1rem
}

.top-\[20\%\] {
    top: 20%
}

.top-\[26\.25rem\] {
    top: 26.25rem
}

.top-\[45rem\] {
    top: 45rem
}

.\!z-0 {
    z-index: 0!important
}

.-z-10 {
    z-index: -10
}

.-z-20 {
    z-index: -20
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.\!m-0 {
    margin: 0!important
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.\!mt-3 {
    margin-top: .75rem!important
}

.-mt-20 {
    margin-top: -5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-40 {
    margin-top: -10rem
}

.-mt-px {
    margin-top: -1px
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-\[calc\(var\(--1column\)\*-5\)\] {
    margin-left: calc(var(--1column)*-5)
}

.ml-auto {
    margin-left: auto
}

.mt-1 {
    margin-top: .25rem
}

.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: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-28 {
    margin-top: 7rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-60 {
    margin-top: 15rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-auto {
    margin-top: auto
}

.box-content {
    box-sizing: content-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.\!flex {
    display: flex!important
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[1\/\.54\] {
    aspect-ratio: 1/.54
}

.aspect-\[1\/\.666\] {
    aspect-ratio: 1/.666
}

.aspect-\[1\/\.6675\] {
    aspect-ratio: 1/.6675
}

.aspect-square {
    aspect-ratio: 1/1
}

.\!h-1 {
    height: .25rem!important
}

.\!h-\[100svh\] {
    height: 100svh!important
}

.\!h-px {
    height: 1px!important
}

.h-0 {
    height: 0
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-4 {
    height: 1rem
}

.h-6 {
    height: 1.5rem
}

.h-9 {
    height: 2.25rem
}

.h-\[110\%\] {
    height: 110%
}

.h-\[1em\] {
    height: 1em
}

.h-\[2px\] {
    height: 2px
}

.h-\[300\%\] {
    height: 300%
}

.h-\[64\%\] {
    height: 64%
}

.h-\[calc\(100\%-3\.75rem\)\] {
    height: calc(100% - 3.75rem)
}

.h-\[calc\(var\(--diagonal\)\/2\.5\)\] {
    height: calc(var(--diagonal)/2.5)
}

.h-\[var\(--diagonal\)\] {
    height: var(--diagonal)
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.\!w-1 {
    width: .25rem!important
}

.\!w-fit {
    width: -moz-fit-content!important;
    width: fit-content!important
}

.w-0 {
    width: 0
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-5 {
    width: 1.25rem
}

.w-52 {
    width: 13rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-9 {
    width: 2.25rem
}

.w-\[\.375rem\] {
    width: .375rem
}

.w-\[1\.125rem\] {
    width: 3.125rem;
}

.w-\[110\%\] {
    width: 110%
}

.w-\[16\.125rem\] {
    width: 16.125rem
}

.w-\[17\.125rem\] {
    width: 17.125rem
}

.w-\[1em\] {
    width: 1em
}

.w-\[37\.7\%\] {
    width: 37.7%
}

.w-\[7\.5rem\] {
    width: 7.5rem
}

.w-\[75rem\] {
    width: 75rem
}

.w-\[calc\(100\%\+\(var\(--1column\)\*2\)\)\] {
    width: calc(100% + var(--1column)*2)
}

.w-\[calc\(var\(--1column\)\*1\)\] {
    width: calc(var(--1column)*1)
}

.w-\[calc\(var\(--1column\)\*14\)\] {
    width: calc(var(--1column)*14)
}

.w-\[calc\(var\(--1column\)\*16\)\] {
    width: calc(var(--1column)*16)
}

.w-\[calc\(var\(--1column\)\*18\)\] {
    width: calc(var(--1column)*18)
}

.w-\[calc\(var\(--1column\)\*26\)\] {
    width: calc(var(--1column)*26)
}

.w-\[calc\(var\(--1column\)\*5\)\] {
    width: calc(var(--1column)*5)
}

.w-\[calc\(var\(--1column\)\*6\)\] {
    width: calc(var(--1column)*6)
}

.w-\[calc\(var\(--1column\)\*7\)\] {
    width: calc(var(--1column)*7)
}

.w-\[calc\(var\(--1column\)\*8\)\] {
    width: calc(var(--1column)*8)
}

.w-\[calc\(var\(--width\)\*5\)\] {
    width: calc(var(--width)*5)
}

.w-\[var\(--100vw\)\] {
    width: var(--100vw)
}

.w-\[var\(--width\)\] {
    width: var(--width)
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-\[40rem\] {
    min-width: 40rem
}

.origin-right {
    transform-origin: right
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-\[var\(--width\)\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[var\(--width\)\] {
    --tw-translate-x: calc(var(--width)*-1)
}

.-translate-y-1 {
    --tw-translate-y: -0.25rem
}

.-translate-y-1,
.-translate-y-1\/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))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-14 {
    --tw-translate-y: -3.5rem
}

.-translate-y-14,
.-translate-y-full {
    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-full {
    --tw-translate-y: -100%
}

.translate-x-\[-15\%\] {
    --tw-translate-x: -15%
}

.translate-x-\[-15\%\],
.translate-x-\[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))
}

.translate-x-\[15\%\] {
    --tw-translate-x: 15%
}

.translate-y-2 {
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!rotate-180 {
    --tw-rotate: 180deg!important;
    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))!important
}

.-rotate-6 {
    --tw-rotate: -6deg
}

.-rotate-6,
.-rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-\[25deg\] {
    --tw-rotate: 25deg
}

.rotate-\[25deg\],
.scale-0 {
    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-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.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))
}

.animate-\[marquee_15s_linear_infinite\] {
    animation: marquee 15s linear infinite
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}

.animate-\[marquee_4s_linear_infinite\] {
    animation: marquee 4s linear infinite
}

@keyframes x {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(100%)
    }
}

.animate-\[x_both_\.5s_ease_1\] {
    animation: x .5s ease 1 both
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

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

.grid-cols-\[calc\(var\(--1column\)\*21\)_1fr\] {
    grid-template-columns: calc(var(--1column)*21) 1fr
}

.grid-cols-\[calc\(var\(--1column\)\*4\)_calc\(var\(--1column\)\*22\)\] {
    grid-template-columns: calc(var(--1column)*4) calc(var(--1column)*22)
}

.grid-cols-\[calc\(var\(--1column\)\*6\)_1fr\] {
    grid-template-columns: calc(var(--1column)*6) 1fr
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.\!gap-3 {
    gap: .75rem!important
}

.gap-1 {
    gap: .55rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: 2.75rem;
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-\[\.375rem\] {
    gap: .375rem
}

.gap-\[\.625rem\] {
    gap: .625rem
}

.gap-\[calc\(var\(--1column\)\*1\)\] {
    gap: calc(var(--1column)*1)
}

.gap-y-6 {
    row-gap: 1.5rem
}

.overflow-hidden {
    overflow: hidden
}

.\!overflow-visible {
    overflow: visible!important
}

.overflow-y-auto {
    overflow-y: auto
}

.scroll-smooth {
    scroll-behavior: smooth
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded-\[1\.25rem\] {
    border-radius: 1.25rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-md {
    border-radius: .375rem
}

.rounded-bl-md {
    border-bottom-left-radius: .375rem
}

.rounded-br-md {
    border-bottom-right-radius: .375rem
}

.rounded-tl-md {
    border-top-left-radius: .375rem
}

.rounded-tr-md {
    border-top-right-radius: .375rem
}

.border {
    border-width: 1px
}

.border-y {
    border-top-width: 1px
}

.border-b,
.border-y {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-\[\#005CA8\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 92 168/var(--tw-border-opacity))
}

.border-\[\#E6E6E6\] {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230/var(--tw-border-opacity))
}

.border-current {
    border-color: currentColor
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-white-30 {
    border-color: hsla(0, 0%, 100%, .3)
}

.border-white-50 {
    border-color: hsla(0, 0%, 100%, .5)
}

.\!bg-\[\#E6E6E6\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(230 230 230/var(--tw-bg-opacity))!important
}

.\!bg-transparent {
    background-color: transparent!important
}

.\!bg-white {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))!important
}

.bg-\[\#005CA8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 0 19/var(--tw-bg-opacity))
}

.bg-\[\#212224\] {
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 36/var(--tw-bg-opacity))
}

.bg-\[\#E6E6E6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230/var(--tw-bg-opacity))
}

.bg-\[var\(--accent-color\)\] {
    background-color: var(--accent-color)
}

.bg-\[var\(--color\)\] {
    background-color: var(--color)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, .4)
}

.bg-current {
    background-color: currentColor
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white-90 {
    background-color: hsla(0, 0%, 100%, .9)
}

.fill-\[\#005CA8\],
.fill-\[\#005ca8\] {
    fill: #00A266
}

.fill-\[\#A0C6E6\] {
    fill: #a0c6e6
}

.fill-current {
    fill: currentColor
}

.fill-transparent {
    fill: transparent
}

.fill-white {
    fill: #fff
}

.stroke-white {
    stroke: #fff
}

.stroke-\[1px\] {
    stroke-width: 1px
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-6 {
    padding: 1.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

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

.px-\[calc\(var\(--1column\)\*2\)\] {
    padding-left: calc(var(--1column)*2);
    padding-right: calc(var(--1column)*2)
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

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

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

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

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

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

.py-9 {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem
}

.py-\[1\.5rem\] {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-40 {
    padding-bottom: 10rem
}

.pb-44 {
    padding-bottom: 11rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-60 {
    padding-bottom: 15rem
}

.pb-\[62\.5\%\] {
    padding-bottom: 62.5%
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-\[1em\] {
    padding-left: 1em
}

.pr-12 {
    padding-right: 3rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-28 {
    padding-top: 7rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-36 {
    padding-top: 9rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-9 {
    padding-top: 2.25rem
}

.pt-\[33rem\] {
    padding-top: 33rem
}

.text-center {
    text-align: center
}

.indent-\[-1em\] {
    text-indent: -1em
}

.align-middle {
    vertical-align: middle
}

.font-figtree {
    font-family: Figtree, sans-serif
}

.text-2xl {
    font-size: 1.5rem
}

.text-\[\.625rem\] {
    font-size: .625rem
}

.text-\[0px\] {
    font-size: 0
}

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

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[calc\(var\(--100vw\)\*\.5\)\] {
    font-size: calc(var(--100vw)*.5)
}

.text-base {
    font-size: 1rem
}

.text-lg {
    font-size: 1.125rem
}

.text-sm {
    font-size: 1.7rem;
}

.text-xl {
    font-size: 1.25rem
}

.text-xs {
    font-size: .75rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.leading-\[1\.25\] {
    line-height: 1.25
}

.leading-\[1\.5\] {
    line-height: 1.5
}

.leading-\[1\.75\] {
    line-height: 1.75
}

.leading-loose {
    line-height: 2
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[\.02em\] {
    letter-spacing: .02em
}

.tracking-wide {
    letter-spacing: .025em
}

.\!text-\[var\(--accent-color\)\] {
    color: var(--accent-color)!important
}

.\!text-\[var\(--color\)\] {
    color: var(--color)!important
}

.\!text-white {
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.text-333 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.text-\[\#005CA8\] {
    --tw-text-opacity: 1;
    color: rgb(230 0 19/var(--tw-text-opacity))
}

.text-\[\#212224\] {
    --tw-text-opacity: 1;
    color: rgb(33 34 36/var(--tw-text-opacity))
}

.text-\[\#A0C6E6\] {
    --tw-text-opacity: 1;
    color: rgb(160 198 230/var(--tw-text-opacity))
}

.text-\[\#C6C6C6\] {
    --tw-text-opacity: 1;
    color: rgb(198 198 198/var(--tw-text-opacity))
}

.text-\[var\(--color\)\] {
    color: var(--color)
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.\!opacity-100 {
    opacity: 1!important
}

.opacity-0 {
    opacity: 0
}

.opacity-20 {
    opacity: .2
}

.opacity-60 {
    opacity: .6
}

.mix-blend-multiply {
    mix-blend-mode: multiply
}

.mix-blend-difference {
    mix-blend-mode: difference
}

.shadow-\[0_\.1875rem_1\.875rem_rgba\(18\2c 30\2c 47\2c 0\.15\)\] {
    --tw-shadow: 0 .1875rem 1.875rem rgba(18, 30, 47, .15);
    --tw-shadow-colored: 0 .1875rem 1.875rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_5px_60px_rgba\(0\2c 0\2c 0\2c \.1\)\] {
    --tw-shadow: 0 5px 60px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 5px 60px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.transition-\[opacity\2c transform\] {
    transition-duration: .15s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[opacity_transform\] {
    transition-duration: .15s;
    transition-property: opacity transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay-100 {
    transition-delay: .1s
}

.\!duration-1000 {
    transition-duration: 1s!important
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.\[--100vw\:100vw\] {
    --100vw: 100vw
}

.\[--1column\:calc\(var\(--100vw\)\/30\)\] {
    --1column: calc(var(--100vw)/30)
}

.\[--accent-color\:\#005CA8\] {
    --accent-color: #005ca8
}

.\[--color\:\#005CA8\] {
    --color: #005ca8
}

.\[--color\:\#212224\] {
    --color: #212224
}

.\[--color\:\#C6C6C6\] {
    --color: #c6c6c6
}

.\[--diagonal\:calc\(var\(--100vw\)\*\.155\)\] {
    --diagonal: calc(var(--100vw)*0.155)
}

.\[--length\:45\] {
    --length: 45
}

.\[--width\:75rem\] {
    --width: 75rem
}

.\[-webkit-appearance\:none\] {
    -webkit-appearance: none
}

.\[animation\:hover-underline-out-in_both_\.4s_ease_1\] {
    animation: hover-underline-out-in .4s ease 1 both
}

.\[background\:_linear-gradient\(currentColor\2c currentColor\)_100\%_100\%\/100\%_1px_no-repeat\] {
    background: linear-gradient(currentColor, currentColor) 100% 100%/100% 1px no-repeat
}

.\[clip-path\:polygon\(0_0\2c 100\%_0\2c 0_100\%\)\] {
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%)
}

.\[clip-path\:polygon\(0_100\%\2c 100\%_0\2c 100\%_100\%\)\] {
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%)
}

.\[clip-path\:polygon\(0_var\(--diagonal\)\2c 100\%_0\2c 100\%_calc\(100\%-var\(--diagonal\)\)\2c 0_100\%\)\] {
    -webkit-clip-path: polygon(0 var(--diagonal), 100% 0, 100% calc(100% - var(--diagonal)), 0 100%);
    clip-path: polygon(0 var(--diagonal), 100% 0, 100% calc(100% - var(--diagonal)), 0 100%)
}

.\[font-feature-settings\:\'palt\'\]{font-feature-settings:"palt"}.\[grid-area\:1\/2\/2\/3\]{grid-area:1/2/2/3}.\[grid-column\:1\/3\]{grid-column:1/3}.\[stroke-dasharray\:var\(--length\)\]{stroke-dasharray:var(--length)}.\[stroke-dashoffset\:calc\(var\(--length\)\*\(1-var\(--progress\)\)\)\]{stroke-dashoffset:calc(var(--length)*(1 - var(--progress)))}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.marker\:w-\[1em\] ::marker{width:1em}.marker\:text-999 ::marker{color:#999}.marker\:w-\[1em\]::marker{width:1em}.marker\:text-999::marker{color:#999}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-top-px:before{content:var(--tw-content);top:-1px}.before\:left-0:before{content:var(--tw-content);left:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:mr-1:before{content:var(--tw-content);margin-right:.25rem}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-\[2px\]:before{content:var(--tw-content);height:2px}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-1:before{content:var(--tw-content);width:.25rem}.before\:w-6:before{content:var(--tw-content);width:1.5rem}.before\:bg-\[\#005CA8\]:before{--tw-bg-opacity:1;background-color:rgb(0 92 168/var(--tw-bg-opacity));content:var(--tw-content)}.before\:bg-current:before{background-color:currentColor;content:var(--tw-content)}.before\:align-middle:before{content:var(--tw-content);vertical-align:middle}.first\:\!mt-0:first-child{margin-top:0!important}.first\:mt-0:first-child{margin-top:0}.first\:border-t:first-child{border-top-width:1px}.last\:border-b:last-child{border-bottom-width:1px}.hover\:opacity-100:hover{opacity:1}.group\/main#index .group-\[\#index\]\/main\:\!block,.group\/main#product .group-\[\#product\]\/main\:\!block{display:block!important}.group\/slide.swiper-slide-active .group-\[\&\.swiper-slide-active\]\/slide\:animate-\[zoom-out_var\(--time\)_linear_normal_both\]{animation:zoom-out var(--time) linear normal both}@keyframes zoom-out{0%{transform:scale(1.15)}to{transform:scale(1)}}.group\/slide.swiper-slide-prev .group-\[\&\.swiper-slide-prev\]\/slide\:animate-\[zoom-out_var\(--time\)_linear_normal_both\]{animation:zoom-out var(--time) linear normal both}.group\/item.swiper-pagination-bullet-active .group-\[\.swiper-pagination-bullet-active\]\/item\:opacity-100{opacity:1}.data-\[inview\=true\]\:bg-\[\#272A31\][data-inview=true]{--tw-bg-opacity:1;background-color:rgb(39 42 49/var(--tw-bg-opacity))}.data-\[inview\=true\]\:\[--accent-color\:white\][data-inview=true]{--accent-color:#fff}.data-\[inview\=true\]\:\[--color\:white\][data-inview=true]{--color:#fff}.group\/body[data-scrollover-pointer-none=true] .group-data-\[scrollover-pointer-none\=true\]\/body\:\!pointer-events-none{pointer-events:none!important}.group\/body[data-scrollover-pointer-none=true] .group-data-\[scrollover-pointer-none\=true\]\/body\:pointer-events-none{pointer-events:none}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:pointer-events-auto{pointer-events:auto}.group\/body[data-scrollover-navigation-stop=true] .group-data-\[scrollover-navigation-stop\=true\]\/body\:absolute{position:absolute}.group\/body[data-scrollover-navigation-stop=true] .group-data-\[scrollover-navigation-stop\=true\]\/body\:top-\[calc\(var\(--scrollover-navigation-stop\)\+8rem\)\]{top:calc(var(--scrollover-navigation-stop) + 8rem)}.group\/body[data-switch-megamenu-sitemap-toggle=true] .group-data-\[switch-megamenu-sitemap-toggle\=true\]\/body\:grid{display:grid}.group\/inview[data-inview1=true] .group-data-\[inview1\=true\]\/inview\:translate-y-0{--tw-translate-y:0px}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:translate-x-0,.group\/inview[data-inview1=true] .group-data-\[inview1\=true\]\/inview\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:translate-x-0{--tw-translate-x:0px}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:translate-y-\[calc\(-\.25rem-2px\)\]{--tw-translate-y:calc(-0.25rem - 4.75px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:translate-y-\[calc\(\.25rem\+2px\)\]{--tw-translate-y:calc(0.25rem + 4.75px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/body[data-switch-megamenu-sitemap-toggle=true] .group-data-\[switch-megamenu-sitemap-toggle\=true\]\/body\:rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:-rotate-45{--tw-rotate:-48deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/section[data-inview=true] .group-data-\[inview\=true\]\/section\:fill-\[\#005CA8\]{fill:#005ca8}.group\/inview[data-inview1=true] .group-data-\[inview1\=true\]\/inview\:opacity-100{opacity:1}.group\/body[data-scrollover-hero-hide=true] .group-data-\[scrollover-hero-hide\=true\]\/body\:\!opacity-0{opacity:0!important}.group\/body[data-switch-megamenu=false] .group-data-\[switch-megamenu\=false\]\/body\:opacity-0,.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:opacity-0{opacity:0}.group\/body[data-switch-megamenu=true] .group-data-\[switch-megamenu\=true\]\/body\:opacity-100,.group\/body[data-switch-product-item=a1] .group-data-\[switch-product-item\=a1\]\/body\:opacity-100,.group\/body[data-switch-product-item=a2] .group-data-\[switch-product-item\=a2\]\/body\:opacity-100,.group\/body[data-switch-product-item=a3] .group-data-\[switch-product-item\=a3\]\/body\:opacity-100,.group\/body[data-switch-product-item=a4] .group-data-\[switch-product-item\=a4\]\/body\:opacity-100,.group\/body[data-switch-product-item=a5] .group-data-\[switch-product-item\=a5\]\/body\:opacity-100,.group\/body[data-window-load=true] .group-data-\[window-load\=true\]\/body\:opacity-100{opacity:1}@media not all and (min-width:516px){.max-md\:mx-auto{margin-left:auto;margin-right:auto}.max-md\:my-6{margin-bottom:1.5rem;margin-top:1.5rem}.max-md\:-mt-px{margin-top:-1px}.max-md\:mb-28{margin-bottom:7rem}.max-md\:mb-3{margin-bottom:.75rem}.max-md\:ml-\[calc\(var\(--1column\)\*-2\)\]{margin-left:calc(var(--1column)*-2)}.max-md\:ml-auto{margin-left:auto}.max-md\:mt-1{margin-top:.25rem}.max-md\:mt-10{margin-top:2.5rem}.max-md\:mt-12{margin-top:3rem}.max-md\:mt-2{margin-top:.5rem}.max-md\:mt-4{margin-top:1rem}.max-md\:mt-6{margin-top:1.5rem}.max-md\:mt-8{margin-top:2rem}.max-md\:mt-9{margin-top:2.25rem}.max-md\:grid{display:grid}.max-md\:hidden{display:none}.max-md\:w-28{width:7rem}.max-md\:w-\[calc\(100\%\+\(var\(--1column\)\*4\)\)\],.max-md\:w-\[calc\(100\%\+var\(--1column\)\*4\)\]{width:calc(100% + var(--1column)*4)}.max-md\:w-\[calc\(var\(--1column\)\*23\)\]{width:calc(var(--1column)*23)}.max-md\:w-fit{width:-moz-fit-content;width:fit-content}.max-md\:-translate-y-1{--tw-translate-y:-0.25rem;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))}.max-md\:grid-cols-\[4\.5rem_1fr\]{grid-template-columns:4.5rem 1fr}.max-md\:flex-col{flex-direction:column}.max-md\:gap-12{gap:3rem}.max-md\:gap-2{gap:.5rem}.max-md\:self-end{align-self:flex-end}.max-md\:justify-self-end{justify-self:end}.max-md\:overflow-x-auto{overflow-x:auto}.max-md\:rounded-full{border-radius:9999px}.max-md\:border{border-width:1px}.max-md\:border-y{border-top-width:1px}.max-md\:border-b,.max-md\:border-y{border-bottom-width:1px}.max-md\:border-t{border-top-width:1px}.max-md\:border-\[\#E6E6E6\]{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity))}.max-md\:px-3{padding-left:.75rem;padding-right:.75rem}.max-md\:px-\[calc\(var\(--1column\)\*2\)\]{padding-left:calc(var(--1column)*2);padding-right:calc(var(--1column)*2)}.max-md\:py-1{padding-bottom:.25rem;padding-top:.25rem}.max-md\:py-4{padding: 2rem 0;}.max-md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.max-md\:pb-3{padding-bottom:.75rem}.max-md\:pb-6{padding-bottom:1.5rem}.max-md\:pt-9{padding-top:2.25rem}.max-md\:font-bold{font-weight:700}.max-md\:underline{text-decoration-line:underline}.max-md\:\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.max-md\:first\:mt-0:first-child{margin-top:0}.max-md\:first\:border-t-0:first-child{border-top-width:0}.max-md\:first\:pt-0:first-child{padding-top:0}.max-md\:last\:pb-0:last-child{padding-bottom:0}.group\/body[data-switch-megamenu-sitemap-toggle=true] .max-md\:group-data-\[switch-megamenu-sitemap-toggle\=true\]\/body\:grid{display:grid}}@media (min-width:640px){.sm\:grid{display:grid}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:border-l{border-left-width:1px}.sm\:p-8{padding:2rem}}@media (min-width:516px){.md\:absolute{position:absolute}.md\:sticky{position:sticky}.md\:\!bottom-1\/2{bottom:50%!important}.md\:\!left-auto{left:auto!important}.md\:\!right-\[calc\(var\(--1column\)\*1\.5\)\]{right:calc(var(--1column)*1.5)!important}.md\:bottom-1\/2{bottom:50%}.md\:bottom-\[calc\(var\(--1column\)\*1\)\]{bottom:calc(var(--1column)*1)}.md\:bottom-\[var\(--1column\)\]{bottom:var(--1column)}.md\:left-0{left:0}.md\:left-12{left:3rem}.md\:left-\[7\.3rem\]{left:7.3rem}.md\:left-\[calc\(100\%\+2\.5rem\)\]{left:calc(100% + 2.5rem)}.md\:left-\[calc\(var\(--1column\)\*1\)\]{left:calc(var(--1column)*1)}.md\:right-0{right:0}.md\:right-\[1\.125rem\]{right:1.125rem}.md\:right-\[3\.75rem\]{right:3.75rem}.md\:right-\[var\(--1column\)\]{right:var(--1column)}.md\:top-0{top:0}.md\:top-28{top:7rem}.md\:top-48{top:12rem}.md\:top-9{        top: 10.25rem;
 right: 2.5rem;
left: unset;

}
.md\:top-\[24\%\] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.md\:top-\[3\.6rem\] {
    top: 15.5rem;
    left: unset;
    right: 2.3rem;
    color: white;
}
.md\:top-\[3\.75rem\] {
    top: 3.75rem
}
.md\:top-\[63\.6\%\] {
    top: 63.6%
}
.md\:order-1 {
    order: 1
}
.md\:order-2 {
    order: 2
}
.md\:my-9 {
    margin-bottom: 2.25rem;
    margin-top: 2.25rem
}
.md\:\!mt-6 {
    margin-top: 1.5rem!important
}
.md\:-mt-2 {
    margin-top: -.5rem
}
.md\:-mt-8 {
    margin-top: -2rem
}
.md\:mb-28 {
    margin-bottom: 7rem
}
.md\:mb-6 {
    margin-bottom: 1.5rem
}
.md\:mb-7 {
    margin-bottom: 1.75rem
}
.md\:ml-3 {
    margin-left: .75rem
}
.md\:ml-5 {
    margin-left: 1.25rem
}
.md\:ml-\[calc\(var\(--1column\)\*-1\)\] {
    margin-left: calc(var(--1column)*-1)
}
.md\:ml-\[calc\(var\(--1column\)\*-4\)\] {
    margin-left: calc(var(--1column)*-4)
}
.md\:ml-\[calc\(var\(--1column\)\*12\)\] {
    margin-left: calc(var(--1column)*12)
}
.md\:ml-\[calc\(var\(--1column\)\*2\)\] {
    margin-left: calc(var(--1column)*2)
}
.md\:ml-\[calc\(var\(--1column\)\*4\)\] {
    margin-left: calc(var(--1column)*4)
}
.md\:mr-6 {
    margin-right: 1.5rem
}
.md\:mt-10 {
    margin-top: 2.5rem
}
.md\:mt-11 {
    margin-top: 2.75rem
}
.md\:mt-12 {
    margin-top: 3rem
}
.md\:mt-14 {
    margin-top: 3.5rem
}
.md\:mt-16 {
    margin-top: 4rem
}
.md\:mt-2 {
    margin-top: .5rem
}
.md\:mt-20 {
    margin-top: 5rem
}
.md\:mt-24 {
    margin-top: 6rem
}
.md\:mt-28 {
    margin-top: 7rem
}
.md\:mt-3 {
    margin-top: .75rem
}
.md\:mt-4 {
    margin-top: 1rem
}
.md\:mt-40 {
    margin-top: 10rem
}
.md\:mt-6 {
    margin-top: 2.5rem
}
.md\:mt-8 {
    margin-top: 2rem
}
.md\:mt-9 {
    margin-top: 2.25rem
}
.md\:inline-block {
    display: inline-block
}
.md\:flex {
    display: flex
}
.md\:grid {
    display: grid
}
.md\:hidden {
    display: none
}
.md\:h-\[3\.75rem\] {
    height: 4.75rem
}
.md\:h-\[4\.5rem\] {
    height: 4.5rem
}
.md\:h-\[calc\(100\%-7\.5rem\)\] {
    height: calc(100% - 7.5rem)
}
.md\:h-full {
    height: 100%
}
.md\:min-h-\[42rem\] {
    min-height: 42rem
}
.md\:w-10 {
    width: 2.5rem
}
.md\:w-3 {
    width: .75rem
}
.md\:w-32 {
    width: 8rem
}
.md\:w-4 {
    width: 1rem
}
.md\:w-5 {
    width: 2rem;
}
.md\:w-52 {
    width: 13rem
}
.md\:w-6 {
    width: 1.5rem
}
.md\:w-60 {
    width: 15rem
}
.md\:w-80 {
    width: 20rem
}
.md\:w-9 {
    width: 2.25rem
}
.md\:w-\[10\.5rem\] {
    width: 10.5rem
}
.md\:w-\[14\.5rem\] {
    width: 14.5rem
}
.md\:w-\[16\.875rem\] {
    width: 16.875rem
}
.md\:w-\[22\.5rem\] {
    width: 22.5rem
}
.md\:w-\[24\.25rem\] {
    width: 24.25rem
}
.md\:w-\[27\.5rem\] {
    width: 27.5rem
}
.md\:w-\[3\.75rem\] {
    width: 4.75rem
}
.md\:w-\[32\.25rem\] {
    width: 32.25rem
}
.md\:w-\[34\.25rem\] {
    width: 34.25rem
}
.md\:w-\[37\.7\%\] {
    width: 63.7%;
    max-width: 850px;
}
.md\:w-\[calc\(100\%\+\(var\(--1column\)\*2\)\)\] {
    width: calc(100% + var(--1column)*2)
}
.md\:w-\[calc\(var\(--1column\)\*10\)\] {
    width: calc(var(--1column)*10)
}
.md\:w-\[calc\(var\(--1column\)\*12\)\] {
    width: calc(var(--1column)*12)
}
.md\:w-\[calc\(var\(--1column\)\*13\)\] {
    width: calc(var(--1column)*13)
}
.md\:w-\[calc\(var\(--1column\)\*14\)\] {
    width: calc(var(--1column)*14)
}
.md\:w-\[calc\(var\(--1column\)\*18\)\] {
    width: calc(var(--1column)*18)
}
.md\:w-\[calc\(var\(--1column\)\*4\)\] {
    width: calc(var(--1column)*4)
}
.md\:w-\[calc\(var\(--1column\)\*5\)\] {
    width: calc(var(--1column)*5)
}
.md\:w-\[calc\(var\(--1column\)\*6\)\] {
    width: calc(var(--1column)*6)
}
.md\:w-\[calc\(var\(--1column\)\*7\)\] {
    width: calc(var(--1column)*7)
}
.md\:w-\[calc\(var\(--1column\)\*8\)\] {
    width: calc(var(--1column)*8)
}
.md\:w-\[var\(--1column\)\] {
    width: var(--1column)
}
.md\:w-full {
    width: 100%
}
.md\:min-w-\[40rem\] {
    min-width: 40rem
}
.md\:-translate-x-1\/2 {
    --tw-translate-x: -50%
}
.md\:-translate-x-1\/2,
.md\:-translate-y-1\/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))
}
.md\:-translate-y-1\/2 {
    --tw-translate-y: -50%
}
.md\:-translate-y-4 {
    --tw-translate-y: -1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:animate-\[hover-underline-in_both_\.2s_ease_1\] {
    animation: hover-underline-in .2s ease 1 both
}
.md\:animate-\[hover-underline-out_both_\.2s_ease_1\] {
    animation: hover-underline-out .2s ease 1 both
}
.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.md\:grid-cols-\[calc\(var\(--1column\)\*1\)_1fr\] {
    grid-template-columns: calc(var(--1column)*1) 1fr
}
.md\:grid-cols-\[calc\(var\(--1column\)\*12\)_calc\(var\(--1column\)\*14\)_1fr\] {
    grid-template-columns: calc(var(--1column)*12) calc(var(--1column)*14) 1fr
}
.md\:grid-cols-\[calc\(var\(--1column\)\*18\)_calc\(var\(--1column\)\*2\)\] {
    grid-template-columns: calc(var(--1column)*18) calc(var(--1column)*2)
}
.md\:grid-cols-\[calc\(var\(--1column\)\*2\)_1fr\] {
    grid-template-columns: calc(var(--1column)*2) 1fr
}
.md\:flex-row-reverse {
    flex-direction: row-reverse
}
.md\:flex-col {
    flex-direction: column
}
.md\:flex-wrap {
    flex-wrap: wrap
}
.md\:items-start {
    align-items: flex-start
}
.md\:items-end {
    align-items: flex-end
}
.md\:items-center {
    align-items: center
}
.md\:justify-end {
    justify-content: flex-end
}
.md\:justify-between {
    justify-content: space-between
}
.md\:\!gap-4 {
    gap: 1rem!important
}
.md\:gap-12 {
    gap: 3rem
}
.md\:gap-16 {
    gap: 4rem
}
.md\:gap-3 {
    gap: 1.75rem;
}
.md\:gap-4 {
    gap: 1rem
}
.md\:gap-5 {
    gap: 1.25rem
}
.md\:gap-6 {
    gap: 3.5rem
}
.md\:gap-9 {
    gap: 2.25rem
}
.md\:gap-\[calc\(var\(--1column\)\*1\)\] {
    gap: calc(var(--1column)*1)
}
.md\:gap-\[calc\(var\(--1column\)\*2\)\] {
    gap: calc(var(--1column)*2)
}
.md\:gap-x-\[5\.5\%\] {
    -moz-column-gap: 5.5%;
    column-gap: 5.5%
}
.md\:gap-y-12 {
    row-gap: 3rem
}
.md\:gap-y-20 {
    row-gap: 5rem
}
.md\:self-end {
    align-self: flex-end
}
.md\:self-center {
    align-self: center
}
.md\:border-l {
    border-left-width: 1px
}
.md\:border-t {
    border-top-width: 1px
}
.md\:p-12 {
    padding: 3rem
}
.md\:p-14 {
    padding: 3.5rem
}
.md\:p-4 {
    padding: 1rem
}
.md\:p-9 {
    padding: 2.25rem
}
.md\:p-\[\.875rem\] {
    padding: .875rem
}
.md\:p-\[3\.75rem\] {
    padding: 3.75rem
}
.md\:p-\[var\(--1column\)\] {
    padding: var(--1column)
}
.md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.md\:px-\[calc\(var\(--1column\)\*1\)\] {
    padding-left: calc(var(--1column)*1);
    padding-right: calc(var(--1column)*1)
}
.md\:px-\[calc\(var\(--1column\)\*6\)\] {
    padding-left: calc(var(--1column)*6);
    padding-right: calc(var(--1column)*6)
}
.md\:px-\[calc\(var\(--1column\)\*8\)\] {
    padding-left: calc(var(--1column)*8);
    padding-right: calc(var(--1column)*8)
}
.md\:py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}
.md\:py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}
.md\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}
.md\:py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}
.md\:py-44 {
    padding-bottom: 11rem;
    padding-top: 11rem
}
.md\:py-9 {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem
}
.md\:py-\[1\.4375rem\] {
    padding-bottom: 1.4375rem;
    padding-top: 1.4375rem
}
.md\:\!pr-0 {
    padding-right: 0!important
}
.md\:pb-12 {
    padding-bottom: 3rem
}
.md\:pb-20 {
    padding-bottom: 5rem
}
.md\:pb-28 {
    padding-bottom: 7rem
}
.md\:pb-40 {
    padding-bottom: 10rem
}
.md\:pb-44 {
    padding-bottom: 11rem
}
.md\:pb-52 {
    padding-bottom: 13rem
}
.md\:pb-6 {
    padding-bottom: 1.5rem
}
.md\:pb-60 {
    padding-bottom: 15rem
}
.md\:pb-80 {
    padding-bottom: 20rem
}
.md\:pl-7 {
    padding-left: 1.75rem
}
.md\:pl-9 {
    padding-left: 2.25rem
}
.md\:pl-\[calc\(var\(--1column\)\*6\)\] {
    padding-left: calc(var(--1column)*6)
}
.md\:pl-\[var\(--1column\)\] {
    padding-left: var(--1column)
}
.md\:pr-20 {
    padding-right: 5rem
}
.md\:pr-\[calc\(var\(--1column\)\*1\)\] {
    padding-right: calc(var(--1column)*1)
}
.md\:pr-\[calc\(var\(--1column\)\*10\)\] {
    padding-right: calc(var(--1column)*10)
}
.md\:pr-\[calc\(var\(--1column\)\*7\)\] {
    padding-right: calc(var(--1column)*7)
}
.md\:pt-12 {
    padding-top: 3rem
}
.md\:pt-14 {
    padding-top: 3.5rem
}
.md\:pt-20 {
    padding-top: 5rem
}
.md\:pt-28 {
    padding-top: 7rem
}
.md\:pt-44 {
    padding-top: 11rem
}
.md\:pt-5 {
    padding-top: 1.25rem
}
.md\:pt-60 {
    padding-top: 15rem
}
.md\:pt-8 {
    padding-top: 2rem
}
.md\:text-left {
    text-align: left
}
.md\:text-2xl {
    font-size: 1.5rem
}
.md\:text-5xl {
    font-size: 3rem
}
.md\:text-\[2\.5rem\] {
    font-size: 2.5rem
}
.md\:text-\[2rem\] {
    font-size: 2rem
}
.md\:text-\[3\.5rem\] {
    font-size: 3.5rem
}
.md\:text-\[calc\(var\(--100vw\)\*\.2\)\] {
    font-size: calc(var(--100vw)*.2)
}
.md\:text-base {
    font-size: 1rem
}
.md\:text-lg {
    font-size: 1.3rem !important;
    letter-spacing: 2px;
}
.md\:text-sm {
    font-size: 1.7rem
}
.md\:text-xl {
    font-size: 2.5rem
}
.md\:text-xs {
    font-size: .75rem
}
.md\:leading-\[1\.75\] {
    line-height: 1.75
}
.md\:leading-\[2\.25\] {
    line-height: 2.25
}
.md\:leading-normal {
    line-height: 1.5
}
.md\:opacity-50 {
    opacity: .5
}
.md\:shadow-\[0_\.3125rem_2\.5rem_rgba\(18\2c 30\2c 47\2c 0\.15\)\] {
    --tw-shadow: 0 .3125rem 2.5rem rgba(18, 30, 47, .15);
    --tw-shadow-colored: 0 .3125rem 2.5rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.md\:transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.md\:transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.md\:transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.md\:duration-1000 {
    transition-duration: 1s
}
.md\:duration-300 {
    transition-duration: .3s
}
.md\:duration-500 {
    transition-duration: .5s
}
.md\:\[--width\:150rem\] {
    --width: 150rem
}
.md\:\[background\:_linear-gradient\(currentColor\2c currentColor\)_100\%_100\%\/100\%_1px_no-repeat\] {
    background: linear-gradient(currentColor, currentColor) 100% 100%/100% 1px no-repeat
}
.md\:\[grid-area\:1\/1\/2\/2\] {
    grid-area: 1/1/2/2
}
.md\:\[grid-area\:1\/3\/2\/4\] {
    grid-area: 1/3/2/4
}
.md\:\[grid-area\:2\/2\/3\/4\] {
    grid-area: 2/2/3/4
}
.md\:\[grid-area\:3\/2\/4\/3\] {
    grid-area: 3/2/4/3
}
.md\:\[grid-area\:3\/3\/4\/4\] {
    grid-area: 3/3/4/4
}
.md\:\[grid-area\:4\/1\/5\/2\] {
    grid-area: 4/1/5/2
}
.md\:\[grid-area\:5\/1\/6\/2\] {
    grid-area: 5/1/6/2
}
.md\:\[grid-area\:5\/2\/6\/4\] {
    grid-area: 5/2/6/4
}
.md\:first\:border-l-0:first-child {
    border-left-width: 0
}
@keyframes hover-underline {
    0% {
        background-position: 100% 100%;
        background-size: 100% 1px
    }
    
    50% {
        background-position: 100% 100%;
        background-size: 0 1px
    }
    
    51% {
        background-position: 0 100%;
        background-size: 0 1px
    }
    
    to {
        background-position: 0 100%;
        background-size: 100% 1px
    }
}
.md\:hover\:animate-\[hover-underline_both_\.4s_ease_1\]:hover {
    animation: hover-underline .4s ease 1 both
}
.md\:hover\:border-transparent:hover {
    border-color: transparent
}
.md\:hover\:\!bg-white:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))!important
}
.md\:hover\:bg-\[\#005CA8\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 92 168/var(--tw-bg-opacity))
}
.md\:hover\:\!text-\[\#005CA8\]:hover {
    --tw-text-opacity: 1!important;
    color: rgb(0 92 168/var(--tw-text-opacity))!important
}
.md\:hover\:text-\[\#005CA8\]:hover {
    --tw-text-opacity: 1;
    color: rgb(0 92 168/var(--tw-text-opacity))
}
.md\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}
.md\:hover\:opacity-50:hover {
    opacity: .5
}
.group\/hover:hover .md\:group-hover\/hover\:translate-x-4 {
    --tw-translate-x: 1rem
}
.group\/hover:hover .md\:group-hover\/hover\:scale-100,
.group\/hover:hover .md\:group-hover\/hover\:translate-x-4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/hover:hover .md\:group-hover\/hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}
.group\/hover:hover .md\:group-hover\/hover\:scale-105 {
    --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))
}
@keyframes -x {
    0% {
        transform: translateX(-100%)
    }
    
    to {
        transform: translateX(0)
    }
}
.group\/hover:hover .md\:group-hover\/hover\:animate-\[-x_both_\.5s_ease_1\] {
    animation: -x .5s ease 1 both
}
.group\/hover:hover .md\:group-hover\/hover\:animate-\[hover-arrow_both_\.3s_ease_1\] {
    animation: hover-arrow .3s ease 1 both
}
@keyframes hover-arrow {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    
    50% {
        opacity: 0;
        transform: translateY(-300%)
    }
    
    51% {
        opacity: 0;
        transform: translateY(300%)
    }
    
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
.group\/hover:hover .md\:group-hover\/hover\:animate-\[hover-arrow_both_\.5s_ease_1\] {
    animation: hover-arrow .5s ease 1 both
}
@keyframes hover-underline-in {
    0% {
        background-position: 0 100%;
        background-size: 0 1px
    }
    
    to {
        background-position: 0 100%;
        background-size: 100% 1px
    }
}
.group\/hover:hover .md\:group-hover\/hover\:animate-\[hover-underline-in_both_\.2s_ease_1\] {
    animation: hover-underline-in .2s ease 1 both
}
@keyframes hover-underline-out {
    0% {
        background-position: 100% 100%;
        background-size: 100% 1px
    }
    
    to {
        background-position: 100% 100%;
        background-size: 0 1px
    }
}
.group\/hover:hover .md\:group-hover\/hover\:animate-\[hover-underline-out_both_\.2s_ease_1\] {
    animation: hover-underline-out .2s ease 1 both
}
.group\/hover:hover .md\:group-hover\/hover\:\!bg-\[\#00A0CA\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(0 160 202/var(--tw-bg-opacity))!important
}
.group\/hover:hover .md\:group-hover\/hover\:bg-\[\#005CA8\],
.group\/hover:hover .md\:group-hover\/hover\:bg-\[\#005ca8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 92 168/var(--tw-bg-opacity))
}
.group\/hover:hover .md\:group-hover\/hover\:bg-\[\#00A0CA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 160 202/var(--tw-bg-opacity))
}
.group\/hover:hover .md\:group-hover\/hover\:fill-white {
    fill: #fff
}
.group\/hover:hover .md\:group-hover\/hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}
.group\/hover:hover .md\:group-hover\/hover\:opacity-100 {
    opacity: 1
}
.group\/item:nth-child(3n+1) .md\:group-\[\&\:nth-child\(3n\+1\)\]\/item\:border-l-0 {
    border-left-width: 0
}
.group\/item:nth-child(3n+2) .md\:group-\[\&\:nth-child\(3n\+2\)\]\/item\:px-\[15\%\] {
    padding-left: 15%;
    padding-right: 15%
}
.group\/item:nth-child(3n+1) .md\:group-\[\&\:nth-child\(3n\+1\)\]\/item\:pr-\[17\.6\%\] {
    padding-right: 17.6%
}
.group\/item:nth-child(3n+3) .md\:group-\[\&\:nth-child\(3n\+3\)\]\/item\:pl-\[17\.6\%\] {
    padding-left: 17.6%
}
@media not all and (min-width:1600px) {
    .md\:max-xl\:text-\[calc\(var\(--100vw\)\*16\/1600\)\] {
        font-size: calc(var(--100vw)*16/1600)
    }
}

}
@media only screen and (max-width: 1024px) {
    .md\:w-\[37\.7\%\] {
        width: 90%;
    }
}
@media only screen and (max-width: 767px) {
    .md\:top-9 {
        top: 10.25rem;
        right: 2.5rem;
        left: unset;
    }
}
@media (min-width:1600px) {
    .xl\:w-12 {
        width: 3rem
    }
}
.\[\&\+\*\]\:relative+* {
    position:relative
}
.\[\&\+\*\]\:z-10+* {
    z-index:10
}
.\[\&\.prev\]\:opacity-100.prev {
    opacity:1
}
.\[\&\.swiper-button-disabled\]\:fill-\[\#E6E6E6\].swiper-button-disabled {
    fill:#e6e6e6
}
.\[\&\.swiper-slide-active\]\:opacity-100.swiper-slide-active {
    opacity:1
}
@media (min-width:640px) {
    .sm\:\[\&\:nth-child\(-n\+3\)\]\:border-t:nth-child(-n+3) {
        border-top-width: 1px
    }
}
@media (min-width:767px) {
    .md\:\[\&\:nth-child\(-n\+3\)\]\:pt-0:nth-child(-n+3) {
        padding-top: 0
    }
}
@media (min-width:640px) {
    .sm\:\[\&\:nth-child\(2n\+1\)\]\:border-l-0:nth-child(odd) {
        border-left-width: 0
    }
}
@media (min-width:767px) {
    .md\:\[\&\:nth-child\(3n\+1\)\]\:w-\[31\.5\%\]:nth-child(3n+1) {
        width: 31.5%
    }
    .md\:\[\&\:nth-child\(3n\+1\)\]\:border-l-0:nth-child(3n+1) {
        border-left-width: 0
    }
    .md\:\[\&\:nth-child\(3n\+2\)\]\:w-\[37\%\]:nth-child(3n+2) {
        width: 37%
    }
    .md\:\[\&\:nth-child\(3n\+3\)\]\:w-\[31\.5\%\]:nth-child(3n+3) {
        width: 31.5%
    }
    .md\:\[\&\:nth-child\(n\+4\)\]\:border-t:nth-child(n+4) {
        border-top-width: 1px
    }
    .md\:\[\&\:nth-last-child\(-n\+3\)\]\:pb-0:nth-last-child(-n+3) {
        padding-bottom: 0
    }
}
.\[\&\>\*\]\:\!m-0>* {
    margin:0!important
}
.\[\&\>\*\]\:\!h-\[\.25rem\]>* {
    height:.25rem!important
}
.\[\&\>\*\]\:\!w-\[\.25rem\]>* {
    width:.25rem!important
}
.\[\&\>\*\]\:\!bg-white>* {
    --tw-bg-opacity:1!important;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))!important
}
.\[\&\>\*\]\:bg-\[\#E6E6E6\]>* {
    --tw-bg-opacity:1;
    background-color:rgb(230 230 230/var(--tw-bg-opacity))
}
.\[\&\>\*\]\:\!opacity-100>* {
    opacity:1!important
}
@media (min-width:767px) {
    .md\:\[\&\>\*\]\:\!h-\[\.375rem\]>* {
        height: .375rem!important
    }
    .md\:\[\&\>\*\]\:\!w-\[\.375rem\]>* {
        width: .375rem!important
    }
}
.\[\&\>\.swiper-pagination-bullet-active\]\:\!bg-\[\#005CA8\]>.swiper-pagination-bullet-active {
    --tw-bg-opacity:1!important;
    background-color:rgb(0 92 168/var(--tw-bg-opacity))!important
}
@media (min-width:767px) {
    .md\:\[\&\>br\]\:hidden>br {
        display: none
    }
}
.\[\&\>p\:nth-child\(n\+2\)\]\:mt-4>p:nth-child(n+2) {
    margin-top:1rem
}
.\[\&\>p\:nth-child\(n\+2\)\]\:mt-6>p:nth-child(n+2) {
    margin-top:1.5rem
}
.\[\&\>ul\>li\:\:marker\]\:text-999>ul>li::marker {
    --tw-text-opacity:1;
    color:rgb(153 153 153/var(--tw-text-opacity))
}
.\[\&\>ul\]\:grid>ul {
    display:grid
}
.\[\&\>ul\]\:list-decimal>ul {
    list-style-type:decimal
}
.\[\&\>ul\]\:list-disc>ul {
    list-style-type:disc
}
.\[\&\>ul\]\:gap-3>ul {
    gap:.75rem
}
.\[\&\>ul\]\:pl-\[1em\]>ul {
    padding-left:1em
}
.\[\&\>ul\]\:text-sm>ul {
    font-size:.875rem
}
.\[\&\>ul\]\:leading-\[1\.75\]>ul {
    line-height:1.75
}
.\[\&\>ul\]\:tracking-\[\.02em\]>ul {
    letter-spacing:.02em
}
.\[\&\>ul\]\:marker\:w-\[1em\] *>ul::marker {
    width:1em
}
.\[\&\>ul\]\:marker\:w-\[1em\]>ul::marker {
    width:1em
}
@media (min-width:767px) {
    .md\:\[\&\>ul\]\:gap-4>ul {
        gap: 1rem
    }
    .md\:\[\&\>ul\]\:text-xl>ul {
        font-size: 1.25rem
    }
    .md\:\[\&\>ul\]\:leading-normal>ul {
        line-height: 1.5
    }
}
.\[\&\>ul_ul\]\:mt-3>ul ul {
    margin-top:.75rem
}
@media (min-width:767px) {
    .md\:\[\&\>ul_ul\]\:mt-4>ul ul {
        margin-top: 1rem
    }
}
.\[\&_\*\]\:block * {
    display:block
}
.\[\&_\*\]\:\!h-full * {
    height:100%!important
}
.\[\&_\*\]\:\!w-full * {
    width:100%!important
}
.\[\&_\.current-item\]\:text-\[\#212224\] .current-item {
    --tw-text-opacity:1;
    color:rgb(33 34 36/var(--tw-text-opacity))
}
.\[\&_\.main\]\:mt-3 .main {
    margin-top:.75rem
}
.\[\&_\.main\]\:block .main {
    display:block
}
.\[\&_\.main\]\:font-figtree .main {
    font-family:Figtree,
    sans-serif
}
.\[\&_\.main\]\:text-\[2\.5rem\] .main {
    font-size:2.5rem
}
.\[\&_\.main\]\:text-\[2rem\] .main {
    font-size:2rem
}
.\[\&_\.main\]\:text-\[3\.5rem\] .main {
    font-size:3.5rem
}
.\[\&_\.main\]\:font-bold .main {
    font-weight:700
}
.\[\&_\.main\]\:font-semibold .main {
    font-weight:600
}
.\[\&_\.main\]\:leading-\[1\.25\] .main {
    line-height:1.25
}
.\[\&_\.main\]\:tracking-\[\.02em\] .main {
    letter-spacing:.02em
}
@media (min-width:767px) {
    .md\:\[\&_\.main\]\:mt-6 .main {
        margin-top: 1.5rem
    }
    .md\:\[\&_\.main\]\:text-7xl .main {
        font-size: 4.5rem
    }
    .md\:\[\&_\.main\]\:text-\[3rem\] .main {
        font-size: 3rem
    }
    .md\:\[\&_\.main\]\:text-\[4rem\] .main {
        font-size: 4rem
    }
    .md\:\[\&_\.main\]\:text-\[7\.5rem\] .main {
        font-size: 7.5rem
    }
}
.\[\&_\.slug-hybrid-springs\]\:bg-product-hybridSprings .slug-hybrid-springs {
    --tw-bg-opacity:1;
    background-color:rgb(223 245 247/var(--tw-bg-opacity))
}
.\[\&_\.slug-scrowave-springs\]\:bg-product-scrowaveSprings .slug-scrowave-springs {
    --tw-bg-opacity:1;
    background-color:rgb(229 240 245/var(--tw-bg-opacity))
}
.\[\&_\.slug-seal-rings\]\:bg-product-sealRings .slug-seal-rings {
    --tw-bg-opacity:1;
    background-color:rgb(226 242 233/var(--tw-bg-opacity))
}
.\[\&_\.slug-spiral-retaining-rings\]\:bg-product-spiralRetainingRings .slug-spiral-retaining-rings {
    --tw-bg-opacity:1;
    background-color:rgb(229 217 237/var(--tw-bg-opacity))
}
.\[\&_\.sub\]\:block .sub {
    display:block
}
.\[\&_\.sub\]\:flex .sub {
    display:flex
}
.\[\&_\.sub\]\:items-center .sub {
    align-items:center
}
.\[\&_\.sub\]\:gap-\[\.5em\] .sub {
    gap:.5em
}
.\[\&_\.sub\]\:font-figtree .sub {
    font-family:Figtree,
    sans-serif
}
.\[\&_\.sub\]\:text-base .sub {
    font-size:1rem
}
.\[\&_\.sub\]\:text-sm .sub {
    font-size:.875rem
}
.\[\&_\.sub\]\:text-xs .sub {
    font-size:.75rem
}
.\[\&_\.sub\]\:font-bold .sub {
    font-weight:700
}
.\[\&_\.sub\]\:tracking-\[\.02em\] .sub {
    letter-spacing:.02em
}
.\[\&_\.sub\]\:text-\[\#005CA8\] .sub {
    --tw-text-opacity:1;
    color:rgb(0 92 168/var(--tw-text-opacity))
}
.\[\&_\.sub\]\:before\:block .sub:before {
    content:var(--tw-content);
    display:block
}
.\[\&_\.sub\]\:before\:aspect-square .sub:before {
    aspect-ratio:1/1;
    content:var(--tw-content)
}
.\[\&_\.sub\]\:before\:w-\[\.25rem\] .sub:before {
    content:var(--tw-content);
    width:.25rem
}
.\[\&_\.sub\]\:before\:rounded-full .sub:before {
    border-radius:9999px;
    content:var(--tw-content)
}
.\[\&_\.sub\]\:before\:bg-current .sub:before {
    background-color:currentColor;
    content:var(--tw-content)
}
@media (min-width:767px) {
    .md\:\[\&_\.sub\]\:text-base .sub {
        font-size: 1rem
    }
    .md\:\[\&_\.sub\]\:text-lg .sub {
        font-size: 1.125rem
    }
}
.\[\&_\.taxonomy-casestudy-field\]\:bg-\[\#F5F5F5\] .taxonomy-casestudy-field {
    --tw-bg-opacity:1;
    background-color:rgb(245 245 245/var(--tw-bg-opacity))
}
.\[\&_\.taxonomy-casestudy-field\]\:bg-white .taxonomy-casestudy-field {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
@media (min-width:767px) {
    .md\:\[\&_a\]\:border-b a {
        border-bottom-width: 1px
    }
    .md\:\[\&_br\]\:hidden br {
        display: none
    }
}
.\[\&_img\]\:ml-auto img {
    margin-left:auto
}
.\[\&_img\]\:h-full img {
    height:100%
}
.\[\&_img\]\:w-\[12rem\] img {
    width:12rem
}
.\[\&_img\]\:w-full img {
    width:100%
}
.\[\&_img\]\:max-w-\[40\%\] img {
    max-width:40%
}
.\[\&_img\]\:object-cover img {
    -o-object-fit:cover;
    object-fit:cover
}
.\[\&_p\:nth-child\(n\+2\)\]\:mt-6 p:nth-child(n+2) {
    margin-top:1.5rem
}
.\[\&_p\]\:text-sm p {
    font-size:.875rem
}
.\[\&_p\]\:leading-loose p {
    line-height:2
}
.\[\&_p\]\:tracking-\[\.02em\] p {
    letter-spacing:.02em
}
@media (min-width:767px) {
    .md\:\[\&_p\]\:text-xl p {
        font-size: 1.25rem
    }
    .md\:\[\&_p\]\:leading-\[1\.75\] p {
        line-height: 1.75
    }
}
.\[\&_th\]\:w-\[calc\(var\(--1column\)\*8\)\] th {
    width:calc(var(--1column)*8)
}
.\[\&_th\]\:text-left th {
    text-align:left
}
.\[\&_th\]\:align-top th {
    vertical-align:top
}
.\[\&_th\]\:font-bold th {
    font-weight:700
}
@media (min-width:767px) {
    .md\:\[\&_th\]\:w-\[calc\(var\(--1column\)\*4\)\] th {
        width: calc(var(--1column)*4)
    }
}
.\[\&_tr\:nth-child\(1\)\>\*\]\:border-t tr:first-child>* {
    border-top-width:1px
}
.\[\&_tr\>\*\]\:border-b tr>* {
    border-bottom-width:1px
}
.\[\&_tr\>\*\]\:border-\[\#E6E6E6\] tr>* {
    --tw-border-opacity:1;
    border-color:rgb(230 230 230/var(--tw-border-opacity))
}
.\[\&_tr\>\*\]\:py-6 tr>* {
    padding-bottom:1.5rem;
    padding-top:1.5rem
}
@media (min-width:767px) {
    .md\:\[\&_tr\>\*\]\:py-9 tr>* {
        padding-bottom: 2.25rem;
        padding-top: 2.25rem
    }
}
.close {
    margin-right: 1.5px;
}
.md\:w-5 {
    width: 2rem;
}
.md\:w-\[3\.75rem\] {
    width: 4.75rem;
}
.md\:h-\[3\.75rem\] {
    height: 4.75rem;
}
.\[\&_svg\]\:\!fill-\[\#005CA8\] svg {
    fill:#005ca8!important
}
.group\/hover:hover .md\:\[\&_svg\]\:group-hover\/hover\:\!fill-white svg {
    fill: #fff!important
}
@media only screen and (max-width: 1024px) {
    .close {
        margin-right: 3px;
    }
    .md\:top-9 {
        top: 1.25rem;
        right: 2.5rem;
        z-index: 99999999;
    }
    .md\:top-\[3\.6rem\] {
        right: 2.2rem;
        top: 6.5rem;
        display: none;
    }
    .md\:text-xl {
        font-size: 2.2rem;
    }
    .text-sm {
        font-size: 1.7rem;
    }
}
@media only screen and (max-width: 767px) {
    .md\:text-xl {
        font-size: 2rem;
    }
    .text-sm {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 516px) {
    .max-md\:border-b,
    .max-md\:border-y {
        border-bottom: 1px solid white;
    }
    #megamenu {
        margin-top: 59.6px;
    }
    .md\:w-\[37\.7\%\] {
        position: absolute;
        top: 30.6px;
        left: 50%;
        transform: translateX(-50%);
    }
    .md\:text-xl {
        font-size: 1.8rem;
    }
    .menu {
        display: none;
    }
    .md\:top-9 {
        top: 1rem;
        right: 1rem;
        border: 1px solid #E60013;
        border-radius: 50%;
    }
    .md\:w-\[3\.75rem\] {
        width: 4.2rem;
    }
    .md\:h-\[3\.75rem\] {
        height: 4.2rem;
    }
    .max-md\:pb-6 {
        padding: 0rem 0 3rem;
    }
    .gap-3 {
        gap: 1.75rem;
    }
    .md\:top-9,
    #megamenu {
        z-index: 10002;
    }
}
.bi-arrow-down-short {
    height: 20px;
    width: 20px;
}
#megamenu {
    background-color: #F7F8F8;
}
[data-switch="megamenu-sitemap-toggle,click"] {
    transition: transform 0.3s ease;
}
[data-switch="megamenu-sitemap-toggle,click"][data-state="open"] {
    transform: rotate(360deg);
}