/*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
        border: 0 solid #e5e7eb;
        box-sizing: border-box
}

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

html {
        -webkit-text-size-adjust: 100%;
        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;
        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
}

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,
pre,
samp {
        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: -.25em
}

sup {
        top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
        color: inherit;
        font-family: inherit;
        font-size: 100%;
        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,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
        margin: 0
}

fieldset,
legend {
        padding: 0
}

menu,
ol,
ul {
        list-style: none;
        margin: 0;
        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
}

[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
        --tw-shadow: 0 0 #0000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border-color: #6b7280;
        border-radius: 0;
        border-width: 1px;
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .5rem .75rem
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
        --tw-ring-inset: var(--tw-empty,
                        /*!*/
                        /*!*/
                );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #1c64f2;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        border-color: #1c64f2;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        outline: 2px solid transparent;
        outline-offset: 2px
}

input::-moz-placeholder,
textarea::-moz-placeholder {
        color: #6b7280;
        opacity: 1
}

input::placeholder,
textarea::placeholder {
        color: #6b7280;
        opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
        padding: 0
}

::-webkit-date-and-time-value {
        min-height: 1.5em
}

select {
        color-adjust: exact;
        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 8 4 4 4-4'/%3E%3C/svg%3E");
        background-position: right .5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        -webkit-print-color-adjust: exact
}

[multiple] {
        color-adjust: unset;
        background-image: none;
        background-position: 0 0;
        background-repeat: unset;
        background-size: initial;
        padding-right: .75rem;
        -webkit-print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
        color-adjust: exact;
        --tw-shadow: 0 0 #0000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        background-origin: border-box;
        border-color: #6b7280;
        border-width: 1px;
        color: #1c64f2;
        display: inline-block;
        flex-shrink: 0;
        height: 1rem;
        padding: 0;
        -webkit-print-color-adjust: exact;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: middle;
        width: 1rem
}

[type=checkbox] {
        border-radius: 0
}

[type=radio] {
        border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
        --tw-ring-inset: var(--tw-empty,
                        /*!*/
                        /*!*/
                );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #1c64f2;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        outline: 2px solid transparent;
        outline-offset: 2px
}

.dark [type=checkbox]:checked,
.dark [type=radio]:checked,
[type=checkbox]:checked,
[type=radio]:checked {
        background-color: currentColor;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: transparent
}

[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 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

[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")
}

[type=checkbox]:indeterminate {
        background-color: currentColor;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: transparent
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
        background-color: currentColor;
        border-color: transparent
}

[type=file] {
        background: unset;
        border-color: inherit;
        border-radius: 0;
        border-width: 0;
        font-size: unset;
        line-height: inherit;
        padding: 0
}

[type=file]:focus {
        outline: 1px auto -webkit-focus-ring-color
}

input[type=file]::file-selector-button {
        -webkit-margin-end: 1rem;
        -webkit-margin-start: -1rem;
        background: #374151;
        border: 0;
        color: #fff;
        cursor: pointer;
        font-size: .875rem;
        font-weight: 500;
        margin-inline-end: 1rem;
        margin-inline-start: -1rem;
        padding: .625rem 1rem .625rem 2rem
}

input[type=file]::file-selector-button:hover {
        background: #4b5563
}

.dark input[type=file]::file-selector-button {
        background: #4b5563;
        color: #fff
}

.dark input[type=file]::file-selector-button:hover {
        background: #6b7280
}

.toggle-bg:after {
        background: #fff;
        border-color: #f5f5f5;
        border-radius: 9999px;
        border-width: 1px;
        box-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        content: "";
        height: 1.25rem;
        left: .125rem;
        position: absolute;
        top: .125rem;
        transition-duration: .15s;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        width: 1.25rem
}

input:checked+.toggle-bg:after {
        border-color: #fff;
        transform: translateX(100%);
}

input:checked+.toggle-bg {
        background: #1c64f2;
        border-color: #1c64f2
}

.tooltip-arrow,
.tooltip-arrow:before {
        background: inherit;
        height: 8px;
        position: absolute;
        width: 8px
}

.tooltip-arrow {
        visibility: hidden
}

.tooltip-arrow:before {
        content: "";
        transform: rotate(45deg);
        visibility: visible
}

[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before {
        border-color: #e5e7eb;
        border-style: solid
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before {
        border-bottom-width: 1px;
        border-right-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before {
        border-bottom-width: 1px;
        border-left-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before {
        border-left-width: 1px;
        border-top-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before {
        border-right-width: 1px;
        border-top-width: 1px
}

.tooltip[data-popper-placement^=top]>.tooltip-arrow {
        bottom: -4px
}

.tooltip[data-popper-placement^=bottom]>.tooltip-arrow {
        top: -4px
}

.tooltip[data-popper-placement^=left]>.tooltip-arrow {
        right: -4px
}

.tooltip[data-popper-placement^=right]>.tooltip-arrow {
        left: -4px
}

.tooltip.invisible>.tooltip-arrow:before {
        visibility: hidden
}

.dark [role=tab].active,
.dark [role=tab].active:hover,
[role=tab].active,
[role=tab].active:hover {
        border-color: #1c64f2;
        color: #1c64f2
}

body {
        --tw-text-opacity: 1;
        color: rgb(3 28 73/var(--tw-text-opacity))
}

h1,
h2,
h3,
h4,
h5,
h6 {
        font-weight: 500
}

*,
:after,
:before {
        --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: rgba(63, 131, 248, .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:100%) {
        .container {
                max-width: 100%
        }
}

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

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

.visible {
        visibility: visible
}

.invisible {
        visibility: hidden
}

.static {
        position: static
}

.fixed {
        position: fixed
}

.absolute {
        position: absolute
}

.relative {
        position: relative
}

.inset-0 {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
}

.left-0 {
        left: 0
}

.right-0 {
        right: 0
}

.bottom-0 {
        bottom: 0
}

.top-0 {
        top: 0
}

.left-10 {
        left: 2.5rem
}

.bottom-20 {
        bottom: 5rem
}

.top-4 {
        top: 1rem
}

.right-4 {
        right: 1rem
}

.-right-\[100px\] {
        right: -100px
}

.top-\[30px\] {
        top: 30px
}

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

.right-6 {
        right: 1.5rem
}

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

.bottom-\[15\%\] {
        bottom: 15%
}

.left-\[15px\] {
        left: 15px
}

.bottom-\[180px\] {
        bottom: 180px
}

.left-15 {
        left: 3.75rem
}

.right-15 {
        right: 3.75rem
}

.left-28 {
        left: 7rem
}

.right-14 {
        right: 3.5rem
}

.left-7 {
        left: 1.75rem
}

.z-10 {
        z-index: 10
}

.z-30 {
        z-index: 30
}

.z-50 {
        z-index: 50
}

.z-40 {
        z-index: 40
}

.z-0 {
        z-index: 0
}

.z-20 {
        z-index: 20
}

.col-span-2 {
        grid-column: span 2/span 2
}

.row-span-2 {
        grid-row: span 2/span 2
}

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

.my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem
}

.-mx-\[15px\] {
        margin-left: -15px;
        margin-right: -15px
}

.my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
}

.my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem
}

.mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
}

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

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

.mb-3 {
        margin-bottom: .75rem
}

.mb-10 {
        margin-bottom: 2.5rem
}

.mb-7 {
        margin-bottom: 1.75rem
}

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

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

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

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

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

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

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

.mb-1 {
        margin-bottom: .25rem
}

.ml-3 {
        margin-left: .75rem
}

.mb-\[1px\] {
        margin-bottom: 1px
}

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

.ml-auto {
        margin-left: auto
}

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

.mb-14 {
        margin-bottom: 3.5rem
}

.mb-8 {
        margin-bottom: 2rem
}

.mr-4 {
        margin-right: 1rem
}

.mb-6 {
        margin-bottom: 1.5rem
}

.mr-\[10px\] {
        margin-right: 10px
}

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

.mb-\[10px\] {
        margin-bottom: 10px
}

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

.mr-2 {
        margin-right: .5rem
}

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

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

.-mr-4 {
        margin-right: -1rem
}

.-ml-10 {
        margin-left: -2.5rem
}

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

.-mt-\[30px\] {
        margin-top: -30px
}

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

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

.mb-\[30px\] {
        margin-bottom: 30px
}

.mt-\[30px\] {
        margin-top: 30px
}

.block {
        display: block
}

.inline-block {
        display: inline-block
}

.inline {
        display: inline
}

.flex {
        display: flex
}

.inline-flex {
        display: inline-flex
}

.table {
        display: table
}

.grid {
        display: grid
}

.hidden {
        display: none
}

.h-4 {
        height: 1rem
}

.h-11 {
        height: 2.75rem
}

.h-6 {
        height: 1.5rem
}

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

.h-full {
        height: 100%
}

.h-screen {
        height: 100vh
}

.h-9 {
        height: 2.25rem
}

.h-5 {
        height: 1.25rem
}

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

.h-20 {
        height: 5rem
}

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

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

.h-12 {
        height: 3rem
}

.h-15 {
        height: 3.75rem
}

.h-16 {
        height: 4rem
}

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

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

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

.h-10 {
        height: 2.5rem
}

.h-8 {
        height: 2rem
}

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

.min-h-screen {
        min-height: 100vh
}

.min-h-\[180px\] {
        min-height: 180px
}

.min-h-\[122px\] {
        min-height: 122px
}

.w-full {
        width: 100%
}

.w-4 {
        width: 1rem
}

.w-\[100px\] {
        width: 100px
}

.w-11 {
        width: 2.75rem
}

.w-6 {
        width: 1.5rem
}

.w-\[70px\] {
        width: 70px
}

.w-\[150px\] {
        width: 150px
}

.w-\[480px\] {
        width: 480px
}

.w-9 {
        width: 2.25rem
}

.w-5 {
        width: 1.25rem
}

.w-20 {
        width: 5rem
}

.w-\[520px\] {
        width: 520px
}

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

.w-8 {
        width: 2rem
}

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

.w-\[50px\] {
        width: 50px
}

.w-\[65vw\] {
        width: 65vw
}

.w-1\/2 {
        width: 50%
}

.w-\[30px\] {
        width: 30px
}

.w-12 {
        width: 3rem
}

.w-auto {
        width: auto
}

.w-\[300px\] {
        width: 300px
}

.w-80 {
        width: 20rem
}

.w-15 {
        width: 3.75rem
}

.w-\[270px\] {
        width: 270px
}

.w-10 {
        width: 2.5rem
}

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

.w-64 {
        width: 16rem
}

.max-w-\[1100px\] {
        max-width: 1100px
}

.max-w-\[1140px\] {
        max-width: 1140px
}

.max-w-\[950px\] {
        max-width: 950px
}

.max-w-\[350px\] {
        max-width: 350px
}

.max-w-\[590px\] {
        max-width: 590px
}

.max-w-\[500px\] {
        max-width: 500px
}

.max-w-\[660px\] {
        max-width: 660px
}

.max-w-xl {
        max-width: 36rem
}

.max-w-2xl {
        max-width: 42rem
}

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

.max-w-none {
        max-width: none
}

.max-w-\[300px\] {
        max-width: 300px
}

.max-w-\[1000px\] {
        max-width: 1000px
}

.\!max-w-full {
        max-width: 100% !important
}

.flex-1 {
        flex: 1 1 0%
}

.flex-none {
        flex: none
}

.flex-shrink {
        flex-shrink: 1
}

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

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

.translate-x-0 {
        --tw-translate-x: 0px
}

.-translate-x-full {
        --tw-translate-x: -100%
}

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

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

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

.scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
}

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

.\!transform {
        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
}

.cursor-pointer {
        cursor: pointer
}

.cursor-default {
        cursor: default
}

.cursor-not-allowed {
        cursor: not-allowed
}

.resize {
        resize: both
}

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

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

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

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

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

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

.flex-col {
        flex-direction: column
}

.flex-wrap {
        flex-wrap: wrap
}

.flex-nowrap {
        flex-wrap: nowrap
}

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

.items-center {
        align-items: center
}

.justify-center {
        justify-content: center
}

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

.gap-8 {
        gap: 2rem
}

.gap-5 {
        gap: 1.25rem
}

.gap-3 {
        gap: .75rem
}

.gap-1 {
        gap: .25rem
}

.gap-\[10px\] {
        gap: 10px
}

.gap-4 {
        gap: 1rem
}

.gap-2 {
        gap: .5rem
}

.gap-15 {
        gap: 3.75rem
}

.gap-16 {
        gap: 4rem
}

.gap-7 {
        gap: 1.75rem
}

.gap-10 {
        gap: 2.5rem
}

.gap-6 {
        gap: 1.5rem
}

.gap-\[15px\] {
        gap: 15px
}

.gap-9 {
        gap: 2.25rem
}

.gap-y-10 {
        row-gap: 2.5rem
}

.gap-y-4 {
        row-gap: 1rem
}

.gap-y-3 {
        row-gap: .75rem
}

.gap-y-2 {
        row-gap: .5rem
}

.gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
}

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

.gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
}

.gap-x-24 {
        -moz-column-gap: 6rem;
        column-gap: 6rem
}

.gap-y-8 {
        row-gap: 2rem
}

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

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

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

.overflow-hidden {
        overflow: hidden
}

.overflow-clip {
        overflow: clip
}

.overflow-x-auto {
        overflow-x: auto
}

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

.overflow-x-hidden {
        overflow-x: hidden
}

.rounded {
        border-radius: .25rem
}

.rounded-sm {
        border-radius: .125rem
}

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

.rounded-2xl {
        border-radius: 1rem
}

.rounded-\[6px_20px_6px_20px\] {
        border-radius: 6px 20px 6px 20px
}

.rounded-lg {
        border-radius: .5rem
}

.rounded-l-lg {
        border-bottom-left-radius: .5rem;
        border-top-left-radius: .5rem
}

.rounded-r-lg {
        border-bottom-right-radius: .5rem;
        border-top-right-radius: .5rem
}

.border {
        border-width: 1px
}

.border-0 {
        border-width: 0
}

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

.border-r {
        border-right-width: 1px
}

.border-r-0 {
        border-right-width: 0
}

.border-t-0 {
        border-top-width: 0
}

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

.border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgb(230 235 241/var(--tw-border-opacity))
}

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

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

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

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

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

.border-blue-700 {
        --tw-border-opacity: 1;
        border-color: rgb(0 74 237/var(--tw-border-opacity))
}

.border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(245 245 245/var(--tw-border-opacity))
}

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

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

.bg-blue-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(0 74 237/var(--tw-bg-opacity))
}

.bg-slate-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(11 23 53/var(--tw-bg-opacity))
}

.bg-transparent {
        background-color: transparent
}

.bg-\[\#F0F2F7\] {
        --tw-bg-opacity: 1;
        background-color: rgb(240 242 247/var(--tw-bg-opacity))
}

.bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

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

.bg-\[\#F6F8FB\] {
        --tw-bg-opacity: 1;
        background-color: rgb(246 248 251/var(--tw-bg-opacity))
}

.bg-\[\#FFFAF0\] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 250 240/var(--tw-bg-opacity))
}

.bg-\[\#F0FDF2\] {
        --tw-bg-opacity: 1;
        background-color: rgb(240 253 242/var(--tw-bg-opacity))
}

.bg-\[\#F0F6FF\] {
        --tw-bg-opacity: 1;
        background-color: rgb(240 246 255/var(--tw-bg-opacity))
}

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

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

.bg-\[\#FAFBFF\],
.bg-\[\#fafbff\] {
        --tw-bg-opacity: 1;
        background-color: rgb(250 251 255/var(--tw-bg-opacity))
}

.bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(230 235 241/var(--tw-bg-opacity))
}

.bg-white\/50 {
        background-color: hsla(0, 0%, 100%, .5)
}

.bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.bg-opacity-60 {
        --tw-bg-opacity: 0.6
}

.bg-opacity-50 {
        --tw-bg-opacity: 0.5
}

.bg-opacity-80 {
        --tw-bg-opacity: 0.8
}

.bg-opacity-40 {
        --tw-bg-opacity: 0.4
}

.bg-opacity-30 {
        --tw-bg-opacity: 0.3
}

.bg-opacity-10 {
        --tw-bg-opacity: 0.1
}

.bg-cover {
        background-size: cover
}

.bg-contain {
        background-size: contain
}

.bg-\[length\:480px_340px\] {
        background-size: 480px 340px
}

.bg-auto {
        background-size: auto
}

.bg-center {
        background-position: 50%
}

.bg-right {
        background-position: 100%
}

.bg-bottom {
        background-position: bottom
}

.bg-left-top {
        background-position: 0 0
}

.bg-no-repeat {
        background-repeat: no-repeat
}

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

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

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

.object-center {
        -o-object-position: center;
        object-position: center
}

.p-\[15px\] {
        padding: 15px
}

.p-10 {
        padding: 2.5rem
}

.p-8 {
        padding: 2rem
}

.p-0 {
        padding: 0
}

.p-5 {
        padding: 1.25rem
}

.p-2 {
        padding: .5rem
}

.p-4 {
        padding: 1rem
}

.p-\[30px\] {
        padding: 30px
}

.p-6 {
        padding: 1.5rem
}

.p-2\.5 {
        padding: .625rem
}

.p-1 {
        padding: .25rem
}

.py-\[50px\] {
        padding-bottom: 50px;
        padding-top: 50px
}

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

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

.py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
}

.py-\[30px\] {
        padding-bottom: 30px;
        padding-top: 30px
}

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

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

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

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

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

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

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

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

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

.px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
}

.px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
}

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

.px-\[70px\] {
        padding-left: 70px;
        padding-right: 70px
}

.px-\[15px\] {
        padding-left: 15px;
        padding-right: 15px
}

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

.py-\[10px\] {
        padding-bottom: 10px;
        padding-top: 10px
}

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

.px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
}

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

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

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

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

.py-15 {
        padding-bottom: 60px;
        padding-top: 60px
}

.px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
}

.py-0 {
        padding-bottom: 0;
        padding-top: 0
}

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

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

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

.pt-10 {
        padding-top: 2.5rem
}

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

.pt-\[60px\] {
        padding-top: 60px
}

.pb-\[40px\] {
        padding-bottom: 40px
}

.pt-\[40px\] {
        padding-top: 40px
}

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

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

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

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

.pt-8 {
        padding-top: 2rem
}

.pb-1 {
        padding-bottom: .25rem
}

.pb-8 {
        padding-bottom: 2rem
}

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

.pl-15 {
        padding-left: 60px
}

.pl-5 {
        padding-left: 1.25rem
}

.pb-0 {
        padding-bottom: 0
}

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

.pr-20 {
        padding-right: 5rem
}

.pl-10 {
        padding-left: 2.5rem
}

.pr-\[200px\] {
        padding-right: 200px
}

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

.pr-4 {
        padding-right: 1rem
}

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

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

.pr-5 {
        padding-right: 1.25rem
}

.pl-11 {
        padding-left: 2.75rem
}

.pr-40 {
        padding-right: 10rem
}

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

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

.pl-9 {
        padding-left: 2.25rem
}

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

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

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

.pt-\[20px\] {
        padding-top: 20px
}

.pt-\[30px\] {
        padding-top: 30px
}

.pt-\[50px\] {
        padding-top: 50px
}

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

.pl-\[10px\] {
        padding-left: 10px
}

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

.text-left {
        text-align: left
}

.text-center {
        text-align: center
}

.text-justify {
        text-align: justify
}

.align-top {
        vertical-align: top
}

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

.text-4xl {
        font-size: 2.125rem
}

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

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

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

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

.text-xs {
        font-size: .75rem;
        line-height: 1rem
}

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

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

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

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

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

.font-medium {
        font-weight: 500
}

.font-semibold {
        font-weight: 600
}

.font-bold {
        font-weight: 700
}

.font-normal {
        font-weight: 400
}

.leading-loose {
        line-height: 2
}

.leading-none {
        line-height: 1
}

.leading-5 {
        line-height: 1.25rem
}

.leading-relaxed {
        line-height: 1.58
}

.leading-6 {
        line-height: 1.5rem
}

.leading-7 {
        line-height: 1.75rem
}

.leading-9 {
        line-height: 2.25rem
}

.text-blue-700 {
        --tw-text-opacity: 1;
        color: rgb(0 74 237/var(--tw-text-opacity))
}

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

.text-gray-300 {
        --tw-text-opacity: 1;
        color: rgb(245 245 245/var(--tw-text-opacity))
}

.text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(156 163 175/var(--tw-text-opacity))
}

.text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-slate-700 {
        --tw-text-opacity: 1;
        color: rgb(3 28 73/var(--tw-text-opacity))
}

.text-gray-900 {
        --tw-text-opacity: 1;
        color: rgb(17 24 39/var(--tw-text-opacity))
}

.text-opacity-60 {
        --tw-text-opacity: 0.6
}

.opacity-60 {
        opacity: .6
}

.opacity-40 {
        opacity: .4
}

.opacity-80 {
        opacity: .8
}

.opacity-70 {
        opacity: .7
}

.opacity-0 {
        opacity: 0
}

.opacity-100 {
        opacity: 1
}

.shadow-sm {
        --tw-shadow: 0 2px 16px 0 rgba(5, 16, 31, .12);
        --tw-shadow-colored: 0 2px 16px 0 var(--tw-shadow-color)
}

.shadow,
.shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow-lg {
        --tw-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .08);
        --tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
        outline-style: solid
}

.blur {
        --tw-blur: blur(8px)
}

.blur,
.filter {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px)
}

.backdrop-blur-\[10px\],
.backdrop-blur-sm {
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px)
}

.backdrop-blur-\[5px\] {
        --tw-backdrop-blur: blur(5px)
}

.backdrop-blur-\[5px\],
.backdrop-blur-\[6px\] {
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[6px\] {
        --tw-backdrop-blur: blur(6px)
}

.transition {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

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

.line-clamp-1 {
        -webkit-line-clamp: 1
}

.line-clamp-1,
.line-clamp-2 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
}

.line-clamp-2 {
        -webkit-line-clamp: 2
}

.btn {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(0 74 237/var(--tw-bg-opacity));
        background-image: linear-gradient(-30deg, #003ce4, #0069ff);
        color: rgb(255 255 255/var(--tw-text-opacity));
        font-weight: 500;
        line-height: 1.25rem;
        padding: .75rem 2.5rem;
        transition-duration: .15s;
        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn:hover {
        background-image: linear-gradient(-30deg, #0069ff, #0069ff)
}

.btn-bg {
        background-image: linear-gradient(-30deg, #003ce4, #0069ff)
}

.btn-bg:hover {
        background-image: linear-gradient(-30deg, #0069ff, #0069ff)
}

@keyframes bg-move {
        0% {
                background-position: -500px 0
        }

        to {
                background-position: 1000px 0
        }
}

body {
        -webkit-font-smoothing: antialiased;
        background-color: #fff
}

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

@media (max-width:768px) {
        body {
                font-size: 14px;
                line-height: 1.5
        }

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

.header {
        transition: all .25s ease-in-out
}

.header.active,
.header.open {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background: hsla(0, 0%, 100%, .8);
        box-shadow: 0 0 40px 0 hsla(0, 0%, 47%, .1)
}

.footer {
        background: url(../../img/bg-footer.png) no-repeat 50%;
        background-size: cover
}

.footer-menu>li {
        flex: 1 1 auto;
        margin-bottom: 2.5rem;
        width: 100%
}

@media (min-width:768px) {
        .footer-menu>li {
                margin-bottom: 0;
                width: auto
        }
}

.footer-menu>li>a {
        font-weight: 700
}

.footer-menu>li .sub-menu {
        line-height: 2rem;
        margin-top: 1rem
}

.footer-menu>li .sub-menu a {
        opacity: .5;
        transition: all .25s ease-in-out
}

.footer-menu>li .sub-menu a:hover {
        opacity: .9
}

@media (max-width:768px) {
        .footer {
                padding-bottom: 57px
        }

        .footer-menu li {
                margin: 0
        }

        .footer-menu>li {
                border-bottom: 1px solid hsla(0, 0%, 100%, .08)
        }

        .footer-menu>li>a {
                background: url(../../img/icon-plus.svg) no-repeat 100%;
                background-size: 12px 12px
        }

        .footer-menu>li .sub-menu {
                line-height: 20px;
                margin-top: 0;
                max-height: 0;
                overflow: hidden;
                transition: max-height .3s cubic-bezier(.5, 0, 0, 1)
        }

        .footer-menu>li.open>a {
                background-image: url(../../img/icon-minus.svg)
        }

        .footer-menu>li.open .sub-menu {
                max-height: 99em
        }

        .footer-menu a {
                display: block;
                padding: 12px 0
        }
}

.index-banner {
        background: url(../../img/bg-index-banner.png) no-repeat 50%;
        background-size: cover
}

.page-banner {
        background: url(../../img/bg-page-banner.png) no-repeat 50%;
        background-size: cover;
        overflow: hidden
}

@media (max-width:768px) {
        .page-banner {
                background-image: url(../../img/bg-page-banner-m.png)
        }

        .page-banner img {
                max-width: 160%;
                transform: translateX(-22%)
        }

        .index-banner {
                background-image: url(../../img/bg-index-banner-m.png)
        }

        .banner-category {
                background-color: #fafafc;
                background-image: none !important
        }
}

.nums {
        max-width: 820px
}

@font-face {
        font-family: Fiver;
        font-style: normal;
        font-weight: 400;
        src: url(../../font/Fiver.eot);
        src: url(../../font/Fiver-1.eot) format("embedded-opentype"), url(../../font/Fiver.woff) format("woff"), url(../../font/Fiver.ttf) format("truetype"), url(../../font/Fiver.svg) format("svg")
}

.num {
        flex: 1;
        font-family: Fiver, sans-serif;
        font-size: 68px;
        height: 68px;
        line-height: 68px;
        opacity: .8;
        padding-right: 8px;
        position: relative;
        text-align: right
}

.num:after {
        content: "+";
        font-size: 30px;
        position: absolute;
        right: -12px;
        top: -5px
}

#num01 {
        width: 110px
}

#num02 {
        width: 150px
}

#num03 {
        width: 70px
}

@media (max-width:768px) {
        .num {
                font-size: 30px;
                height: 30px;
                line-height: 30px
        }

        .num:after {
                font-size: 20px;
                height: 20px;
                line-height: 20px;
                right: -10px;
                top: -3px
        }

        .nums span {
                padding-top: 15px
        }

        #num01,
        #num02,
        #num03 {
                width: 33.33%
        }
}

.cta-section {
        background: url(../../img/bg-cta.png) no-repeat 50%
}

.banner,
.cta-section {
        background-size: cover
}

.banner {
        background-position: 50%;
        background-repeat: no-repeat
}

.index-lottie {
        height: 667px;
        width: 1280px
}

@media (max-width:768px) {
        .index-lottie {
                height: 100%;
                transform: translate(-25%, 10%) scale(1.5);
                width: 100%
        }
}

.header-menu a {
        cursor: pointer
}

.header-menu a:hover {
        --tw-text-opacity: 1;
        color: rgb(0 74 237/var(--tw-text-opacity))
}

.header-menu>ul>li {
        --tw-border-opacity: 1;
        border-bottom-width: 1px;
        border-color: rgb(230 235 241/var(--tw-border-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        position: relative
}

@media (min-width:768px) {
        .header-menu>ul>li {
                border-width: 0
        }
}

.header-menu>ul>li:hover>a {
        --tw-text-opacity: 1;
        color: rgb(0 74 237/var(--tw-text-opacity))
}

.header-menu>ul>li>a {
        --tw-text-opacity: 1;
        color: rgb(3 28 73/var(--tw-text-opacity));
        display: block;
        padding-bottom: .75rem;
        padding-top: .75rem
}

.header-menu>ul>li>a:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

@media (min-width:768px) {
        .header-menu>ul>li>a:hover {
                background-color: transparent
        }
}

.header-menu .menu-item-has-children:hover .sub-menu {
        display: block
}

.header-menu .menu-item-has-children:hover .sub-menu.sub-menu-big {
        display: flex
}

.header-menu>ul>li>.sub-menu {
        --tw-shadow: 0 2px 16px 0 rgba(5, 16, 31, .12);
        --tw-shadow-colored: 0 2px 16px 0 var(--tw-shadow-color);
        --tw-backdrop-blur: blur(10px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        background: hsla(0, 0%, 100%, .95);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        display: none;
        left: 0;
        padding-bottom: .75rem;
        padding-top: .75rem;
        position: absolute;
        width: 210px
}

.header-menu>ul>li>.sub-menu.sub-menu-big {
        display: none;
        justify-content: space-between;
        padding: 38px 40px 26px;
        width: 860px
}

.header-menu>ul>li>.sub-menu.sub-menu-big dt {
        --tw-text-opacity: 0.6;
        color: rgb(3 28 73/var(--tw-text-opacity));
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
        padding: 0 20px
}

.header-menu>ul>li>.sub-menu.sub-menu-big dl:first-child {
        width: 240px
}

.header-menu>ul>li>.sub-menu.sub-menu-big dl:last-child {
        width: 480px
}

.header-menu>ul>li>.sub-menu.sub-menu-big ul {
        display: flex;
        flex-wrap: wrap
}

.header-menu>ul>li>.sub-menu.sub-menu-big ul li {
        margin-bottom: 14px;
        margin-right: 20px;
        width: 220px
}

.header-menu>ul>li>.sub-menu.sub-menu-big ul li a {
        align-items: center;
        display: flex;
        padding: 8px 20px;
        transition: .15s
}

.header-menu>ul>li>.sub-menu.sub-menu-big ul li a:hover {
        --tw-text-opacity: 1;
        background-color: #eff2f9;
        color: rgb(0 74 237/var(--tw-text-opacity))
}

.header-menu>ul>li>.sub-menu.sub-menu-big ul li img {
        height: 30px;
        margin-right: 20px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 30px
}

.header-menu>ul>li>.sub-menu:after {
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 10px 8px;
        content: "";
        height: 0;
        left: 45px;
        position: absolute;
        right: 0;
        top: -8px;
        width: 0
}

.header-menu>ul>li>.sub-menu>.menu-item-has-children,
.header-menu>ul>li>.sub-menu>.menu-item-has-children a {
        position: relative
}

.header-menu>ul>li>.sub-menu>.menu-item-has-children .sub-menu {
        display: block
}

.header-menu>ul>li>.sub-menu>.menu-item-has-children .sub-menu.sub-menu-big {
        display: flex
}

.header-menu>ul>li>.sub-menu>.menu-item-has-children .sub-menu a {
        opacity: .6;
        padding-left: 48px
}

.header-menu>ul>li>.sub-menu>.menu-item-has-children .sub-menu a:hover {
        opacity: 1
}

.header-menu>ul>li>.sub-menu>.menu-item-has-children>a:after {
        background: url(../../img/menu-down.svg) no-repeat 50%;
        background-size: contain;
        content: "";
        height: 8px;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        transition: all .25s ease-in-out;
        width: 14px
}

.header-menu>ul>li>.sub-menu>.menu-item-has-children.open>a:after {
        transform: translateY(-50%) rotate(0deg)
}

.header-menu>ul>li>.sub-menu>.menu-item-has-children.open .sub-menu {
        display: none
}

.header-menu>ul>li>.sub-menu a {
        display: block;
        padding: .5rem 1.5rem
}

.header-menu>ul>li>.sub-menu a:hover {
        --tw-text-opacity: 1;
        color: rgb(0 74 237/var(--tw-text-opacity))
}

.header-menu>ul>.menu-item-137>.sub-menu:after {
        left: 34px
}

@media (max-width:1280px) {
        .header-menu>ul>li {
                padding-left: 1rem;
                padding-right: 1rem
        }
}

@media (max-width:1024px) {
        .header-menu>ul>li {
                padding-left: .5rem;
                padding-right: .5rem
        }
}

@media (max-width:768px) {

        .header.active,
        .header.open {
                background: hsla(0, 0%, 100%, .95)
        }

        .header-menu.open {
                height: calc(100vh - 48px);
                overflow-y: scroll
        }

        .header-menu .menu-item-has-children:hover .sub-menu,
        .header-menu .menu-item-has-children:hover .sub-menu.sub-menu-big {
                display: none
        }

        .header-menu .menu-item-has-children.open .sub-menu,
        .header-menu .menu-item-has-children.open .sub-menu.sub-menu-big {
                display: block
        }

        .header-menu .menu-item-has-children.open .sub-menu.sub-menu-big {
                background-color: #f7f9fd;
                display: flex;
                margin-bottom: 20px;
                padding: 20px 0;
                width: 100%
        }

        .header-menu .menu-item-has-children.open .sub-menu.sub-menu-big dl {
                flex: 1;
                font-size: 14px;
                margin: 0;
                padding-left: 20px;
                width: 50%
        }

        .header-menu .menu-item-has-children.open .sub-menu.sub-menu-big dt {
                font-size: 14px;
                margin-bottom: 10px;
                padding: 0
        }

        .header-menu .menu-item-has-children.open .sub-menu.sub-menu-big ul li {
                margin: 0
        }

        .header-menu .menu-item-has-children.open .sub-menu.sub-menu-big ul li img {
                height: 24px;
                margin-right: 8px;
                width: 24px
        }

        .header-menu .menu-item-has-children.open .sub-menu.sub-menu-big ul li a {
                padding: 12px 0
        }

        .header-menu>ul>li>.sub-menu.sub-menu-big ul li {
                width: 100%
        }

        .header .container {
                padding: 0
        }

        .header .header-menu {
                border-top: 1px solid rgba(0, 0, 0, .04);
                margin-top: 12px;
                padding-left: 20px;
                padding-right: 20px;
                width: 100%
        }

        .header .header-menu>ul>li>.sub-menu {
                --tw-backdrop-blur: blur(0);
                -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                background: transparent;
                box-shadow: none;
                padding-left: 30px;
                position: relative;
                width: 100%
        }

        .header .header-menu>ul>li>.sub-menu:after {
                display: none
        }

        .header .icon-open {
                display: block
        }

        .header .icon-close,
        .header.open .icon-open {
                display: none
        }

        .header.open .icon-close {
                display: block
        }

        .header .header-menu>ul>li {
                padding: 0
        }

        .header .header-menu>ul>li.menu-item-has-children>a {
                position: relative
        }

        .header .header-menu>ul>li.menu-item-has-children>a:hover {
                background: transparent
        }

        .header .header-menu>ul>li.menu-item-has-children>a:after {
                background: url(../../img/menu-down.svg) no-repeat 50%;
                background-size: contain;
                content: "";
                height: 8px;
                position: absolute;
                right: 24px;
                top: 50%;
                transform: translateY(-50%);
                transition: all .25s ease-in-out;
                width: 14px
        }

        .header .header-menu>ul>li.open.menu-item-has-children>a:after {
                transform: translateY(-50%) rotate(180deg)
        }

        .header .header-menu>ul>li>a {
                padding: 20px 22px
        }

        .header .header-menu>ul>li:last-child>a {
                border-bottom: 0
        }
}

.item-bg01 {
        background-color: #fff;
        overflow: hidden
}

.item-bg01 img {
        transition: .3s
}

.item-bg01:hover img {
        transform: scale(1.1)
}

.item-bg01:after {
        background-image: linear-gradient(191deg, rgba(0, 79, 239, .18) 43%, #1d034c);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
}

.scale-img {
        overflow: hidden
}

.scale-img img {
        transition: .3s
}

.scale-img:hover img {
        transform: scale(1.1)
}

.point-wrap {
        overflow: hidden;
        position: relative
}

.point-wrap:after {
        background: #fff;
        content: "";
        height: 100%;
        position: absolute;
        right: -1px;
        top: 0;
        width: 2px
}

.point-wrap dl {
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
        border-right: 1px solid #f7f8fa;
        border-top: 1px solid #f7f8fa;
        margin-top: -1px;
        min-height: 220px;
        overflow: hidden;
        position: relative
}

.point-wrap dl dd,
.point-wrap dl dt {
        position: relative;
        z-index: 20
}

.point-wrap dl:after {
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: scale(1.06);
        transform-origin: 50% 50%;
        transition: transform .5s, opacity .5s;
        width: 100%
}

.point-wrap dl:hover:after {
        opacity: 1;
        transform: scale(1)
}

.point-1 {
        background-image: url(../../img/bg-point-1.png)
}

.point-1:after {
        background-image: url(../../img/bg-point-1-hover.png)
}

.point-2 {
        background-image: url(../../img/bg-point-2.png)
}

.point-2:after {
        background-image: url(../../img/bg-point-2-hover.png)
}

.point-3 {
        background-image: url(../../img/bg-point-3.png)
}

.point-3:after {
        background-image: url(../../img/bg-point-3-hover.png)
}

.point-4 {
        background-image: url(../../img/bg-point-4.png)
}

.point-4:after {
        background-image: url(../../img/bg-point-4-hover.png)
}

.point-5 {
        background-image: url(../../img/bg-point-5.png)
}

.point-5:after {
        background-image: url(../../img/bg-point-5-hover.png)
}

.point-6 {
        background-image: url(../../img/bg-point-6.png)
}

.point-6:after {
        background-image: url(../../img/bg-point-6-hover.png)
}

.point-7 {
        background-image: url(../../img/bg-point-7.png)
}

.point-7:after {
        background-image: url(../../img/bg-point-7-hover.png)
}

.point-8 {
        background-image: url(../../img/bg-point-8.png)
}

.point-8:after {
        background-image: url(../../img/bg-point-8-hover.png)
}

.point-9 {
        background-image: url(../../img/bg-point-9.png)
}

.point-9:after {
        background-image: url(../../img/bg-point-9-hover.png)
}

.point-10 {
        background-image: url(../../img/bg-point-10.png)
}

.point-10:after {
        background-image: url(../../img/bg-point-10-hover.png)
}

.point-11 {
        background-image: url(../../img/bg-point-11.png)
}

.point-11:after {
        background-image: url(../../img/bg-point-11-hover.png)
}

.point-12 {
        background-image: url(../../img/bg-point-12.png)
}

.point-12:after {
        background-image: url(../../img/bg-point-12-hover.png)
}

.point-13 {
        background-image: url(../../img/bg-point-13.png)
}

.point-13:after {
        background-image: url(../../img/bg-point-13-hover.png)
}

.point-14 {
        background-image: url(../../img/bg-point-14.png)
}

.point-14:after {
        background-image: url(../../img/bg-point-14-hover.png)
}

.point-15 {
        background-image: url(../../img/bg-point-15.png)
}

.point-15:after {
        background-image: url(../../img/bg-point-15-hover.png)
}

.point-16 {
        background-image: url(../../img/bg-point-16.png)
}

.point-16:after {
        background-image: url(../../img/bg-point-16-hover.png)
}

.point-17 {
        background-image: url(../../img/bg-point-17.png)
}

.point-17:after {
        background-image: url(../../img/bg-point-17-hover.png)
}

.point-18 {
        background-image: url(../../img/bg-point-18.png)
}

.point-18:after {
        background-image: url(../../img/bg-point-18-hover.png)
}

.point-19 {
        background-image: url(../../img/bg-point-19.png)
}

.point-19:after {
        background-image: url(../../img/bg-point-19-hover.png)
}

.point-20 {
        background-image: url(../../img/bg-point-20.png)
}

.point-20:after {
        background-image: url(../../img/bg-point-20-hover.png)
}

.point-21 {
        background-image: url(../../img/bg-point-21.png)
}

.point-21:after {
        background-image: url(../../img/bg-point-21-hover.png)
}

.point-22 {
        background-image: url(../../img/bg-point-22.png)
}

.point-22:after {
        background-image: url(../../img/bg-point-22-hover.png)
}

.point-23 {
        background-image: url(../../img/bg-point-23.png)
}

.point-23:after {
        background-image: url(../../img/bg-point-23-hover.png)
}

.point-24 {
        background-image: url(../../img/bg-point-24.png)
}

.point-24:after {
        background-image: url(../../img/bg-point-24-hover.png)
}

.point-25 {
        background-image: url(../../img/bg-point-25.png)
}

.point-25:after {
        background-image: url(../../img/bg-point-25-hover.png)
}

.point-26 {
        background-image: url(../../img/bg-point-26.png)
}

.point-26:after {
        background-image: url(../../img/bg-point-26-hover.png)
}

.point-27 {
        background-image: url(../../img/bg-point-27.png)
}

.point-27:after {
        background-image: url(../../img/bg-point-27-hover.png)
}

.point-28 {
        background-image: url(../../img/bg-point-28.png)
}

.point-28:after {
        background-image: url(../../img/bg-point-28-hover.png)
}

.point-29 {
        background-image: url(../../img/bg-point-29.png)
}

.point-29:after {
        background-image: url(../../img/bg-point-29-hover.png)
}

.point-30 {
        background-image: url(../../img/bg-point-30.png)
}

.point-30:after {
        background-image: url(../../img/bg-point-30-hover.png)
}

.point-31 {
        background-image: url(../../img/bg-point-31.png)
}

.point-31:after {
        background-image: url(../../img/bg-point-31-hover.png)
}

.point-32 {
        background-image: url(../../img/bg-point-32.png)
}

.point-32:after {
        background-image: url(../../img/bg-point-32-hover.png)
}

.point-33 {
        background-image: url(../../img/bg-point-33.png)
}

.point-33:after {
        background-image: url(../../img/bg-point-33-hover.png)
}

.point-34 {
        background-image: url(../../img/bg-point-34.png)
}

.point-34:after {
        background-image: url(../../img/bg-point-34-hover.png)
}

.point-35 {
        background-image: url(../../img/bg-point-35.png)
}

.point-35:after {
        background-image: url(../../img/bg-point-35-hover.png)
}

.point-36 {
        background-image: url(../../img/bg-point-36.png)
}

.point-36:after {
        background-image: url(../../img/bg-point-36-hover.png)
}

.point-37 {
        background-image: url(../../img/bg-point-37.png)
}

.point-37:after {
        background-image: url(../../img/bg-point-37-hover.png)
}

.point-38 {
        background-image: url(../../img/bg-point-38.png)
}

.point-38:after {
        background-image: url(../../img/bg-point-38-hover.png)
}

.point-39 {
        background-image: url(../../img/bg-point-39.png)
}

.point-39:after {
        background-image: url(../../img/bg-point-39-hover.png)
}

.point-40 {
        background-image: url(../../img/bg-point-40.png)
}

.point-40:after {
        background-image: url(../../img/bg-point-40-hover.png)
}

.point-41 {
        background-image: url(../../img/bg-point-41.png)
}

.point-41:after {
        background-image: url(../../img/bg-point-41-hover.png)
}

.point-42 {
        background-image: url(../../img/bg-point-42.png)
}

.point-42:after {
        background-image: url(../../img/bg-point-42-hover.png)
}

.point-43 {
        background-image: url(../../img/bg-point-43.png)
}

.point-43:after {
        background-image: url(../../img/bg-point-43-hover.png)
}

.point-44 {
        background-image: url(../../img/bg-point-44.png)
}

.point-44:after {
        background-image: url(../../img/bg-point-44-hover.png)
}

.point-45 {
        background-image: url(../../img/bg-point-45.png)
}

.point-45:after {
        background-image: url(../../img/bg-point-45-hover.png)
}

.point-46 {
        background-image: url(../../img/bg-point-46.png)
}

.point-46:after {
        background-image: url(../../img/bg-point-46-hover.png)
}

.point-47 {
        background-image: url(../../img/bg-point-47.png)
}

.point-47:after {
        background-image: url(../../img/bg-point-47-hover.png)
}

.point-48 {
        background-image: url(../../img/bg-point-48.png)
}

.point-48:after {
        background-image: url(../../img/bg-point-48-hover.png)
}

.point-49 {
        background-image: url(../../img/bg-point-49.png)
}

.point-49:after {
        background-image: url(../../img/bg-point-49-hover.png)
}

.point-50 {
        background-image: url(../../img/bg-point-50.png)
}

.point-50:after {
        background-image: url(../../img/bg-point-50-hover.png)
}

.point-51 {
        background-image: url(../../img/bg-point-51.png)
}

.point-51:after {
        background-image: url(../../img/bg-point-51-hover.png)
}

.point-52 {
        background-image: url(../../img/bg-point-52.png)
}

.point-52:after {
        background-image: url(../../img/bg-point-52-hover.png)
}

.point-53 {
        background-image: url(../../img/bg-point-53.png)
}

.point-53:after {
        background-image: url(../../img/bg-point-53-hover.png)
}

.point-54 {
        background-image: url(../../img/bg-point-54.png)
}

.point-54:after {
        background-image: url(../../img/bg-point-54-hover.png)
}

.point-55 {
        background-image: url(../../img/bg-point-55.png)
}

.point-55:after {
        background-image: url(../../img/bg-point-55-hover.png)
}

.point-56 {
        background-image: url(../../img/bg-point-56.png)
}

.point-56:after {
        background-image: url(../../img/bg-point-56-hover.png)
}

.point-57 {
        background-image: url(../../img/bg-point-57.png)
}

.point-57:after {
        background-image: url(../../img/bg-point-57-hover.png)
}

.point-58 {
        background-image: url(../../img/bg-point-58.png)
}

.point-58:after {
        background-image: url(../../img/bg-point-58-hover.png)
}

.point-59 {
        background-image: url(../../img/bg-point-59.png)
}

.point-59:after {
        background-image: url(../../img/bg-point-59-hover.png)
}

.point-60 {
        background-image: url(../../img/bg-point-60.png)
}

.point-60:after {
        background-image: url(../../img/bg-point-60-hover.png)
}

.point-61 {
        background-image: url(../../img/bg-point-61.png)
}

.point-61:after {
        background-image: url(../../img/bg-point-61-hover.png)
}

.point-62 {
        background-image: url(../../img/bg-point-62.png)
}

.point-62:after {
        background-image: url(../../img/bg-point-62-hover.png)
}

.point-63 {
        background-image: url(../../img/bg-point-63.png)
}

.point-63:after {
        background-image: url(../../img/bg-point-63-hover.png)
}

.point-64 {
        background-image: url(../../img/bg-point-64.png)
}

.point-64:after {
        background-image: url(../../img/bg-point-64-hover.png)
}

.point-65 {
        background-image: url(../../img/bg-point-65.png)
}

.point-65:after {
        background-image: url(../../img/bg-point-65-hover.png)
}

.point-66 {
        background-image: url(../../img/bg-point-66.png)
}

.point-66:after {
        background-image: url(../../img/bg-point-66-hover.png)
}

.point-67 {
        background-image: url(../../img/bg-point-67.png)
}

.point-67:after {
        background-image: url(../../img/bg-point-67-hover.png)
}

.point-68 {
        background-image: url(../../img/bg-point-68.png)
}

.point-68:after {
        background-image: url(../../img/bg-point-68-hover.png)
}

.point-69 {
        background-image: url(../../img/bg-point-69.png)
}

.point-69:after {
        background-image: url(../../img/bg-point-69-hover.png)
}

.point-70 {
        background-image: url(../../img/bg-point-70.png)
}

.point-70:after {
        background-image: url(../../img/bg-point-70-hover.png)
}

.point-71 {
        background-image: url(../../img/bg-point-71.png)
}

.point-71:after {
        background-image: url(../../img/bg-point-71-hover.png)
}

.point-72 {
        background-image: url(../../img/bg-point-72.png)
}

.point-72:after {
        background-image: url(../../img/bg-point-72-hover.png)
}

.point-73 {
        background-image: url(../../img/bg-point-73.png)
}

.point-73:after {
        background-image: url(../../img/bg-point-73-hover.png)
}

.point-74 {
        background-image: url(../../img/bg-point-74.png)
}

.point-74:after {
        background-image: url(../../img/bg-point-74-hover.png)
}

.point-75 {
        background-image: url(../../img/bg-point-75.png)
}

.point-75:after {
        background-image: url(../../img/bg-point-75-hover.png)
}

.point-wrap .point-65,
.point-wrap .point-66,
.point-wrap .point-67,
.point-wrap .point-68,
.point-wrap .point-69 {
        background-image: none;
        min-height: 180px;
        transition: .3s
}

.point-wrap .point-65:after,
.point-wrap .point-66:after,
.point-wrap .point-67:after,
.point-wrap .point-68:after,
.point-wrap .point-69:after {
        display: block;
        opacity: 1;
        transform: scale(1)
}

.point-wrap .point-65:hover:after,
.point-wrap .point-66:hover:after,
.point-wrap .point-67:hover:after,
.point-wrap .point-68:hover:after,
.point-wrap .point-69:hover:after {
        transform: scale(1.1)
}

.point-wrap .point-65:after {
        background-image: url(../../img/bg-point-65.png)
}

.point-wrap .point-66:after {
        background-image: url(../../img/bg-point-66.png)
}

.point-wrap .point-67:after {
        background-image: url(../../img/bg-point-67.png)
}

.point-wrap .point-68:after {
        background-image: url(../../img/bg-point-68.png)
}

.point-wrap .point-69:after {
        background-image: url(../../img/bg-point-69.png)
}

.point-wrap .point-70,
.point-wrap .point-71,
.point-wrap .point-72,
.point-wrap .point-73,
.point-wrap .point-74,
.point-wrap .point-75 {
        border: 0
}

.point-wrap .point-70:after,
.point-wrap .point-70:hover:after,
.point-wrap .point-71:after,
.point-wrap .point-71:hover:after,
.point-wrap .point-72:after,
.point-wrap .point-72:hover:after,
.point-wrap .point-73:after,
.point-wrap .point-73:hover:after,
.point-wrap .point-74:after,
.point-wrap .point-74:hover:after,
.point-wrap .point-75:after,
.point-wrap .point-75:hover:after {
        opacity: 1;
        transform: scale(1)
}

@media (max-width:768px) {
        .point-wrap {
                overflow: visible
        }

        .point-wrap:after {
                display: none
        }

        .point-wrap dl {
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
                margin-bottom: 20px;
                min-height: auto;
                padding: 24px 30px
        }

        .point-wrap dd {
                line-height: 22px
        }

        .point-wrap .point-65,
        .point-wrap .point-66,
        .point-wrap .point-67,
        .point-wrap .point-68,
        .point-wrap .point-69 {
                background-color: #fff;
                min-height: auto;
                padding-bottom: 42px;
                padding-top: 30px
        }

        .point-wrap .point-65 :after,
        .point-wrap .point-66 :after,
        .point-wrap .point-67 :after,
        .point-wrap .point-68 :after,
        .point-wrap .point-69 :after {
                display: none
        }

        .point-wrap .point-70,
        .point-wrap .point-71,
        .point-wrap .point-72,
        .point-wrap .point-73,
        .point-wrap .point-74,
        .point-wrap .point-75 {
                background: none;
                box-shadow: none;
                margin-bottom: 30px;
                padding: 0
        }

        .point-wrap .point-70:after,
        .point-wrap .point-70:hover:after,
        .point-wrap .point-71:after,
        .point-wrap .point-71:hover:after,
        .point-wrap .point-72:after,
        .point-wrap .point-72:hover:after,
        .point-wrap .point-73:after,
        .point-wrap .point-73:hover:after,
        .point-wrap .point-74:after,
        .point-wrap .point-74:hover:after,
        .point-wrap .point-75:after,
        .point-wrap .point-75:hover:after {
                display: none
        }
}

.post-content>:first-child {
        margin-top: 0
}

.post-content p,
.post-content section {
        line-height: 1.875rem;
        margin-bottom: 0;
        margin-top: 1.25rem
}

.post-content img {
        height: auto;
        max-width: 100%
}

.post-content ol,
.post-content ul {
        margin-bottom: 1.5rem;
        margin-left: 1.5em;
        margin-top: 1.5rem
}

.post-content ul {
        list-style-type: disc
}

.post-content ol {
        list-style-type: decimal
}

.post-content ol li,
.post-content ul li {
        line-height: 1.5rem
}

.post-content ol ol,
.post-content ol ul,
.post-content ul ol,
.post-content ul ul {
        margin-bottom: 0;
        margin-top: 0
}

.post-content blockquote {
        border-left: 3px solid #eee;
        line-height: 1.5rem;
        padding-left: 1.5em
}

.post-content blockquote,
.post-content hr {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
        font-family: sans-serif;
        line-height: 1.5rem;
        margin-bottom: 0;
        margin-top: 1.5rem
}

.post-content del {
        opacity: .7
}

.post-content h1 {
        font-size: 2rem;
        line-height: 4.5rem;
        margin-top: 3rem
}

.post-content h2 {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-top: 3rem
}

.post-content h3 {
        font-size: 1.5rem
}

.post-content h4 {
        font-size: 1.2rem
}

.post-content h5 {
        font-size: 1rem
}

.post-content h6 {
        font-size: .8rem
}

.post-content table {
        border-collapse: collapse;
        border-spacing: 0;
        margin-top: 1.5rem
}

.post-content table td,
.post-content table th {
        line-height: 33px;
        padding: 0
}

.post-content code {
        vertical-align: bottom
}

.bg-line02 {
        align-self: flex-start;
        padding-bottom: 60px;
        position: relative
}

.bg-line02:after {
        background: url(../../img/bg-line02.png) no-repeat 50%;
        background-size: contain;
        bottom: 0;
        content: "";
        height: 54px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 100%
}

.about-points li {
        cursor: pointer;
        flex-grow: 1;
        opacity: .6;
        position: relative;
        transition: .4s ease-in-out;
        width: 360px
}

.about-points li:after {
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        content: "";
        display: none;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
}

.about-points li:first-child:after {
        background-image: url(../../img/about-point01.png)
}

.about-points li:nth-child(2):after {
        background-image: url(../../img/about-point02.png)
}

.about-points li:nth-child(3):after {
        background-image: url(../../img/about-point03.png)
}

.about-points li h3,
.about-points li p {
        position: relative;
        z-index: 10
}

.about-points li.active {
        flex-grow: 10000;
        opacity: 1;
        width: 520px
}

.about-points li.active:after {
        display: block
}

.index-points {
        height: 195px
}

.index-points li {
        background: url(../../img/index-point-bg.png) no-repeat 50%;
        background-size: cover;
        flex-grow: 1;
        height: 195px;
        overflow: hidden;
        padding: 20px;
        position: relative;
        transition: .55s;
        width: 255px
}

.index-points li .point-bg {
        bottom: -36px;
        position: absolute;
        right: -24px;
        width: 175px
}

.index-points li .point-icon {
        opacity: 1;
        transition: .15s;
        visibility: visible
}

.index-points li .point-bg {
        opacity: 0;
        transition: .15s;
        visibility: hidden
}

.index-points li .text {
        bottom: 0;
        height: 150px;
        left: 10px;
        padding: 0 0 30px;
        position: absolute;
        right: 0;
        text-align: center;
        transform: translateY(80px);
        transition: transform .5s ease;
        width: 235px
}

.index-points li .text p {
        opacity: 0;
        text-align: left;
        transition: .3s ease;
        visibility: hidden
}

.index-points li.active {
        background-image: url(../../img/index-point-active-bg.png);
        flex-grow: 10000;
        width: 415px
}

.index-points li.active .point-icon {
        opacity: 0;
        visibility: hidden
}

.index-points li.active .point-bg {
        opacity: 1;
        visibility: visible
}

.index-points li.active p {
        opacity: .6;
        visibility: visible
}

.index-points li.active .text {
        left: 30px;
        text-align: left;
        transform: translateY(0);
        width: 255px
}

.landing-points {
        height: auto
}

.landing-points li,
.landing-points li.active {
        --tw-bg-opacity: 0.8;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        background-image: none;
        flex: 1;
        height: 150px;
        padding: 30px 30px 0
}

.landing-points li .text,
.landing-points li.active .text {
        height: auto;
        left: 30px;
        margin: 0;
        position: static;
        text-align: left;
        transform: translateY(0);
        width: 224px
}

.landing-points li .text p,
.landing-points li.active .text p {
        opacity: .6;
        visibility: visible
}

.landing-points li .point-bg,
.landing-points li.active .point-bg {
        bottom: -40px;
        opacity: 1;
        right: 0;
        visibility: visible;
        width: 140px
}

@media (max-width:768px) {

        .about-points li,
        .index-points li {
                flex: none;
                opacity: 1
        }

        .about-points li:after,
        .index-points li:after {
                display: block
        }

        .about-points li.active,
        .index-points li.active {
                flex: none;
                opacity: 1;
                text-align: center;
                width: 100%
        }

        .about-points li {
                min-height: 152px;
                padding: 24px;
                width: 100%
        }

        .about-points li.active {
                text-align: left
        }

        .index-points {
                height: auto
        }

        .index-points li {
                background-image: url(../../img/index-point-active-bg.png);
                height: auto;
                width: 270px
        }

        .index-points li p {
                display: block
        }

        .index-points li .text {
                height: auto;
                padding: 0;
                position: static;
                text-align: center;
                transform: translateY(0);
                width: auto
        }

        .index-points li .text p {
                opacity: .6;
                text-align: center;
                visibility: visible
        }

        .index-points li.active .text {
                text-align: center;
                width: auto
        }

        .index-points li.active p {
                text-align: center
        }

        .index-points li.active {
                width: 270px
        }

        .index-points li.active .point-icon {
                opacity: 1;
                visibility: visible
        }

        .index-points li.active .point-bg {
                display: none
        }

        .point-wrap dl {
                background-size: contain;
                width: 100%
        }

        .landing-points li {
                margin-bottom: 20px;
                padding: 30px;
                text-align: left;
                width: 100%
        }

        .landing-points li .point-bg {
                width: 110px
        }

        .landing-points li .text {
                text-align: left;
                width: 224px
        }

        .landing-points li .text p {
                text-align: left
        }
}

.tab-header01 .active,
.tab-header01 .active:hover {
        --tw-text-opacity: 1;
        color: #fff;
        color: rgb(3 28 73/var(--tw-text-opacity));
        opacity: 1;
        position: relative
}

.tab-header01 .active:after,
.tab-header01 .active:hover:after {
        background-color: #004aed;
        border-radius: 50%;
        bottom: -18px;
        content: "";
        height: 12px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 12px
}

.landing-tab-header .active,
.landing-tab-header .active:hover {
        --tw-text-opacity: 1;
        background: #fff;
        box-shadow: 0 3px 10px 0 rgba(28, 67, 152, .1);
        color: rgb(3 28 73/var(--tw-text-opacity))
}

.landing-tab-header li button {
        opacity: .64
}

.landing-tab-header li button.active {
        opacity: 1
}

.landing-case-tab .tab-header01 .active:after,
.landing-case-tab .tab-header01 .active:hover:after {
        display: none
}

.landing-case-tab .tab-header01 button {
        display: block;
        height: 77px;
        line-height: 77px;
        text-align: center;
        width: 100%
}

.landing-case-tab .tab-header01 .active {
        --tw-bg-opacity: 0.8;
        background: #f0f4f9;
        font-size: 26px;
        position: relative
}

.landing-case-tab .tab-header01 li:first-child .active {
        border-radius: 16px 0 0 0
}

.landing-case-tab .tab-header01 li:first-child .active:before {
        background: url(../../img/landing-case-tab-shape01.png) no-repeat 50%;
        background-size: auto 100%;
        bottom: 0;
        content: "";
        height: 77px;
        position: absolute;
        right: -50px;
        top: 0;
        width: 50px;
        z-index: 9
}

.landing-case-tab .tab-header01 li:nth-child(2) .active {
        border-radius: 0
}

.landing-case-tab .tab-header01 li:nth-child(2) .active:before {
        background: url(../../img/landing-case-tab-shape01.png) no-repeat 50%;
        background-size: auto 100%;
        bottom: 0;
        content: "";
        height: 77px;
        position: absolute;
        right: -50px;
        top: 0;
        width: 50px;
        z-index: 9
}

.landing-case-tab .tab-header01 li:nth-child(2) .active:after {
        background: url(../../img/landing-case-tab-shape02.png) no-repeat 50%;
        background-size: auto 100%;
        border-radius: 0;
        bottom: 0;
        content: "";
        display: block !important;
        height: 77px;
        left: -50px;
        position: absolute;
        top: 0;
        transform: translateX(0);
        width: 50px;
        z-index: 9
}

.landing-case-tab .tab-header01 li:nth-child(3) .active {
        border-radius: 0 16px 0 0
}

.landing-case-tab .tab-header01 li:nth-child(3) .active:before {
        background: url(../../img/landing-case-tab-shape02.png) no-repeat 50%;
        background-size: auto 100%;
        bottom: 0;
        content: "";
        height: 77px;
        left: -50px;
        position: absolute;
        top: 0;
        width: 50px;
        z-index: 9
}

@media (max-width:768px) {
        .landing-case-tab .tab-header01 li {
                flex: none;
                width: auto
        }

        .landing-case-tab .tab-header01 button {
                display: block;
                font-size: 16px;
                height: 50px;
                line-height: 50px;
                padding-left: 20px;
                padding-right: 20px;
                text-align: center;
                width: 100%
        }

        .landing-case-tab .tab-header01 .active {
                border-radius: 16px 16px 0 0 !important;
                font-size: 16px
        }

        .landing-case-tab .tab-header01 .active:after,
        .landing-case-tab .tab-header01 .active:before,
        .landing-case-tab .tab-header01 li:nth-child(2) .active:after {
                display: none !important
        }
}

.landing-cta-box {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background: hsla(0, 0%, 100%, .8);
        width: 470px
}

@media (max-width:768px) {
        .landing-cta-box {
                background: transparent;
                width: 100%
        }
}

.honor-item {
        background-image: linear-gradient(180deg, #f6f7fc, #fff);
        border: 1px solid #fff;
        box-shadow: 0 7px 11px 0 rgba(0, 0, 0, .05);
        position: relative
}

.honor-item:after {
        background-color: #eef2f5;
        bottom: 30px;
        content: "";
        left: 170px;
        position: absolute;
        top: 30px;
        width: 1px
}

@media (max-width:768px) {
        .honor-item:after {
                left: 120px
        }
}

.bg-hover-01 {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        transition: .5s ease-in-out
}

.bg-hover-01:hover {
        background-image: url(../../img/bg-service05.png)
}

.bg-solotion01 {
        background-color: #fcfcff;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        transition: .5s ease-in-out
}

.bg-solotion01:hover {
        background-image: url(../../img/bg-solution03.png)
}

.index-brand-wrap {
        position: relative
}

.index-brand-wrap:before {
        background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
        left: -60px
}

.index-brand-wrap:after,
.index-brand-wrap:before {
        bottom: 0;
        content: "";
        position: absolute;
        top: 0;
        width: 260px;
        z-index: 5
}

.index-brand-wrap:after {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
        right: -60px
}

.index-brand-swiper img {
        height: 52px;
        width: auto
}

.index-brand-swiper .swiper-slide {
        align-items: center;
        display: flex;
        height: 52px;
        justify-content: center;
        width: auto !important
}

.index-brand-swiper.swiper-container-free-mode>.swiper-wrapper {
        margin: 0 auto;
        transition-timing-function: linear !important;
}

.case-swiper-wrap {
        padding: 0 72px;
        position: relative
}

.case-swiper-wrap .swiper-button-next,
.case-swiper-wrap .swiper-button-prev {
        background: none;
        height: 40px;
        width: 40px
}

.case-swiper-wrap .swiper-button-next svg path,
.case-swiper-wrap .swiper-button-prev svg path {
        transition: .15s
}

.case-swiper-wrap .swiper-button-next:active,
.case-swiper-wrap .swiper-button-next:focus,
.case-swiper-wrap .swiper-button-next:focus-visible,
.case-swiper-wrap .swiper-button-prev:active,
.case-swiper-wrap .swiper-button-prev:focus,
.case-swiper-wrap .swiper-button-prev:focus-visible {
        outline: none
}

.case-swiper-wrap .swiper-button-next:hover svg path,
.case-swiper-wrap .swiper-button-prev:hover svg path {
        fill: #004aed;
        opacity: 1
}

.case-swiper-wrap .swiper-button-next:after,
.case-swiper-wrap .swiper-button-prev:after {
        display: none
}

.case-swiper .case-item,
.case-swiper .swiper-slide {
        height: 360px;
        width: 830px
}

.case-swiper .case-item:after {
        background: url(../../img/case-mask.png) no-repeat 50%;
        background-size: cover;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
}

.case-swiper .case-logo {
        left: 2.5rem;
        position: absolute;
        top: 3.75rem;
        z-index: 10
}

.case-swiper .case-logo img {
        transform: scale(.33) translateX(-100%) translateY(-100%)
}

.case-swiper .case-logo h3 {
        display: none
}

.case-swiper .case-intro {
        bottom: 2.5rem;
        left: 2.5rem;
        max-width: 430px;
        position: absolute;
        right: 2.5rem;
        z-index: 10
}

.case-swiper .case-intro h3 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: .75rem
}

.case-swiper .case-intro p {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        font-size: .875rem;
        line-height: 1.5rem;
        overflow: hidden
}

.landing-case-swiper-warp .case-item,
.landing-case-swiper-warp .swiper-slide {
        height: 506px;
        width: 900px
}

.landing-case-swiper-warp .case-item:after,
.landing-case-swiper-warp .swiper-slide:after {
        display: none
}

@media (max-width:768px) {
        .case-swiper-wrap {
                margin-left: -15px;
                margin-right: -15px;
                overflow: hidden;
                padding: 0
        }

        .case-swiper-wrap .swiper-slide {
                height: auto;
                width: 295px
        }

        .case-swiper-wrap .swiper-wrapper {
                padding-bottom: 20px
        }

        .case-swiper-wrap .swiper-slide-active {
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08)
        }

        .case-swiper-wrap .case-item {
                background-color: #fff;
                height: 274px;
                width: 295px
        }

        .case-swiper-wrap .case-item:after {
                display: none
        }

        .case-swiper-wrap .case-img {
                position: relative
        }

        .case-swiper-wrap .case-logo {
                bottom: 0;
                font-size: 16px;
                font-weight: 700;
                left: 0;
                padding: 10px;
                right: 0;
                text-align: center;
                top: auto
        }

        .case-swiper-wrap .case-logo h3 {
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                display: block;
                display: -webkit-box;
                line-height: 1;
                margin-top: 8px;
                overflow: hidden
        }

        .case-swiper-wrap .case-logo img {
                transform: scale(22.77%) translateX(0) translateY(160%)
        }

        .case-swiper-wrap .case-thum {
                position: relative
        }

        .case-swiper-wrap .case-thum img {
                height: 170px;
                -o-object-fit: cover;
                object-fit: cover
        }

        .case-swiper-wrap .case-thum:after {
                background: url(../../img/case-mask.png) no-repeat 50%;
                background-size: cover;
                content: "";
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 1
        }

        .case-swiper-wrap .case-intro {
                padding: 12px 15px;
                position: static
        }

        .case-swiper-wrap .case-intro h3 {
                display: none
        }

        .case-swiper-wrap .case-intro p {
                --tw-text-opacity: 1;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                color: rgb(3 28 73/var(--tw-text-opacity));
                display: -webkit-box;
                font-size: .75rem;
                height: 80px;
                line-height: 1rem;
                line-height: 20px;
                opacity: .6;
                overflow: hidden
        }

        .case-swiper-wrap .swiper-button-next,
        .case-swiper-wrap .swiper-button-prev {
                display: none
        }

        .landing-case-swiper-warp .case-item {
                height: 596px
        }
}

.team-swiper-box {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background: hsla(0, 0%, 100%, .5);
        border-radius: 2px;
        box-shadow: -60px 60px 40px 0 rgba(232, 226, 238, .37)
}

.team-swiper-box .team-swiper {
        position: relative;
        width: 830px
}

.team-swiper-box .team-swiper:after {
        background: url(../../img/team-mask.png) no-repeat 0 100%;
        background-size: contain;
        bottom: 50px;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
}

.team-swiper-box .team-swiper img {
        bottom: 0;
        height: 100%;
        position: absolute;
        right: 20px;
        width: auto
}

.team-swiper-box .team-swiper .swiper-slide {
        height: 520px
}

.team-swiper-box .team-intro {
        max-width: 360px
}

.team-swiper-box .team-intro p {
        margin-bottom: 1.5em
}

.team-swiper-box .team-swiper-nav li {
        --tw-bg-opacity: 1;
        background-color: rgb(221 224 240/var(--tw-bg-opacity));
        cursor: pointer;
        height: 140px;
        margin-bottom: 10px;
        opacity: .4;
        overflow: hidden;
        padding-left: 1.5rem;
        padding-top: 2.5rem;
        position: relative;
        transition: .3s ease-in-out
}

.team-swiper-box .team-swiper-nav li:hover {
        opacity: 1
}

.team-swiper-box .team-swiper-nav li.active {
        display: none
}

.team-swiper-box .team-swiper-nav li img {
        bottom: 0;
        height: 140%;
        position: absolute;
        right: 34px;
        top: 0;
        width: auto
}

@media (max-width:1280px) {
        .team-swiper-box .team-swiper {
                width: 600px
        }

        .team-swiper-box .team-intro {
                max-width: 280px
        }

        .team-swiper-box .team-swiper img {
                height: 80%
        }
}

@media (max-width:768px) {
        .team-swiper-box {
                -webkit-backdrop-filter: blur(0);
                backdrop-filter: blur(0);
                background: transparent;
                box-shadow: none
        }

        .team-swiper-box .team-swiper {
                overflow: visible;
                width: 100%
        }

        .team-swiper-box .team-swiper .swiper-wrapper {
                display: block
        }

        .team-swiper-box .team-swiper .swiper-slide {
                background-color: #fff;
                border-radius: 3px;
                box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .08);
                height: auto;
                margin-bottom: 20px;
                padding: 210px 15px 15px;
                position: relative
        }

        .team-swiper-box .team-swiper .team-intro {
                max-width: 100%
        }

        .team-swiper-box .team-swiper .team-intro p {
                margin-bottom: 0;
                margin-top: 4px
        }

        .team-swiper-box .team-swiper .team-pic {
                background: url(../../img/about-team-pic-m.png) no-repeat 50%;
                background-size: cover;
                display: flex;
                height: 180px;
                justify-content: center;
                left: 15px;
                overflow: hidden;
                position: absolute;
                right: 15px;
                top: 15px
        }

        .team-swiper-box .team-swiper .team-pic img {
                height: 150%;
                position: static;
                width: auto
        }
}

.swiper-swing-wrap {
        padding: 0 40px;
        position: relative
}

.swiper-swing-wrap:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1328' height='91' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='664' cy='75.5' rx='664' ry='45.5' transform='translate(0 -30)' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-position: bottom;
        top: 18px
}

.swiper-swing-wrap:after,
.swiper-swing-wrap:before {
        background-repeat: no-repeat;
        background-size: 100% auto;
        content: "";
        height: 40px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 10
}

.swiper-swing-wrap:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1328' height='91' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='664' cy='396.5' rx='664' ry='45.5' transform='translate(0 -351)' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-position: top;
        bottom: 30px
}

.swiper-swing {
        padding-top: 40px;
        perspective: 1160px;
        touch-action: pan-y
}

.swiper-swing .swiper-wrapper {
        transform-style: preserve-3d
}

.swiper-swing .swiper-slide {
        transform-style: preserve-3d;
        width: 390px
}

.swiper-swing .swiper-slide img {
        display: block;
        height: 260px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
}

.swiper-swing .swiper-slide p {
        display: none;
        margin-top: 30px
}

.swiper-swing .swiper-slide-next p {
        display: block;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        z-index: 20
}

.swiper-swing-wrap-mobile {
        position: relative
}

.swiper-swing-wrap-mobile:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='375' height='35' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h375v35H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cellipse fill='%23FFF' mask='url(%23b)' cx='199' cy='7.279' rx='398' ry='27.279'/%3E%3C/g%3E%3C/svg%3E");
        background-position: bottom;
        top: -20px
}

.swiper-swing-wrap-mobile:after,
.swiper-swing-wrap-mobile:before {
        background-repeat: no-repeat;
        background-size: 100% auto;
        content: "";
        height: 35px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 10
}

.swiper-swing-wrap-mobile:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='375' height='35' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h375v35H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cellipse fill='%23FFF' mask='url(%23b)' cx='199' cy='27.279' rx='398' ry='27.279'/%3E%3C/g%3E%3C/svg%3E");
        background-position: top;
        bottom: 20px
}

.swiper-swing-mobile .swiper-slide {
        width: 256px
}

.swiper-swing-mobile .swiper-slide p {
        display: none;
        font-size: 12px;
        font-weight: 700;
        margin-top: 20px
}

.swiper-swing-mobile .swiper-slide.swiper-slide-active p {
        display: block
}

@media (max-width:768px) {
        .swiper-swing-wrap {
                padding: 0
        }

        .swiper-swing .swiper-slide img {
                height: auto
        }

        .swiper-swing .swiper-slide {
                width: 100%
        }
}

.design-swiper-wrap {
        position: relative;
        width: 1200px
}

.design-swiper-wrap .swiper-pointer-events {
        touch-action: none
}

.design-swiper-wrap .swiper-slide {
        position: relative;
        width: 450px
}

.design-swiper-wrap .swiper-slide:after {
        /* background-image: linear-gradient(180deg, rgba(33, 48, 89, .1) 2%, rgba(33, 48, 89, .72) 99%); */
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
}

.design-swiper-wrap .swiper-slide p {
        bottom: 60px;
        color: #fff;
        font-size: 38px;
        font-weight: 700;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 2
}

@media (max-width:768px) {
        .design-swiper-wrap-mobile {
                width: 100%
        }

        .design-swiper-wrap-mobile .swiper-slide {
                width: 50vw
        }

        .design-swiper-wrap-mobile .swiper-slide p {
                bottom: 20px;
                font-size: 16px
        }
}

.options {
        align-items: stretch;
        display: flex;
        flex-direction: row;
        height: 506px;
        overflow: hidden;
        width: 100%
}

.options .option {
        background-position: 100%;
        background-size: cover;
        cursor: pointer;
        margin: 0;
        overflow: hidden;
        position: relative;
        transition: .5s cubic-bezier(.05, .61, .41, .95);
        width: 68px
}

.options .option .info {
        display: none
}

.options .option .shadow {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .5), rgba(177, 181, 211, .5))
}

.options .option .icon img {
        height: 24px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 24px
}

.options .option.active {
        background-size: cover;
        flex-grow: 10000;
        margin: 0;
        transform: scale(1);
        width: 690px
}

.options .option.active .shadow {
        display: none
}

.options .option.active .label {
        bottom: 50px;
        left: 50px
}

.options .option.active .label .icon {
        display: none
}

.options .option.active .label .info>div {
        left: 0;
        opacity: 1
}

.options .option:not(.active) {
        flex-grow: 1
}

.options .option:not(.active) .label {
        bottom: 14px;
        left: 14px
}

.options .option:not(.active) .label .info {
        display: none
}

.options .option:not(.active) .label .info>div {
        left: 20px;
        opacity: 0
}

.options .option:not(.active):hover .shadow {
        opacity: .5
}

.options .option .shadow {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .5s cubic-bezier(.05, .61, .41, .95)
}

.options .option .label {
        display: flex;
        left: 0;
        position: absolute
}

.options .option .label .icon {
        align-items: center;
        background: url(../../img/case-icon-bg.png) no-repeat 50%;
        background-size: cover;
        border-radius: 100%;
        display: flex;
        flex-direction: row;
        height: 40px;
        justify-content: center;
        width: 40px
}

.options .option .label .info {
        color: #fff;
        display: flex;
        display: none;
        flex-direction: column;
        justify-content: center;
        margin-left: 10px
}

.options .option .label .info>div {
        position: relative;
        transition: .5s cubic-bezier(.05, .61, .41, .95), opacity .5s ease-out
}

.options .option .label .info .main {
        font-size: 38px;
        font-weight: 700;
        margin-bottom: 16px
}

.options .option .label .info .sub {
        font-size: 14px;
        transition-delay: .1s
}

.options-landing {
        height: 450px
}

.options-landing .option .shadow {
        display: none
}

.options-landing .option:not(.active) {
        width: 180px
}

.options-landing .option:not(.active) .intro {
        display: none
}

.options-landing .option:not(.active) .label {
        bottom: 36px;
        display: block;
        left: 0;
        right: 0;
        text-align: center
}

.options-landing .option:not(.active) .label .icon {
        margin: 0 auto 14px
}

.options-landing .option.active .label {
        bottom: 30px;
        display: block;
        text-align: left
}

.options-landing .option.active .intro {
        display: block;
        font-size: 14px;
        width: 530px
}

.options-landing .option.active h4 {
        font-size: 38px;
        font-weight: 700;
        margin-bottom: 16px
}

@media screen and (max-width:768px) {
        .options {
                display: block;
                height: auto
        }

        .options .option,
        .options .option.active,
        .options .option:not(.active) {
                display: block;
                flex: none;
                height: 185px;
                margin-bottom: 20px;
                width: 100%
        }

        .options .option .icon,
        .options .option.active .icon,
        .options .option:not(.active) .icon {
                display: none
        }

        .options .option .label,
        .options .option.active .label,
        .options .option:not(.active) .label {
                bottom: 12px;
                left: 20px;
                right: 20px
        }

        .options .option .label .info,
        .options .option.active .label .info,
        .options .option:not(.active) .label .info {
                margin: 0
        }

        .options .option .label .info .main,
        .options .option.active .label .info .main,
        .options .option:not(.active) .label .info .main {
                font-size: 18px;
                margin-bottom: 6px
        }

        .options .option .label .info .sub,
        .options .option.active .label .info .sub,
        .options .option:not(.active) .label .info .sub {
                font-size: 12px;
                left: 0;
                opacity: 1
        }
}

.chat-btns {
        bottom: 85px;
        right: 16px
}

.chat-btns a {
        display: block;
        height: 50px;
        margin-top: 10px;
        position: relative;
        transition: .15s;
        width: 50px
}

.chat-btns a .layer01 {
        align-items: center;
        display: flex;
        justify-content: center;
        z-index: 33
}

.chat-btns a .layer01,
.chat-btns a .layer02 {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
}

.chat-btns a .layer02 {
        background: linear-gradient(-27deg, #003ce4, #0069ff 99%);
        border-radius: 100%;
        overflow: hidden;
        z-index: 32
}

.chat-btns a .layer03 {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 31
}

.chat-btns a:hover .layer02 {
        background: #004aed
}

.chat-btns ul {
        border-radius: 3px;
        bottom: 0;
        font-size: 12px;
        left: -12px;
        opacity: 0;
        padding: 10px;
        transform: translateX(-105%);
        transition: .3s cubic-bezier(.05, .61, .41, .95);
        visibility: hidden;
        width: 170px
}

.chat-btns ul:after {
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 7px 0 7px 6px;
        bottom: 15px;
        content: " ";
        height: 0;
        position: absolute;
        right: -6px;
        width: 0
}

.chat-btns ul img {
        height: 150px;
        margin: 0;
        width: 150px
}

.chat-btns a:hover ul {
        opacity: 1;
        transform: translateX(-100%);
        visibility: visible
}

.ah-breadcrumb a {
        font-size: .875rem;
        line-height: 1.25rem;
        opacity: .6
}

.ah-breadcrumb a:hover {
        --tw-text-opacity: 1;
        color: rgb(0 74 237/var(--tw-text-opacity));
        opacity: 1
}

.case-menu li {
        flex: none
}

.case-menu li a {
        --tw-bg-opacity: 0.8;
        align-items: center;
        background-color: rgb(245 245 245/var(--tw-bg-opacity));
        border-radius: 9999px;
        display: flex;
        line-height: 30px;
        padding: .5rem 1.25rem .5rem .5rem;
        padding-left: 46px;
        position: relative;
        transition: .3s cubic-bezier(.05, .61, .41, .95)
}

.case-menu li a:hover {
        background-color: #fff;
        box-shadow: 0 3px 10px 0 rgba(28, 67, 152, .1)
}

.case-menu li a:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: " ";
        height: 30px;
        left: 8px;
        position: absolute;
        top: 8px;
        width: 30px
}

.case-menu li.current-cat a {
        background: #fff;
        box-shadow: 0 3px 10px 0 rgba(28, 67, 152, .1)
}

.case-menu li.cat-item-7 a:after {
        background-image: url(../../img/icon/icon98.png)
}

.case-menu li.cat-item-7.current-cat a:after {
        background-image: url(../../img/icon/icon99.png)
}

.case-menu li.cat-item-8 a:after {
        background-image: url(../../img/icon/icon100.png)
}

.case-menu li.cat-item-8.current-cat a:after {
        background-image: url(../../img/icon/icon101.png)
}

.case-menu li.cat-item-11 a:after {
        background-image: url(../../img/icon/icon102.png)
}

.case-menu li.cat-item-11.current-cat a:after {
        background-image: url(../../img/icon/icon103.png)
}

.case-menu li.cat-item-10 a:after {
        background-image: url(../../img/icon/icon104.png)
}

.case-menu li.cat-item-10.current-cat a:after {
        background-image: url(../../img/icon/icon105.png)
}

.case-menu li.cat-item-6 a:after {
        background-image: url(../../img/icon/icon106.png)
}

.case-menu li.cat-item-6.current-cat a:after {
        background-image: url(../../img/icon/icon107.png)
}

.case-menu li.cat-item-9 a:after {
        background-image: url(../../img/icon/icon108.png)
}

.case-menu li.cat-item-9.current-cat a:after {
        background-image: url(../../img/icon/icon109.png)
}

.case-menu li.cat-item-31 a:after {
        background-image: url(../../img/icon/icon153.png)
}

.case-menu li.cat-item-31.current-cat a:after {
        background-image: url(../../img/icon/icon154.png)
}

@media (max-width:768px) {
        .case-menu li {
                flex: none
        }

        .case-menu li a {
                display: block;
                line-height: 20px;
                margin: 12px 0;
                padding: 8px 12px 8px 34px
        }

        .case-menu li a:after {
                height: 20px;
                width: 20px
        }

        .bg-none-m {
                background-image: none !important
        }
}

body.single .header {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background: hsla(0, 0%, 100%, .8);
        box-shadow: 0 0 40px 0 hsla(0, 0%, 47%, .1)
}

.m-chat-btns {
        background: linear-gradient(174deg, #0069ff, #003ce5);
        bottom: 0;
        left: 0;
        right: 0
}

.modal-backdrop {
        --tw-bg-opacity: 0.6;
        --tw-backdrop-blur: blur(4px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        background-color: rgb(0 0 0/var(--tw-bg-opacity));
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 40
}

.field-invalidmsg {
        color: #a94442
}

.field-validmsg {
        color: #3c763d
}

.field-tooltipWrap {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 19891014
}

.field-tooltipInner {
        display: table;
        height: 100%;
        left: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        width: 100%
}

.field-tooltip {
        display: table-cell;
        text-align: center;
        vertical-align: middle
}

.field-tooltip .field-invalidmsg,
.field-tooltip .field-validmsg {
        color: #fff
}

.field-tooltip .zvalid-resultformat {
        animation-duration: .18s;
        animation-fill-mode: both;
        animation-name: fieldTipBounceIn;
        -webkit-animation-name: fieldTipBounceIn;
        background-color: rgba(0, 0, 0, .8);
        border-radius: 6px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .1);
        color: #fff;
        display: inline-block;
        font-size: 14px;
        padding: 10px 15px;
        pointer-events: auto;
        position: relative
}

@keyframes {
        0% {
                opacity: 0;
                transform: scale3d(.3, .3, .3)
        }

        to {
                opacity: 1;
                transform: scaleX(1)
        }
}

.shadow-icon01 {
        box-shadow: 1px 1px 16px 0 rgba(28, 69, 162, .08)
}

.gear-industry {
        height: 425px;
        position: relative
}

.gear-industry .bg {
        background: url(../../img/bg-gear-industry.png) no-repeat 50%;
        background-size: contain;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: scale(.3);
        transition: all .5s ease-out .5s;
        visibility: hidden
}

.gear-industry.active .bg {
        opacity: 1;
        transform: scale(1);
        visibility: visible
}

.gear-industry.active .tips {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
}

.gear-industry .tips {
        align-items: center;
        background: #fff;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
        display: flex;
        font-size: 18px;
        gap: 5px;
        opacity: 0;
        padding: 7px 15px 7px 5px;
        position: absolute;
        transform: translateY(-100px);
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275) 1.5s;
        visibility: hidden
}

.gear-industry .tips img {
        height: 28px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 28px
}

.gear-industry .tips12 {
        transition-delay: 1.5s
}

.gear-industry .tips13 {
        transition-delay: 1.55s
}

.gear-industry .tips14 {
        transition-delay: 1.6s
}

.gear-industry .tips15 {
        transition-delay: 1.65s
}

.gear-industry .tips16 {
        transition-delay: 1.7s
}

.gear-industry .tips07 {
        transition-delay: 1.75s
}

.gear-industry .tips08 {
        transition-delay: 1.8s
}

.gear-industry .tips09 {
        transition-delay: 1.85s
}

.gear-industry .tips10 {
        transition-delay: 1.9s
}

.gear-industry .tips11 {
        transition-delay: 1.95s
}

.gear-industry .tips03 {
        transition-delay: 2s
}

.gear-industry .tips01 {
        transition-delay: 2.05s
}

.gear-industry .tips04 {
        transition-delay: 2.1s
}

.gear-industry .tips05 {
        transition-delay: 2.15s
}

.gear-industry .tips06 {
        transition-delay: 2.2s
}

.gear-industry .tips02 {
        transition-delay: 2.25s
}

.gear-industry .tips01 {
        left: 280px;
        top: 48px
}

.gear-industry .tips02 {
        right: 200px;
        top: 48px
}

.gear-industry .tips03 {
        left: 140px;
        top: 100px
}

.gear-industry .tips04 {
        left: 410px;
        top: 120px
}

.gear-industry .tips05 {
        right: 440px;
        top: 94px
}

.gear-industry .tips06 {
        right: 105px;
        top: 140px
}

.gear-industry .tips07 {
        left: 40px;
        top: 215px
}

.gear-industry .tips08 {
        left: 260px;
        top: 210px
}

.gear-industry .tips09 {
        left: 490px;
        top: 250px
}

.gear-industry .tips10 {
        right: 360px;
        top: 195px
}

.gear-industry .tips11 {
        right: 36px;
        top: 220px
}

.gear-industry .tips12 {
        bottom: 50px;
        left: 85px
}

.gear-industry .tips13 {
        bottom: 53px;
        left: 320px
}

.gear-industry .tips14 {
        bottom: 54px;
        right: 400px
}

.gear-industry .tips15 {
        bottom: 100px;
        right: 225px
}

.gear-industry .tips16 {
        bottom: 35px;
        right: 90px
}

@media (max-width:768px) {
        .gear-industry {
                height: auto;
                padding-bottom: 40px
        }

        .gear-industry .bg {
                background: url(../../img/bg-gear-industry-m.png) no-repeat bottom;
                background-size: 100% auto;
                left: -15px;
                opacity: 1;
                right: -15px;
                transform: scale(1);
                transition: none;
                visibility: visible
        }

        .gear-industry .tips-list {
                -webkit-backdrop-filter: blur(6px);
                backdrop-filter: blur(6px);
                background: hsla(0, 0%, 100%, .5);
                box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .02);
                display: grid;
                gap: 8px;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                padding: 10px
        }

        .gear-industry .tips {
                background: transparent;
                box-shadow: none;
                display: block;
                font-size: 12px;
                opacity: 1;
                padding: 12px 0;
                position: static;
                text-align: center;
                transform: translateY(0);
                transition: none;
                visibility: visible
        }

        .gear-industry .tips img {
                height: 24px;
                margin: 0 auto 6px;
                width: 24px
        }
}

@keyframes scaleOutIn {
        0% {
                transform: scale(0)
        }

        50% {
                transform: scale(1.2)
        }

        to {
                transform: scale(1)
        }
}

.service-flow {
        display: block;
        padding: 130px 0 180px;
        position: relative
}

.service-flow .flow-line {
        filter: drop-shadow(0 5px 6px rgb(0 74 237/.17))
}

.service-flow .flow-line .line-path {
        stroke-dasharray: 1355;
        stroke-dashoffset: 1355
}

.service-flow .flow-line.active .line-path {
        animation: dash 6s linear forwards
}

.service-flow .flow-line {
        height: 100%;
        position: absolute;
        width: 100%
}

.service-flow .flow-item {
        background-color: #fff;
        border-radius: 0 2px 2px 2px;
        box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);
        font-size: 14px;
        padding: 20px 0;
        position: absolute;
        text-align: center;
        width: 140px
}

.service-flow .flow-item img {
        height: 24px;
        margin: 0 auto 12px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 24px
}

.service-flow .flow-item i {
        align-items: center;
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16);
        display: flex;
        height: 18px;
        justify-content: center;
        left: 50%;
        position: absolute;
        top: -98px;
        transform: translateX(-50%);
        width: 18px;
        z-index: 2
}

.service-flow .flow-item i:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.332S2.794 7.492 4.182 10C5.85 6.897 9.052 4.002 10 3.788V0C6.179 2.508 4.344 7.126 4.344 7.126L2.334 5 0 6.332Z' fill='%23004AED'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 10px 10px;
        content: "";
        height: 100%;
        opacity: 0;
        width: 100%;
        z-index: 2
}

.service-flow .flow-item.done i:after {
        animation: scaleOutIn .5s;
        opacity: 1
}

.service-flow .flow-item:after {
        background-color: #eaf0fc;
        content: "";
        height: 70px;
        left: 50%;
        position: absolute;
        top: -78px;
        transform: translateX(-50%);
        width: 1px;
        z-index: 1
}

.service-flow .flow-item:nth-child(2n) i {
        bottom: -98px;
        top: auto
}

.service-flow .flow-item:nth-child(2n):after {
        bottom: -78px;
        top: auto
}

.service-flow .flow-item:first-child {
        bottom: 0;
        left: 30px
}

.service-flow .flow-item:nth-child(2) {
        left: 180px;
        top: 115px
}

.service-flow .flow-item:nth-child(3) {
        bottom: 103px;
        left: 330px
}

.service-flow .flow-item:nth-child(4) {
        left: 480px;
        top: 130px
}

.service-flow .flow-item:nth-child(5) {
        bottom: 158px;
        left: 630px
}

.service-flow .flow-item:nth-child(6) {
        left: 784px;
        top: 25px
}

.service-flow .flow-item:nth-child(7) {
        left: 934px;
        top: 318px
}

.service-flow .flow-item:nth-child(8) {
        right: 5px;
        top: -20px
}

.service-flow-landing {
        padding: 0 0 100px
}

.service-flow-landing .flow-items {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        position: relative
}

.service-flow-landing .flow-items:after {
        background: url(../../img/flow-landing-line.png) no-repeat 50%;
        background-size: cover;
        bottom: -38px;
        content: "";
        height: 12px;
        left: 50px;
        position: absolute;
        right: 50px
}

.service-flow-landing .flow-items .flow-item {
        bottom: 0;
        left: 0;
        padding: 30px 0;
        position: relative;
        right: 0;
        top: 0
}

.service-flow-landing .flow-items .flow-item:after {
        display: none
}

.service-flow-landing .flow-items .flow-item i {
        bottom: -36px;
        left: 50%;
        top: auto;
        transform: translateX(-50%)
}

.service-flow-landing .flow-items .flow-item i:after {
        opacity: 1
}

.service-flow-landing .flow-items .flow-item img {
        height: 34px;
        width: 34px
}

@media (max-width:768px) {
        .flow-landing {
                background-image: url(../../img/landing-bg02.png) !important
        }
}

@keyframes dash {
        to {
                stroke-dashoffset: 0
        }
}

.service-flow-mobile {
        display: none;
        margin-top: 35px
}

.service-flow-mobile .flow-items {
        padding-left: 36px
}

.service-flow-mobile .flow-item {
        align-items: center;
        background: #fff;
        border-radius: 0 2px 2px 2px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
        display: flex;
        gap: 6px;
        margin: 0 auto 20px;
        padding: 8px 12px;
        position: relative;
        width: 204px
}

.service-flow-mobile .flow-item:before {
        background-color: #eef2f5;
        content: "";
        height: 60px;
        left: -28.5px;
        position: absolute;
        top: 20px;
        width: 1px;
        z-index: 1
}

.service-flow-mobile .flow-item:after {
        background-color: #004aed;
        content: "";
        height: 0;
        left: -28.5px;
        position: absolute;
        top: 20px;
        width: 1px;
        z-index: 2
}

.service-flow-mobile .flow-item i {
        align-items: center;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
        display: flex;
        height: 16px;
        justify-content: center;
        left: -36px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        z-index: 3
}

.service-flow-mobile .flow-item i:after {
        background-color: #f0f4f6;
        border-radius: 50%;
        content: "";
        height: 5px;
        width: 5px
}

.service-flow-mobile .flow-item.done:after {
        animation: growLine .3s linear forwards
}

.service-flow-mobile .flow-item.done i:after {
        background-color: #004aed
}

.service-flow-mobile .flow-item:last-child:after,
.service-flow-mobile .flow-item:last-child:before {
        display: none
}

.service-flow-mobile .flow-item img {
        height: 24px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 24px
}

.service-flow-mobile-landing .flow-item i {
        height: 26px;
        left: -40px;
        width: 26px
}

.service-flow-mobile-landing .flow-item i:after {
        background-color: transparent;
        background-image: url(data:image/svg + xml;charset=utf-8,
 %3Csvgwidth="10" height="10" xmlns="http://www.w3.org/2000/svg" %3E%3Cpathd="M0 6.332S2.794 7.492 4.182 10C5.85 6.897 9.052 4.002 10 3.788V0C6.179 2.508 4.344 7.126 4.344 7.126L2.334 5 0 6.332Z" fill="%23004AED" /%3E%3C/svg%3E);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 10px 10px;
        content: "";
        height: 100%;
        width: 100%;
        z-index: 2
}

@keyframes growLine {
        to {
                height: 60px
        }
}

@media (max-width:768px) {
        .service-flow {
                display: none
        }

        .service-flow-mobile {
                display: block
        }
}

.str_wrap {
        //zoom:1;font-size:12px;line-height:16px;overflow:hidden;position:relative;-moz-user-select:none;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.str_move{cursor:move;left:0;position:absolute;top:0;white-space:nowrap}.str_move_clone{//display:inline;//zoom:1;display:inline-block;left:100%;position:absolute;top:0;vertical-align:top}.str_vertical .str_move_clone{left:0;top:100%}.str_down .str_move_clone{bottom:100%;left:0}.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}.str_wrap img{height:auto;width:100%}.about-case-logo{bottom:0;left:0;position:absolute;right:0;top:0}@media (max-width:768px){.design-point-wrap{flex-wrap:nowrap;gap:20px}.design-point-wrap dl{background-size:cover;flex:none;padding-bottom:180px;width:75vw}}.test-cat-list li{overflow:hidden}.test-cat-list li .intro{height:6em;position:relative}.test-cat-list li .intro-a{opacity:1;transform:translateY(0);transition:all .5s;visibility:visible}.test-cat-list li .intro-a,.test-cat-list li .intro-b{left:0;position:absolute;right:0;top:0}.test-cat-list li .intro-b,.test-cat-list li:hover .intro-a{opacity:0;transform:translateY(80%);visibility:hidden}.test-cat-list li:hover .intro-b{opacity:1;transform:translateY(0);transition:all .5s .25s;visibility:visible}.thum-img{position:relative}.thum-img .post-thum{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.page_navi{margin-top:50px;overflow:hidden;text-align:center;width:100%}.page_navi a{border:1px solid #ddd;border-radius:4px;color:#888;display:inline-block;margin:0 5px;padding:5px 12px;text-decoration:none}.page_navi a.current,.page_navi a:hover{border:1px solid #004aed;color:#004aed}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}#mobile_icon_div,.mini-btn.mini-btn3{display:none!important}@media (max-width:420px){.header-menu>ul>li>.sub-menu.sub-menu-big ul li img{height:20px;width:20px}}img[data-action=zoom]{cursor:zoom-in}.zoom-img,.zoom-img-wrap{position:relative;transition:all .3s;z-index:666}img.zoom-img{cursor:zoom-out}.zoom-overlay{--tw-bg-opacity:0.6;background-color:rgb(49 58 90/var(--tw-bg-opacity));bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:420}.zoom-overlay-open .zoom-overlay{filter:"alpha(opacity=100)";opacity:1}.zoom-overlay-open,.zoom-overlay-transitioning{cursor:default}.zoom-img-wrap{background-color:#fff;padding:15px;transition:none;width:100vw}.zoom-img-wrap img{height:auto;transform:scale(1)!important;transition:none;width:100%}.collapse dd{display:none}.collapse dl.open dd{display:block}.collapse dl.open dt svg{transform:rotate(180deg)}.medium-zoom-image--opened{background-color:#fff;padding:10px;z-index:999}.medium-zoom--opened .medium-zoom-overlay{opacity:.6!important;z-index:99}ul.list-disc{list-style:none}ul.list-disc li{position:relative}ul.list-disc li:before{background-color:#004aed;border-radius:6px;content:"";height:6px;left:-16px;opacity:1;position:absolute;top:11px;width:6px}ul.list-circle{list-style:none}ul.list-circle li{position:relative}ul.list-circle li:before{background:transparent;border:1px solid #004aed;border-radius:6px;content:"";height:6px;left:-16px;opacity:1;position:absolute;top:11px;width:6px}.tag-bg01{--tw-bg-opacity:0.46;background-image:linear-gradient(90deg,rgba(228,236,252,.7) 2%,#e4ecfc 49%,rgba(228,236,252,.7) 95%)}.box-bg01{--tw-bg-opacity:0.8;background:#f0f4f9;border-radius:0 16px 16px 16px;padding-bottom:20px}@media (max-width:768px){.modal-backdrop{display:none}}.box-bg02{box-shadow:0 1px 20px 0 rgba(0,0,0,.02)}.box-bg03{box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}@media (max-width:768px){box-shadow:none}.first-letter\:bg-no-repeat:first-letter{background-repeat:no-repeat}.last\:border-0:last-child{border-width:0}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(0 74 237/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(230 235 241/var(--tw-bg-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(0 74 237/var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-60:hover{opacity:.6}.hover\:shadow-lg:hover{--tw-shadow:0px 4px 20px 0px rgba(0,0,0,.08);--tw-shadow-colored:0px 4px 20px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(63 131 248/var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 131 248/var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:fill-white{fill:#fff}.group:hover .group-hover\:stroke-white{stroke:#fff}.group:hover .group-hover\:stroke-blue-700{stroke:#004aed}.group:hover .group-hover\:text-blue-700{--tw-text-opacity:1;color:rgb(0 74 237/var(--tw-text-opacity))}.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .dark\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(28 100 242/var(--tw-bg-opacity))}.dark .dark\:bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .dark\:bg-gray-800\/50{background-color:rgba(31,41,55,.5)}.dark .dark\:bg-opacity-80{--tw-bg-opacity:0.8}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(0 74 237/var(--tw-bg-opacity))}.dark .dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.sm\:text-center{text-align:center}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:inset-0{bottom:0;left:0;right:0;top:0}.md\:bottom-10{bottom:2.5rem}.md\:top-8{top:1rem}.md\:right-8{right:1rem}.md\:-right-10{right:-2.5rem}.md\:top-2{top:.5rem}.md\:-right-0{right:0}.md\:bottom-0{bottom:0}.md\:left-0{left:0}.md\:right-0{right:0}.md\:top-24{top:6rem}.md\:bottom-8{bottom:2rem}.md\:-right-\[100px\]{right:-100px}.md\:row-span-3{grid-row:span 3/span 3}.md\:m-0{margin:0}.md\:mx-24{margin-left:6rem;margin-right:6rem}.md\:my-20{margin-bottom:5rem;margin-top:5rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-\[70px\]{margin-left:70px;margin-right:70px}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mb-3{margin-bottom:.75rem}.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-8{margin-bottom:2rem}.md\:mb-7{margin-bottom:1.75rem}.md\:mb-2{margin-bottom:.5rem}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mt-8{margin-top:2rem}.md\:mb-\[70px\]{margin-bottom:70px}.md\:mt-15{margin-top:3.75rem}.md\:mr-4{margin-right:1rem}.md\:mt-20{margin-top:5rem}.md\:mb-15{margin-bottom:3.75rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-20{margin-bottom:5rem}.md\:mt-12{margin-top:3rem}.md\:mr-\[14px\]{margin-right:14px}.md\:mb-1{margin-bottom:.25rem}.md\:mt-16{margin-top:4rem}.md\:mb-5{margin-bottom:1.25rem}.md\:mb-\[10px\]{margin-bottom:10px}.md\:mb-12{margin-bottom:3rem}.md\:mb-14{margin-bottom:3.5rem}.md\:ml-5{margin-left:1.25rem}.md\:mt-3{margin-top:.75rem}.md\:mt-\[70px\]{margin-top:70px}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:h-\[30px\]{height:30px}.md\:h-\[380px\]{height:380px}.md\:h-32{height:8rem}.md\:h-\[105px\]{height:105px}.md\:h-\[90px\]{height:90px}.md\:h-\[550px\]{height:550px}.md\:h-16{height:4rem}.md\:h-\[390px\]{height:390px}.md\:h-10{height:2.5rem}.md\:h-\[410px\]{height:410px}.md\:h-7{height:1.75rem}.md\:h-\[480px\]{height:480px}.md\:h-15{height:3.75rem}.md\:h-14{height:3.5rem}.md\:h-5{height:1.25rem}.md\:h-8{height:2rem}.md\:h-11{height:2.75rem}.md\:min-h-\[246px\]{min-height:246px}.md\:w-auto{width:auto}.md\:w-\[156px\]{width:156px}.md\:w-\[180px\]{width:180px}.md\:w-\[530px\]{width:530px}.md\:w-9{width:2.25rem}.md\:w-\[410px\]{width:410px}.md\:w-8{width:2rem}.md\:w-\[540px\]{width:540px}.md\:w-32{width:8rem}.md\:w-\[150px\]{width:150px}.md\:w-20{width:5rem}.md\:w-\[580px\]{width:580px}.md\:w-\[34px\]{width:34px}.md\:w-1\/2{width:50%}.md\:w-11{width:2.75rem}.md\:w-16{width:4rem}.md\:w-10{width:2.5rem}.md\:w-\[480px\]{width:1187px}.md\:w-\[350px\]{width:350px}.md\:w-\[40px\]{width:40px}.md\:w-\[90px\]{width:90px}.md\:w-14{width:3.5rem}.md\:w-15{width:3.75rem}.md\:w-\[675px\]{width:675px}.md\:w-\[290px\]{width:290px}.md\:w-\[300px\]{width:300px}.md\:w-\[110px\]{width:110px}.md\:w-\[120px\]{width:120px}.md\:max-w-full{max-width:100%}.md\:max-w-\[580px\]{max-width:580px}.md\:flex-1{flex:1 1 0%}.md\:flex-none{flex:none}.md\:-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-\[70px\]{gap:70px}.md\:gap-32{gap:8rem}.md\:gap-0{gap:0}.md\:gap-\[30px\]{gap:30px}.md\:gap-10{gap:2.5rem}.md\:gap-44{gap:11rem}.md\:gap-5{gap:1.25rem}.md\:gap-4{gap:1rem}.md\:gap-8{gap:2rem}.md\:gap-\[100px\]{gap:100px}.md\:gap-\[2px\]{gap:2px}.md\:gap-x-44{-moz-column-gap:11rem;column-gap:11rem}.md\:gap-y-14{row-gap:3.5rem}.md\:gap-x-14{-moz-column-gap:3.5rem;column-gap:3.5rem}.md\:gap-y-20{row-gap:5rem}.md\:gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.md\:gap-y-10{row-gap:2.5rem}.md\:gap-x-15{-moz-column-gap:3.75rem;column-gap:3.75rem}.md\:gap-y-12{row-gap:3rem}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.md\:overflow-visible{overflow:visible}.md\:border-0{border-width:0}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:bg-transparent{background-color:transparent}.md\:bg-\[\#F6F6F9\]{--tw-bg-opacity:1;background-color:rgb(246 246 249/var(--tw-bg-opacity))}.md\:bg-opacity-50{--tw-bg-opacity:0.5}.md\:bg-opacity-80{--tw-bg-opacity:0.8}.md\:bg-opacity-60{--tw-bg-opacity:0.6}.md\:\!bg-none{background-image:none!important}.md\:bg-contain{background-size:contain}.md\:bg-center{background-position:50%}.md\:p-5{padding:1.25rem}.md\:p-10{padding:2.5rem}.md\:p-15{padding:60px}.md\:p-0{padding:0}.md\:p-1{padding:.25rem}.md\:p-\[50px\]{padding:50px}.md\:p-2{padding:.5rem}.md\:p-6{padding:1.5rem}.md\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.md\:py-15{padding-bottom:60px;padding-top:60px}.md\:px-\[70px\]{padding-left:70px;padding-right:70px}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-\[40px\]{padding-bottom:40px;padding-top:40px}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:py-32{padding-bottom:8rem;padding-top:8rem}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-0{padding-bottom:0;padding-top:0}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-9{padding-bottom:2.25rem;padding-top:2.25rem}.md\:py-14{padding-bottom:3.5rem;padding-top:3.5rem}.md\:px-15{padding-left:60px;padding-right:60px}.md\:py-\[30px\]{padding-bottom:30px;padding-top:30px}.md\:py-28{padding-bottom:7rem;padding-top:7rem}.md\:py-7{padding-bottom:1.75rem;padding-top:1.75rem}.md\:pt-\[70px\]{padding-top:70px}.md\:pt-9{padding-top:2.25rem}.md\:pb-12{padding-bottom:3rem}.md\:pt-14{padding-top:3.5rem}.md\:pb-10{padding-bottom:2.5rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pt-12{padding-top:3rem}.md\:pb-20{padding-bottom:5rem}.md\:pl-10{padding-left:2.5rem}.md\:pr-\[52px\]{padding-right:52px}.md\:pb-0{padding-bottom:0}.md\:pr-20{padding-right:5rem}.md\:pt-24{padding-top:6rem}.md\:pb-15{padding-bottom:60px}.md\:pt-20{padding-top:5rem}.md\:pt-10{padding-top:2.5rem}.md\:pl-8{padding-left:2rem}.md\:pt-\[100px\]{padding-top:100px}.md\:pb-\[120px\]{padding-bottom:120px}.md\:pt-16{padding-top:4rem}.md\:pr-5{padding-right:1.25rem}.md\:pl-15{padding-left:60px}.md\:pt-4{padding-top:1rem}.md\:pr-\[120px\]{padding-right:120px}.md\:pt-8{padding-top:2rem}.md\:pb-3{padding-bottom:.75rem}.md\:pr-12{padding-right:3rem}.md\:pl-0{padding-left:0}.md\:pb-56{padding-bottom:14rem}.md\:pb-\[70px\]{padding-bottom:70px}.md\:pb-8{padding-bottom:2rem}.md\:pb-40{padding-bottom:10rem}.md\:pt-\[34px\]{padding-top:34px}.md\:pb-14{padding-bottom:3.5rem}.md\:pr-15{padding-right:60px}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-4xl{font-size:2.125rem}.md\:text-2xl{font-size:1.75rem}.md\:text-\[24px\]{font-size:24px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-\[36px\]{font-size:36px}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-\[42px\]{font-size:42px}.md\:text-\[38px\]{font-size:38px}.md\:text-\[32px\]{font-size:32px}.md\:font-medium{font-weight:500}.md\:leading-none{line-height:1}.md\:leading-7{line-height:1.75rem}.md\:leading-loose{line-height:2}.md\:opacity-100{opacity:1}.md\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.md\:backdrop-blur-0{--tw-backdrop-blur:blur(0)}.md\:backdrop-blur-0,.md\:backdrop-blur-\[10px\]{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.md\:backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px)}.md\:line-clamp-1{-webkit-line-clamp:1}.md\:line-clamp-1,.md\:line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.md\:line-clamp-2{-webkit-line-clamp:2}}@media (min-width:1280px){.xl\:mx-28{margin-left:7rem;margin-right:7rem}.xl\:w-\[830px\]{width:830px}}