:root {
        --adm-radius-s: 4px;
        --adm-radius-m: 8px;
        --adm-radius-l: 12px;
        --adm-font-size-1: 9px;
        --adm-font-size-2: 10px;
        --adm-font-size-3: 11px;
        --adm-font-size-4: 12px;
        --adm-font-size-5: 13px;
        --adm-font-size-6: 14px;
        --adm-font-size-7: 15px;
        --adm-font-size-8: 16px;
        --adm-font-size-9: 17px;
        --adm-font-size-10: 18px;
        --adm-color-primary: #1677ff;
        --adm-color-success: #00b578;
        --adm-color-warning: #ff8f1f;
        --adm-color-danger: #ff3141;
        --adm-color-yellow: #ff9f18;
        --adm-color-orange: #ff6430;
        --adm-color-wathet: #e7f1ff;
        --adm-color-text: #333;
        --adm-color-text-secondary: #666;
        --adm-color-weak: #999;
        --adm-color-light: #ccc;
        --adm-color-border: #eee;
        --adm-color-background: #fff;
        --adm-color-highlight: var(--adm-color-danger);
        --adm-color-white: #fff;
        --adm-color-box: #f5f5f5;
        --adm-color-text-light-solid: var(--adm-color-white);
        --adm-color-text-dark-solid: #000;
        --adm-color-fill-content: var(--adm-color-box);
        --adm-font-size-main: var(--adm-font-size-5);
        --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
        --adm-border-color: var(--adm-color-border)
    }

    :root {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    html {
        background-color: var(--adm-color-background-body)
    }

    body {
        font-size: var(--adm-font-size-main)
    }

    a {
        cursor: pointer
    }

    a {
        transition: opacity .2s ease-in-out
    }

    a:active {
        opacity: .8
    }

    *,
    :after,
    :before {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .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: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style:
    }

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

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

    :host,
    html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-feature-settings: normal;
        font-variation-settings: normal;
        -webkit-tap-highlight-color: transparent
    }

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

    h3 {
        font-weight: inherit
    }

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

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

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

    button {
        text-transform: none
    }

    button,
    input:where([type=button]),
    input:where([type=reset]),
    input:where([type=submit]) {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    h2,
    h3,
    p {
        margin: 0
    }

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

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

    button {
        cursor: pointer
    }

    :disabled {
        cursor: default
    }

    iframe,
    img,
    svg {
        display: block;
        vertical-align: middle
    }

    img {
        max-width: 100%
    }

    @media (min-width:640px) {}

    @media (min-width:768px) {}

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

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

    @media (min-width:1536px) {}

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

    .fixed {
        position: fixed
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .inset-0 {
        inset: 0
    }

    .bottom-0 {
        bottom: 0
    }

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

    .left-0 {
        left: 0
    }

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

    .right-0 {
        right: 0
    }

    .right-\[12rem\] {
        right: 12rem
    }

    .right-\[20rem\] {
        right: 20rem
    }

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

    .top-0 {
        top: 0
    }

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

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

    .z-10 {
        z-index: 10
    }

    .z-\[100\] {
        z-index: 100
    }

    .z-\[9999\] {
        z-index: 9999
    }

    .mx-\[16rem\] {
        margin-left: 16rem;
        margin-right: 16rem
    }

    .mx-\[20rem\] {
        margin-left: 20rem;
        margin-right: 20rem
    }

    .mx-\[24rem\] {
        margin-left: 24rem;
        margin-right: 24rem
    }

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

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

    .\!mb-0,
    .\!mb-\[0\] {
        margin-bottom: 0 !important
    }

    .\!mb-\[10rem\] {
        margin-bottom: 10rem !important
    }

    .\!mr-0 {
        margin-right: 0 !important
    }

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

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

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

    .mb-\[12rem\] {
        margin-bottom: 12rem
    }

    .mb-\[16rem\] {
        margin-bottom: 16rem
    }

    .mb-\[20rem\] {
        margin-bottom: 20rem
    }

    .mb-\[34rem\] {
        margin-bottom: 34rem
    }

    .mb-\[40rem\] {
        margin-bottom: 40rem
    }

    .mb-\[4rem\] {
        margin-bottom: 4rem
    }

    .mb-\[6rem\] {
        margin-bottom: 6rem
    }

    .mb-\[8rem\] {
        margin-bottom: 8rem
    }

    .ml-\[30px\] {
        margin-left: 30px
    }

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

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

    .mr-\[12rem\] {
        margin-right: 12rem
    }

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

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

    .mt-\[-20rem\] {
        margin-top: -20rem
    }

    .mt-\[12rem\] {
        margin-top: 12rem
    }

    .mt-\[20rem\] {
        margin-top: 20rem
    }

    .mt-\[8rem\] {
        margin-top: 8rem
    }

    .line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

    .flex {
        display: flex
    }

    .hidden {
        display: none
    }

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

    .\!h-\[36rem\] {
        height: 36rem !important
    }

    .\!h-auto {
        height: auto !important
    }

    .h-4 {
        height: 1rem
    }

    .h-6 {
        height: 1.5rem
    }

    .h-\[0\.5px\] {
        height: .5px
    }

    .h-\[136rem\] {
        height: 136rem
    }

    .h-\[144rem\] {
        height: 144rem
    }

    .h-\[152rem\] {
        height: 152rem
    }

    .h-\[170rem\] {
        height: 170rem
    }

    .h-\[172rem\] {
        height: 172rem
    }

    .h-\[176rem\] {
        height: 176rem
    }

    .h-\[198rem\] {
        height: 198rem
    }

    .h-\[20rem\] {
        height: 20rem
    }

    .h-\[216rem\] {
        height: 216rem
    }

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

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

    .h-\[28\.33rem\] {
        height: 28.33rem
    }

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

    .h-\[28rem\] {
        height: 28rem
    }

    .h-\[326rem\] {
        height: 326rem
    }

    .h-\[32rem\] {
        height: 32rem
    }

    .h-\[36rem\] {
        height: 36rem
    }

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

    .h-\[40rem\] {
        height: 40rem
    }

    .h-\[48rem\] {
        height: 48rem
    }

    .h-\[550rem\] {
        height: 550rem
    }

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

    .h-\[56rem\] {
        height: 56rem
    }

    .h-\[60rem\] {
        height: 60rem
    }

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

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

    .h-\[6rem\] {
        height: 6rem
    }

    .h-full {
        height: 100%
    }

    .\!w-\[100rem\] {
        width: 100rem !important
    }

    .w-4 {
        width: 1rem
    }

    .w-6 {
        width: 1.5rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[83\.5\%\] {
        width: 83.5%
    }

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

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

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

    .w-full {
        width: 100%
    }

    .max-w-\[70\%\] {
        max-width: 70%
    }

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

    .flex-shrink-0,
    .shrink-0 {
        flex-shrink: 0
    }

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

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

    .cursor-pointer {
        cursor: pointer
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-center {
        justify-content: center
    }

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

    .gap-1 {
        gap: .25rem
    }

    .gap-2 {
        gap: .5rem
    }

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

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

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

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

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

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

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

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

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

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

    .overflow-hidden {
        overflow: hidden
    }

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

    .overflow-ellipsis,
    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .break-all {
        word-break: break-all
    }

    .\!rounded-\[32rem\] {
        border-radius: 32rem !important
    }

    .rounded-\[10rem\] {
        border-radius: 10rem
    }

    .rounded-\[12rem\] {
        border-radius: 12rem
    }

    .rounded-\[16px\] {
        border-radius: 16px
    }

    .rounded-\[16rem\] {
        border-radius: 16rem
    }

    .rounded-\[21rem\] {
        border-radius: 21rem
    }

    .rounded-\[24px\] {
        border-radius: 24px
    }

    .rounded-\[24rem\] {
        border-radius: 24rem
    }

    .rounded-\[28px\] {
        border-radius: 28px
    }

    .rounded-\[28rem\] {
        border-radius: 28rem
    }

    .rounded-\[4px\] {
        border-radius: 4px
    }

    .rounded-\[4rem\] {
        border-radius: 4rem
    }

    .rounded-\[5rem\] {
        border-radius: 5rem
    }

    .rounded-\[8px\] {
        border-radius: 8px
    }

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

    .rounded-tl-\[12rem\] {
        border-top-left-radius: 12rem
    }

    .rounded-tr-\[12rem\] {
        border-top-right-radius: 12rem
    }

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

    .border-t-\[0\.5px\] {
        border-top-width: .5px
    }

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

    .border-t-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
        border-top-color: hsla(0, 0%, 100%, .1)
    }

    .text-theme {
        color: #165DFF;
    }

    .bg-\[\#1E6DF8\] {
        --tw-bg-opacity: 1;
        background-color: rgb(30 109 248/var(--tw-bg-opacity, 1))
    }

    .bg-\[\#20222E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(32 34 46/var(--tw-bg-opacity, 1))
    }

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

    .bg-\[\#F5F8FD\] {
        --tw-bg-opacity: 1;
        background-color: rgb(245 248 253/var(--tw-bg-opacity, 1))
    }

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

    .bg-\[rgba\(0\2c 42\2c 255\2c 0\.9\)\] {
        background-color: rgba(0, 42, 255, .9)
    }

    .bg-\[rgba\(26\2c 34\2c 51\2c 0\.1\)\] {
        background-color: rgba(26, 34, 51, .1)
    }

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

    .bg-slate-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
    }

    .bg-transparent {
        background-color: transparent
    }

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

    .bg-\[url\(\/appointment-bg\.jpg\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/code\.png\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/default-home-banner\.jpg\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/fixed-phone\.png\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/fixed-service\.png\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/footer-bg\.jpg\)\] {
        background-image: url(data:,)
    }



    .bg-\[url\(\/mask-left\.png\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/mask-right\.png\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/more-case-bg\.png\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/top\.png\)\] {
        background-image: url(data:,)
    }

    .bg-\[url\(\/weixin\.png\)\] {
        background-image: url(data:,)
    }

    .bg-\[length\:auto_100\%\] {
        background-size: auto 100%
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

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

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

    .p-1 {
        padding: .25rem
    }

    .p-2 {
        padding: .5rem
    }

    .p-\[12rem\] {
        padding: 12rem
    }

    .p-\[4rem\] {
        padding: 4rem
    }

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

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

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

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

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

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

    .py-\[12rem\] {
        padding-top: 12rem;
        padding-bottom: 12rem
    }

    .py-\[20rem\] {
        padding-top: 20rem;
        padding-bottom: 20rem
    }

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

    .pb-\[20rem\] {
        padding-bottom: 20rem
    }

    .pb-\[22rem\] {
        padding-bottom: 22rem
    }

    .pb-\[30rem\] {
        padding-bottom: 30rem
    }

    .pb-\[50rem\] {
        padding-bottom: 50rem
    }

    .pl-\[12rem\] {
        padding-left: 12rem
    }

    .pt-0 {
        padding-top: 0
    }

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

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

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

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

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

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .\!text-\[14rem\] {
        font-size: 14rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .font-bold {
        font-weight: 700
    }

    .font-medium {
        font-weight: 500
    }

    .font-semibold {
        font-weight: 600
    }

    .leading-4 {
        line-height: 1rem
    }

    .leading-\[10px\] {
        line-height: 10px
    }

    .leading-\[14rem\] {
        line-height: 14rem
    }

    .leading-\[16px\] {
        line-height: 16px
    }

    .leading-\[16rem\] {
        line-height: 16rem
    }

    .leading-\[17px\] {
        line-height: 17px
    }

    .leading-\[18rem\] {
        line-height: 18rem
    }

    .leading-\[20rem\] {
        line-height: 20rem
    }

    .leading-\[24rem\] {
        line-height: 24rem
    }

    .leading-\[45px\] {
        line-height: 45px
    }

    .leading-\[45rem\] {
        line-height: 45rem
    }

    .\!text-\[var\(--primary\)\] {
        color: #165DFF;
    }

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

    .text-\[\#0A0B0D\] {
        --tw-text-opacity: 1;
        color: rgb(10 11 13/var(--tw-text-opacity, 1))
    }

    .text-\[\#EB2D2D\] {
        --tw-text-opacity: 1;
        color: rgb(235 45 45/var(--tw-text-opacity, 1))
    }

    .text-\[rgba\(158\2c 158\2c 158\2c 0\.7\)\] {
        color: hsla(0, 0%, 62%, .7)
    }

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

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

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

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

    .opacity-40 {
        opacity: .4
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-80 {
        opacity: .8
    }

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

    .shadow-2 {
        --tw-shadow: 0px 4px 16px 0px rgba(7, 26, 56, .1);
        --tw-shadow-colored: 0px 4px 16px 0px var(--tw-shadow-color)
    }

    .outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

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

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

    :root {
        --primary: #165dff;
        --text: #1a2233
    }

    body {
        color: var(--text);
        font-family: PingFang SC, Microsoft YaHei, SF Pro SC, HanHei SC, SF Pro Text, Myriad Set Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif !important
    }

    .hide-scrollbar::-webkit-scrollbar {
        display: none
    }

    .text-40 {
        color: hsla(0, 0%, 100%, .4)
    }

    .text-70 {
        color: hsla(0, 0%, 100%, .7)
    }

    .text-b-60 {
        color: rgba(26, 34, 51, .6)
    }

    .text-b-80 {
        color: rgba(26, 34, 51, .8)
    }

    .text-b-100 {
        --tw-text-opacity: 1;
        color: rgb(26 34 51/var(--tw-text-opacity, 1))
    }

    .bg-full {
        background-size: 100% 100%
    }

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

    .bg-h-full {
        background-size: auto 100%;
        background-repeat: no-repeat
    }

    /* 默认透明背景 */
    .header .default {
        background: transparent;
    }

    /* 滚动后渐变白色背景 */
    .header.scrolled {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .header-contact {
        --tw-text-opacity: 1;
        color: #000000
    }

    .header-contact .icon {
        background-image: url('../image/icon-phone.png')
    }

    .header-lang,
    .nav .item {
        --tw-text-opacity: 1;
        color: #000000
    }

    .nav .item {
        position: relative;
        height: 68px;
        cursor: pointer;
        font-size: 16px;
        line-height: 1rem;
        opacity: .8
    }

    .nav .item a {
        display: flex;
        height: 100%;
        align-items: center;
        --tw-text-opacity: 1;
        color: #000000
    }

    .nav .active,
    .nav .item:hover {
        opacity: 1
    }

    .nav .item:before {
        transition: width .3s ease;
        content: "";
        position: absolute;
        bottom: 1rem;
        left: 50%;
        height: 2px;
        width: 0;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 2px;
        --tw-bg-opacity: 1;
        background-color: #165DFF
    }

    .nav .has-children {
        display: flex;
        align-items: center;
        gap: .25rem
    }

    .nav .has-children:after {
        content: "";
        height: .75rem;
        width: .75rem;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url('../image/nav/arrow-down.png')
    }

    .nav .active:before,
    .nav .item:hover:before {
        width: 32px
    }

    .nav .has-children:hover:after {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .footer-item {
        display: flex
    }

    .footer-item h3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 12rem;
        line-height: 24rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    @media (min-width:1280px) {
        .footer-item h3 {
            margin-bottom: 1rem;
            font-size: 14px;
            line-height: 24px
        }
    }

    .footer-item h3:after {
        content: "";
        margin-left: 22rem;
        height: 8rem;
        border-right-width: 1px;
        border-right-color: hsla(0, 0%, 100%, .3)
    }

    @media (min-width:1280px) {
        .footer-item h3:after {
            margin-left: 30px;
            height: 8px
        }
    }

    .footer-item a {
        font-size: 12px;
        color: hsla(0, 0%, 100%, .7)
    }

    .footer-item a:hover {
        color: var(--primary)
    }

    .footer-item ul {
        font-size: 12px;
        color: hsla(0, 0%, 100%, .7)
    }

    .footer-item ul li {
        margin-bottom: .75rem;
        line-height: 17px
    }

    .footer-item .item-li {
        margin-right: 22rem
    }

    @media (min-width:1280px) {
        .footer-item .item-li {
            margin-right: 30px
        }
    }

    .footer-item .item-li:last-child h3:after {
        display: none
    }

    .footer-coop a {
        color: hsla(0, 0%, 62%, .7)
    }

    .footer-coop a:hover {
        color: var(--primary)
    }

    .home-banner-slice {
        position: relative;
        height: 550rem;
        background-size: 100% 100%
    }

    @media (min-width:1280px) {
        .home-banner-slice {
            height: 780px;
            padding-top: 68px
        }
    }

    .banner-inner {
        padding-top: 209px;
    }

    .banner-title {
        height: 79px;
        font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
        font-weight: bold;
        font-size: 64px;
        color: #333333;
        line-height: 90px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .banner-subtitle {
        height: 35px;
        font-family: Source Han Sans CN, Source Han Sans CN;
        font-weight: bold;
        font-size: 24px;
        color: #889099;
        line-height: 35px;
        text-align: left;
        font-style: normal;
        margin-top: 32px;
    }

    .contact-btn {
        padding-top: 160px;
    }

    .home-banner-dots {
        align-items: flex-end !important
    }

    .home-banner-dots .slick-active,
    .home-banner-dots .slick-active button {
        height: 3px !important
    }

    .section-title {
        margin-bottom: 20rem;
        text-align: center;
        font-size: 20rem;
        font-weight: 700;
        line-height: 40rem
    }

    @media (min-width:1280px) {
        .section-title {
            margin-bottom: 40px;
            font-size: 32px;
            line-height: 40px
        }
    }

    .sub-section-title {
        margin-bottom: 20rem;
        text-align: center;
        font-size: 12rem;
        line-height: 16rem
    }

    @media (min-width:1280px) {
        .sub-section-title {
            margin-bottom: 1.25rem;
            font-size: 16px;
            line-height: 32px
        }
    }

    .home-about-strong {
        font-weight: 700;
        color: var(--primary)
    }

    .home-solution-btns:after {
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        height: 60px;
        width: 120px
    }

    @media (min-width:1280px) {
        .home-solution-btns:after {
            display: block
        }
    }

    .home-solution-btns:after {
        content: "";
        border-radius: 32px;
        background: linear-gradient(270deg, #f5f8fd 34%, rgba(245, 248, 253, 0))
    }

    .home-solution-button.active {
        background: linear-gradient(91deg, #1866ED 0%, #6E66FE 100%);
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    .home-solution-pagination {
        position: absolute;
        top: 50%;
        height: 32px;
        width: 32px;
        --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));
        cursor: pointer;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    @media (min-width:1280px) {
        .home-solution-slice {
            height: 440px;
            border-radius: 16px
        }
    }

    .more-case-item {
        box-shadow: 0 4px 30px 0 rgba(211, 223, 242, .8)
    }

    .home-brand-tab-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3rem;
        text-align: center;
        font-size: 18rem
    }

    @media (min-width:1280px) {
        .home-brand-tab-item {
            gap: 3px;
            font-size: 24px
        }
    }

    .home-brand-tab-item:after,
    .home-brand-tab-item:before {
        content: "";
        height: 16rem;
        width: 16rem;
        background-image: url(data:,);
        background-size: auto 100%;
        background-repeat: no-repeat
    }

    @media (min-width:1280px) {

        .home-brand-tab-item:after,
        .home-brand-tab-item:before {
            height: 24px;
            width: 24px
        }
    }

    .home-brand-tab-item:after {
        background-position: 100%
    }

    .ant-tabs-ink-bar {
        height: 3rem !important;
        border-radius: 9999px
    }

    @media (min-width:1280px) {
        .ant-tabs-ink-bar {
            height: 4px !important
        }
    }

    .ant-tabs-tab-active .home-brand-tab-item:after,
    .ant-tabs-tab-active .home-brand-tab-item:before {
        background-image: url(data:,)
    }

    .home-news-swiper-container {
        box-shadow: 0 4px 30px 0 rgba(211, 223, 242, .8)
    }

    .swiper-container .slick-dots li button {
        background-color: #165dff !important;
        opacity: .3
    }

    .case-slide>div {
        box-shadow: 0 4px 30px 0 rgba(211, 223, 242, .8)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @keyframes show {
        0% {
            opacity: 0
        }

        33% {
            opacity: 1
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .hover-move-up {
        transition: all .3s ease
    }

    .hover-move-up:hover {
        transform: translateY(-20px);
        --tw-shadow: 0px 8px 20px 0px rgba(194, 203, 223, .3);
        --tw-shadow-colored: 0px 8px 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)
    }

    .hover-scale {
        outline-style: solid;
        outline-width: 1px;
        outline-color: transparent;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .3s
    }

    .hover-scale:hover {
        outline-color: #1866ED;
        transform: scale(1.1)
    }

    @keyframes fadeInRightSmall {
        0% {
            transform: translate3d(20px, 0, 0);
            opacity: 0
        }

        to {
            transform: translateZ(0);
            opacity: 1
        }
    }

    @keyframes fadeOutLeftSmall {
        0% {
            transform: translateZ(0);
            opacity: 1
        }

        to {
            transform: translate3d(-10px, 0, 0);
            opacity: 0
        }
    }

    .outline-primary {
        outline-style: solid;
        outline-width: 1px;
        outline-color: transparent;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .3s
    }

    .outline-primary:hover {
        outline-color: var(--primary)
    }

    .after\:hidden:after {
        content: var(--tw-content);
        display: none
    }

    .hover\:bg-\[\#407fff\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(64 127 255/var(--tw-bg-opacity, 1))
    }

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

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

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

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

    .hover\:opacity-100:hover {
        opacity: 1
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/fixed-phone-white\.png\)\] {
        background-image: url(data:,)
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/fixed-service-white\.png\)\] {
        background-image: url(data:,)
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/top-white\.png\)\] {
        background-image: url(data:,)
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/weixin-white\.png\)\] {
        background-image: url(data:,)
    }

    @media not all and (min-width:1280px) {
        .max-xl\:w-\[50\%\] {
            width: 50%
        }

        .max-xl\:flex-shrink-0 {
            flex-shrink: 0
        }

        .max-xl\:justify-between {
            justify-content: space-between
        }

        .max-xl\:px-\[8rem\] {
            padding-left: 8rem;
            padding-right: 8rem
        }

        .max-xl\:\!font-medium {
            font-weight: 500 !important
        }
    }

    @media (min-width:1280px) {
        .xl\:absolute {
            position: absolute
        }

        .xl\:bottom-\[40px\] {
            bottom: 40px
        }

        .xl\:bottom-\[9px\] {
            bottom: 9px
        }

        .xl\:left-0 {
            left: 0
        }

        .xl\:left-auto {
            left: auto
        }

        .xl\:right-0 {
            right: 0
        }

        .xl\:right-\[20px\] {
            right: 20px
        }

        .xl\:right-\[80px\] {
            right: 80px
        }

        .xl\:top-\[28px\] {
            top: 28px
        }

        .xl\:top-\[60px\] {
            top: 60px
        }

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

        .xl\:\!mb-\[12px\] {
            margin-bottom: 12px !important
        }

        .xl\:\!mb-\[40px\] {
            margin-bottom: 40px !important
        }

        .xl\:\!mb-\[60px\] {
            margin-bottom: 60px !important
        }

        .xl\:\!mr-\[30px\] {
            margin-right: 30px !important
        }

        .xl\:mb-0 {
            margin-bottom: 0
        }

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

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

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

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

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

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

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

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

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

        .xl\:ml-\[-19px\] {
            margin-left: -19px
        }

        .xl\:ml-\[57px\] {
            margin-left: 57px
        }

        .xl\:mr-3 {
            margin-right: .75rem
        }

        .xl\:mr-5 {
            margin-right: 1.25rem
        }

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

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

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

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

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

        .xl\:block {
            display: block
        }

        .xl\:flex {
            display: flex
        }

        .xl\:\!h-\[120px\] {
            height: 120px !important
        }

        .xl\:\!h-\[40px\] {
            height: 40px !important
        }

        .xl\:\!h-\[44px\] {
            height: 44px !important
        }

        .xl\:h-2 {
            height: .5rem
        }

        .xl\:h-\[196px\] {
            height: 196px
        }

        .xl\:h-\[200px\] {
            height: 200px
        }

        .xl\:h-\[220px\] {
            height: 220px
        }

        .xl\:h-\[228px\] {
            height: 228px
        }

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

        .xl\:h-\[269px\] {
            height: 269px
        }

        .xl\:h-\[270px\] {
            height: 270px
        }

        .xl\:h-\[28px\] {
            height: 28px
        }

        .xl\:h-\[302px\] {
            height: 302px
        }

        .xl\:h-\[32px\] {
            height: 32px
        }

        .xl\:h-\[40px\] {
            height: 40px
        }

        .xl\:h-\[44px\] {
            height: 44px
        }

        .xl\:h-\[450px\] {
            height: 450px
        }

        .xl\:h-\[48px\] {
            height: 48px
        }

        .xl\:h-\[516px\] {
            height: 516px
        }

        .xl\:h-\[52px\] {
            height: 52px
        }

        .xl\:h-\[56px\] {
            height: 56px
        }

        .xl\:h-\[70px\] {
            height: 70px
        }

        .xl\:h-\[72px\] {
            height: 72px
        }

        .xl\:h-\[76px\] {
            height: 76px
        }

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

        .xl\:\!w-\[120px\] {
            width: 120px !important
        }

        .xl\:w-2 {
            width: .5rem
        }

        .xl\:w-\[114px\] {
            width: 114px
        }

        .xl\:w-\[1200px\] {
            width: 1200px
        }

        .xl\:w-\[1238px\] {
            width: 1238px
        }

        .xl\:w-\[128px\] {
            width: 128px
        }

        .xl\:w-\[132px\] {
            width: 132px
        }

        .xl\:w-\[134px\] {
            width: 134px
        }

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

        .xl\:w-\[160px\] {
            width: 160px
        }

        .xl\:w-\[168px\] {
            width: 168px
        }

        .xl\:w-\[180px\] {
            width: 180px
        }

        .xl\:w-\[204px\] {
            width: 204px
        }

        .xl\:w-\[212px\] {
            width: 212px
        }

        .xl\:w-\[284px\] {
            width: 284px
        }

        .xl\:w-\[285px\] {
            width: 285px
        }

        .xl\:w-\[32px\] {
            width: 32px
        }

        .xl\:w-\[372px\] {
            width: 372px
        }

        .xl\:w-\[420px\] {
            width: 420px
        }

        .xl\:w-\[440px\] {
            width: 440px
        }

        .xl\:w-\[592px\] {
            width: 592px
        }

        .xl\:max-w-\[100\%\] {
            max-width: 100%
        }

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

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

        .xl\:flex-row {
            flex-direction: row
        }

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

        .xl\:items-center {
            align-items: center
        }

        .xl\:justify-start {
            justify-content: flex-start
        }

        .xl\:justify-end {
            justify-content: flex-end
        }

        .xl\:justify-center {
            justify-content: center
        }

        .xl\:gap-2 {
            gap: .5rem
        }

        .xl\:gap-3 {
            gap: .75rem
        }

        .xl\:gap-4 {
            gap: 1rem
        }

        .xl\:gap-5 {
            gap: 1.25rem
        }

        .xl\:gap-\[26px\] {
            gap: 26px
        }

        .xl\:gap-\[60px\] {
            gap: 60px
        }

        .xl\:gap-x-\[35px\] {
            -moz-column-gap: 35px;
            column-gap: 35px
        }

        .xl\:gap-y-5 {
            row-gap: 1.25rem
        }

        .xl\:\!rounded-\[40px\] {
            border-radius: 40px !important
        }

        .xl\:rounded-\[16px\] {
            border-radius: 16px
        }

        .xl\:rounded-\[24px\] {
            border-radius: 24px
        }

        .xl\:rounded-\[28px\] {
            border-radius: 28px
        }

        .xl\:rounded-\[32px\] {
            border-radius: 32px
        }

        .xl\:rounded-\[4px\] {
            border-radius: 4px
        }

        .xl\:rounded-\[8px\] {
            border-radius: 8px
        }

        .xl\:rounded-tl-\[16px\] {
            border-top-left-radius: 16px
        }

        .xl\:rounded-tr-\[16px\] {
            border-top-right-radius: 16px
        }

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

        .xl\:p-5 {
            padding: 1.25rem
        }

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

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

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

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

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

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

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

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

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

        .xl\:pb-0 {
            padding-bottom: 0
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .xl\:\!text-\[16px\] {
            font-size: 16px !important
        }

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

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

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

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

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

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

        .xl\:leading-\[1\.3333\] {
            line-height: 1.3333
        }

        .xl\:leading-\[17px\] {
            line-height: 17px
        }

        .xl\:leading-\[20px\] {
            line-height: 20px
        }

        .xl\:leading-\[22px\] {
            line-height: 22px
        }

        .xl\:leading-\[24px\] {
            line-height: 24px
        }

        .xl\:leading-\[28px\] {
            line-height: 28px
        }

        .xl\:leading-\[32px\] {
            line-height: 32px
        }

        .xl\:leading-\[36px\] {
            line-height: 36px
        }

        .xl\:leading-\[40px\] {
            line-height: 40px
        }

        .xl\:leading-\[45px\] {
            line-height: 45px
        }

        .xl\:leading-normal {
            line-height: 1.5
        }

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

        .xl\:after\:block:after {
            content: var(--tw-content);
            display: block
        }
    }

    @media not all and (min-width:1280px) {
        .max-xl\:\[\&_\.slick-active\]\:\!opacity-100 .slick-active {
            opacity: 1 !important
        }

        .max-xl\:\[\&_\.slick-slide\]\:opacity-40 .slick-slide {
            opacity: .4
        }
    }

    @media not all and (min-width:1280px) {}

    @media not all and (min-width:1280px) {}

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

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

    :where(.css-1tfl15b)[class*=" ant-form"] {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        box-sizing: border-box
    }

    :where(.css-1tfl15b)[class^="ant-form"]::before,
    :where(.css-1tfl15b)[class*=" ant-form"]::before,
    :where(.css-1tfl15b)[class^="ant-form"]::after,
    :where(.css-1tfl15b)[class*=" ant-form"]::after {
        box-sizing: border-box
    }

    :where(.css-1tfl15b).ant-form {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: #1A2233;
        font-size: 14px;
        line-height: 1.5714285714285714;
        list-style: none;
        font-family: -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"
    }

    :where(.css-1tfl15b).ant-form-inline {
        display: flex;
        flex-wrap: wrap
    }

    @media (max-width:575px) {}

    @media (max-width:767px) {}

    @media (max-width:991px) {}

    @media (max-width:1199px) {}

    @media (max-width:575px) {}

    @media (max-width:767px) {}

    @media (max-width:991px) {}

    @media (max-width:1199px) {}

    @keyframes css-1tfl15b-antZoomIn {
        0% {
            transform: scale(0.2);
            opacity: 0
        }

        100% {
            transform: scale(1);
            opacity: 1
        }
    }

    :where(.css-1tfl15b) a {
        color: #1677ff;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        cursor: pointer;
        transition: color 0.3s;
        -webkit-text-decoration-skip: objects
    }

    :where(.css-1tfl15b) a:hover {
        color: #165DFF
    }

    :where(.css-1tfl15b) a:active {
        color: #0958d9
    }

    :where(.css-1tfl15b) a:active,
    :where(.css-1tfl15b) a:hover {
        text-decoration: none;
        outline: 0
    }

    :where(.css-1tfl15b) a:focus {
        text-decoration: none;
        outline: 0
    }

    @keyframes css-1tfl15b-antZoomBigIn {
        0% {
            transform: scale(0.8);
            opacity: 0
        }

        100% {
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes css-1tfl15b-antZoomBigOut {
        0% {
            transform: scale(1)
        }

        100% {
            transform: scale(0.8);
            opacity: 0
        }
    }

    @keyframes css-1tfl15b-antSlideUpIn {
        0% {
            transform: scaleY(0.8);
            transform-origin: 0% 0%;
            opacity: 0
        }

        100% {
            transform: scaleY(1);
            transform-origin: 0% 0%;
            opacity: 1
        }
    }

    @keyframes css-1tfl15b-antSlideDownIn {
        0% {
            transform: scaleY(0.8);
            transform-origin: 100% 100%;
            opacity: 0
        }

        100% {
            transform: scaleY(1);
            transform-origin: 100% 100%;
            opacity: 1
        }
    }

    @keyframes css-1tfl15b-antSlideUpOut {
        0% {
            transform: scaleY(1);
            transform-origin: 0% 0%;
            opacity: 1
        }

        100% {
            transform: scaleY(0.8);
            transform-origin: 0% 0%;
            opacity: 0
        }
    }

    @keyframes css-1tfl15b-antSlideDownOut {
        0% {
            transform: scaleY(1);
            transform-origin: 100% 100%;
            opacity: 1
        }

        100% {
            transform: scaleY(0.8);
            transform-origin: 100% 100%;
            opacity: 0
        }
    }

    @keyframes css-1tfl15b-antMoveUpIn {
        0% {
            transform: translate3d(0, -100%, 0);
            transform-origin: 0 0;
            opacity: 0
        }

        100% {
            transform: translate3d(0, 0, 0);
            transform-origin: 0 0;
            opacity: 1
        }
    }

    @keyframes css-1tfl15b-antMoveUpOut {
        0% {
            transform: translate3d(0, 0, 0);
            transform-origin: 0 0;
            opacity: 1
        }

        100% {
            transform: translate3d(0, -100%, 0);
            transform-origin: 0 0;
            opacity: 0
        }
    }

    @keyframes css-1tfl15b-antMoveDownIn {
        0% {
            transform: translate3d(0, 100%, 0);
            transform-origin: 0 0;
            opacity: 0
        }

        100% {
            transform: translate3d(0, 0, 0);
            transform-origin: 0 0;
            opacity: 1
        }
    }

    @keyframes css-1tfl15b-antMoveDownOut {
        0% {
            transform: translate3d(0, 0, 0);
            transform-origin: 0 0;
            opacity: 1
        }

        100% {
            transform: translate3d(0, 100%, 0);
            transform-origin: 0 0;
            opacity: 0
        }
    }

    :where(.css-66o9k4) a {
        color: #1677ff;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        cursor: pointer;
        transition: color 0.3s;
        -webkit-text-decoration-skip: objects
    }

    :where(.css-66o9k4) a:hover {
        color: #165DFF
    }

    :where(.css-66o9k4) a:active {
        color: #0958d9
    }

    :where(.css-66o9k4) a:active,
    :where(.css-66o9k4) a:hover {
        text-decoration: none;
        outline: 0
    }

    :where(.css-66o9k4) a:focus {
        text-decoration: none;
        outline: 0
    }

    :where(.css-66o9k4).ant-carousel {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        box-sizing: border-box
    }

    :where(.css-66o9k4).ant-carousel::before,
    :where(.css-66o9k4).ant-carousel::after {
        box-sizing: border-box
    }

    :where(.css-66o9k4).ant-carousel {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: #1A2233;
        font-size: 14px;
        line-height: 1.5714285714285714;
        list-style: none;
        font-family: -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"
    }

    :where(.css-66o9k4).ant-carousel .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        touch-action: pan-y;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent
    }

    :where(.css-66o9k4).ant-carousel .slick-slider .slick-track,
    :where(.css-66o9k4).ant-carousel .slick-slider .slick-list {
        transform: translate3d(0, 0, 0);
        touch-action: pan-y
    }

    :where(.css-66o9k4).ant-carousel .slick-list {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    :where(.css-66o9k4).ant-carousel .slick-list:focus {
        outline: none
    }

    :where(.css-66o9k4).ant-carousel .slick-list .slick-slide {
        pointer-events: none
    }

    :where(.css-66o9k4).ant-carousel .slick-list .slick-slide.slick-active {
        pointer-events: auto
    }

    :where(.css-66o9k4).ant-carousel .slick-list .slick-slide>div>div {
        vertical-align: bottom
    }

    :where(.css-66o9k4).ant-carousel .slick-track {
        position: relative;
        top: 0;
        inset-inline-start: 0;
        display: block
    }

    :where(.css-66o9k4).ant-carousel .slick-track::before,
    :where(.css-66o9k4).ant-carousel .slick-track::after {
        display: table;
        content: ""
    }

    :where(.css-66o9k4).ant-carousel .slick-track::after {
        clear: both
    }

    :where(.css-66o9k4).ant-carousel .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    :where(.css-66o9k4).ant-carousel .slick-slide img {
        display: block
    }

    :where(.css-66o9k4).ant-carousel .slick-initialized .slick-slide {
        display: block
    }

    :where(.css-66o9k4).ant-carousel .slick-vertical .slick-slide {
        display: block;
        height: auto
    }

    :where(.css-66o9k4).ant-carousel .slick-dots {
        position: absolute;
        inset-inline-end: 0;
        bottom: 0;
        inset-inline-start: 0;
        z-index: 15;
        display: flex !important;
        justify-content: center;
        padding-inline-start: 0;
        margin: 0;
        list-style: none
    }

    :where(.css-66o9k4).ant-carousel .slick-dots-bottom {
        bottom: 20px
    }

    :where(.css-66o9k4).ant-carousel .slick-dots li {
        position: relative;
        display: inline-block;
        flex: 0 1 auto;
        box-sizing: content-box;
        width: 68px;
        height: 1px;
        margin-inline: 8px;
        padding: 0;
        text-align: center;
        text-indent: -999px;
        vertical-align: top;
        transition: all 0.3s
    }

    :where(.css-66o9k4).ant-carousel .slick-dots li button {
        position: relative;
        display: block;
        width: 100%;
        height: 1px;
        padding: 0;
        color: transparent;
        font-size: 0;
        background: #ffffff;
        border: 0;
        border-radius: 1px;
        outline: none;
        cursor: pointer;
        opacity: 0.2;
        transition: all 0.3s
    }

    :where(.css-66o9k4).ant-carousel .slick-dots li button:hover,
    :where(.css-66o9k4).ant-carousel .slick-dots li button:focus {
        opacity: 0.75
    }

    :where(.css-66o9k4).ant-carousel .slick-dots li button::after {
        position: absolute;
        inset: -8px;
        content: ""
    }

    :where(.css-66o9k4).ant-carousel .slick-dots li.slick-active {
        width: 68px
    }

    :where(.css-66o9k4).ant-carousel .slick-dots li.slick-active button {
        background: #ffffff;
        opacity: 1
    }

    :where(.css-66o9k4).ant-carousel .slick-dots li.slick-active:hover,
    :where(.css-66o9k4).ant-carousel .slick-dots li.slick-active:focus {
        opacity: 1
    }

    :where(.css-1tfl15b).ant-carousel {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        box-sizing: border-box
    }

    :where(.css-1tfl15b).ant-carousel::before,
    :where(.css-1tfl15b).ant-carousel::after {
        box-sizing: border-box
    }

    :where(.css-1tfl15b).ant-carousel {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: #1A2233;
        font-size: 14px;
        line-height: 1.5714285714285714;
        list-style: none;
        font-family: -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"
    }

    :where(.css-1tfl15b).ant-carousel .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        touch-action: pan-y;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent
    }

    :where(.css-1tfl15b).ant-carousel .slick-slider .slick-track,
    :where(.css-1tfl15b).ant-carousel .slick-slider .slick-list {
        transform: translate3d(0, 0, 0);
        touch-action: pan-y
    }

    :where(.css-1tfl15b).ant-carousel .slick-list {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    :where(.css-1tfl15b).ant-carousel .slick-list:focus {
        outline: none
    }

    :where(.css-1tfl15b).ant-carousel .slick-list .slick-slide {
        pointer-events: none
    }

    :where(.css-1tfl15b).ant-carousel .slick-list .slick-slide.slick-active {
        pointer-events: auto
    }

    :where(.css-1tfl15b).ant-carousel .slick-list .slick-slide>div>div {
        vertical-align: bottom
    }

    :where(.css-1tfl15b).ant-carousel .slick-track {
        position: relative;
        top: 0;
        inset-inline-start: 0;
        display: block
    }

    :where(.css-1tfl15b).ant-carousel .slick-track::before,
    :where(.css-1tfl15b).ant-carousel .slick-track::after {
        display: table;
        content: ""
    }

    :where(.css-1tfl15b).ant-carousel .slick-track::after {
        clear: both
    }

    :where(.css-1tfl15b).ant-carousel .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    :where(.css-1tfl15b).ant-carousel .slick-slide img {
        display: block
    }

    :where(.css-1tfl15b).ant-carousel .slick-initialized .slick-slide {
        display: block
    }

    :where(.css-1tfl15b).ant-carousel .slick-vertical .slick-slide {
        display: block;
        height: auto
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots {
        position: absolute;
        inset-inline-end: 0;
        bottom: 0;
        inset-inline-start: 0;
        z-index: 15;
        display: flex !important;
        justify-content: center;
        padding-inline-start: 0;
        margin: 0;
        list-style: none
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots-bottom {
        bottom: 12px
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots li {
        position: relative;
        display: inline-block;
        flex: 0 1 auto;
        box-sizing: content-box;
        width: 16px;
        height: 3px;
        margin-inline: 4px;
        padding: 0;
        text-align: center;
        text-indent: -999px;
        vertical-align: top;
        transition: all 0.3s
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots li button {
        position: relative;
        display: block;
        width: 100%;
        height: 3px;
        padding: 0;
        color: transparent;
        font-size: 0;
        background: #ffffff;
        border: 0;
        border-radius: 3px;
        outline: none;
        cursor: pointer;
        opacity: 0.2;
        transition: all 0.3s
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots li button:hover,
    :where(.css-1tfl15b).ant-carousel .slick-dots li button:focus {
        opacity: 0.75
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots li button::after {
        position: absolute;
        inset: -4px;
        content: ""
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots li.slick-active {
        width: 24px
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots li.slick-active button {
        background: #ffffff;
        opacity: 1
    }

    :where(.css-1tfl15b).ant-carousel .slick-dots li.slick-active:hover,
    :where(.css-1tfl15b).ant-carousel .slick-dots li.slick-active:focus {
        opacity: 1
    }

    :where(.css-1tfl15b).ant-btn {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        box-sizing: border-box
    }

    :where(.css-1tfl15b).ant-btn::before,
    :where(.css-1tfl15b).ant-btn::after {
        box-sizing: border-box
    }

    :where(.css-1tfl15b).ant-btn {
        outline: none;
        position: relative;
        display: inline-flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        white-space: nowrap;
        text-align: center;
        background-image: none;
        background: transparent;
        border: 1px solid transparent;
        cursor: pointer;
        transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        user-select: none;
        touch-action: manipulation;
        color: #1A2233
    }

    :where(.css-1tfl15b).ant-btn:disabled>* {
        pointer-events: none
    }

    :where(.css-1tfl15b).ant-btn>span,
    :where(.css-1tfl15b).ant-btn .ant-btn-icon {
        display: inline-flex
    }

    :where(.css-1tfl15b).ant-btn:not(:disabled):focus-visible {
        outline: 3px solid #91bdff;
        outline-offset: 1px;
        transition: outline-offset 0s, outline 0s
    }

    :where(.css-1tfl15b).ant-btn {
        font-size: 14px;
        line-height: 1.5714285714285714;
        height: 32px;
        padding: 4px 15px;
        border-radius: 6px
    }

    :where(.css-1tfl15b).ant-btn-color-default {
        color: #1A2233;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02)
    }

    :where(.css-1tfl15b).ant-btn-color-primary {
        color: #165dff;
        box-shadow: 0 2px 0 rgba(5, 115, 255, 0.1)
    }

    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-outlined,
    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-dashed {
        border-color: #165dff;
        background: #ffffff
    }

    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-outlined:disabled,
    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-dashed:disabled,
    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-outlined.ant-btn-disabled,
    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-dashed.ant-btn-disabled {
        cursor: not-allowed;
        border-color: #d9d9d9;
        color: rgba(0, 0, 0, 0.25);
        background: rgba(0, 0, 0, 0.04);
        box-shadow: none
    }

    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover {
        color: #407fff;
        border-color: #407fff;
        background: #ffffff
    }

    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):active,
    :where(.css-1tfl15b).ant-btn-color-primary.ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):active {
        color: #0940d9;
        border-color: #0940d9;
        background: #ffffff
    }

    :where(.css-1tfl15b).ant-btn-variant-outlined,
    :where(.css-1tfl15b).ant-btn-variant-dashed {
        border-color: #d9d9d9;
        background: #ffffff
    }

    :where(.css-1tfl15b).ant-btn-variant-outlined:disabled,
    :where(.css-1tfl15b).ant-btn-variant-dashed:disabled,
    :where(.css-1tfl15b).ant-btn-variant-outlined.ant-btn-disabled,
    :where(.css-1tfl15b).ant-btn-variant-dashed.ant-btn-disabled {
        cursor: not-allowed;
        border-color: #d9d9d9;
        color: rgba(0, 0, 0, 0.25);
        background: rgba(0, 0, 0, 0.04);
        box-shadow: none
    }

    :where(.css-1tfl15b).ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
    :where(.css-1tfl15b).ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover {
        color: #407fff;
        border-color: #407fff;
        background: #ffffff
    }

    :where(.css-1tfl15b).ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):active,
    :where(.css-1tfl15b).ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):active {
        color: #0940d9;
        border-color: #0940d9;
        background: #ffffff
    }

    :where(.css-1tfl15b).ant-btn-variant-solid {
        color: #fff;
        background: linear-gradient(91deg, #1866ED 0%, #6E66FE 100%);
    }

    :where(.css-1tfl15b).ant-btn-variant-solid:disabled,
    :where(.css-1tfl15b).ant-btn-variant-solid.ant-btn-disabled {
        cursor: not-allowed;
        border-color: #d9d9d9;
        color: rgba(0, 0, 0, 0.25);
        background: rgba(0, 0, 0, 0.04);
        box-shadow: none
    }

    :where(.css-1tfl15b).ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
        background: #407fff;
        color: #fff
    }

    :where(.css-1tfl15b).ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):active {
        background: #0940d9;
        color: #fff
    }

    :where(.css-7fn20m) a {
        color: #1677ff;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        cursor: pointer;
        transition: color 0.3s;
        -webkit-text-decoration-skip: objects
    }

    :where(.css-7fn20m) a:hover {
        color: #165DFF
    }

    :where(.css-7fn20m) a:active {
        color: #0958d9
    }

    :where(.css-7fn20m) a:active,
    :where(.css-7fn20m) a:hover {
        text-decoration: none;
        outline: 0
    }

    :where(.css-7fn20m) a:focus {
        text-decoration: none;
        outline: 0
    }

    :where(.css-7fn20m)[class^="ant-tabs"],
    :where(.css-7fn20m)[class*=" ant-tabs"] {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        box-sizing: border-box
    }

    :where(.css-7fn20m)[class^="ant-tabs"]::before,
    :where(.css-7fn20m)[class*=" ant-tabs"]::before,
    :where(.css-7fn20m)[class^="ant-tabs"]::after,
    :where(.css-7fn20m)[class*=" ant-tabs"]::after {
        box-sizing: border-box
    }

    :where(.css-7fn20m)[class^="ant-tabs"] [class^="ant-tabs"],
    :where(.css-7fn20m)[class*=" ant-tabs"] [class^="ant-tabs"],
    :where(.css-7fn20m)[class^="ant-tabs"] [class*=" ant-tabs"],
    :where(.css-7fn20m)[class*=" ant-tabs"] [class*=" ant-tabs"] {
        box-sizing: border-box
    }

    :where(.css-7fn20m)[class^="ant-tabs"] [class^="ant-tabs"]::before,
    :where(.css-7fn20m)[class*=" ant-tabs"] [class^="ant-tabs"]::before,
    :where(.css-7fn20m)[class^="ant-tabs"] [class*=" ant-tabs"]::before,
    :where(.css-7fn20m)[class*=" ant-tabs"] [class*=" ant-tabs"]::before,
    :where(.css-7fn20m)[class^="ant-tabs"] [class^="ant-tabs"]::after,
    :where(.css-7fn20m)[class*=" ant-tabs"] [class^="ant-tabs"]::after,
    :where(.css-7fn20m)[class^="ant-tabs"] [class*=" ant-tabs"]::after,
    :where(.css-7fn20m)[class*=" ant-tabs"] [class*=" ant-tabs"]::after {
        box-sizing: border-box
    }

    :where(.css-7fn20m).ant-tabs-top,
    :where(.css-7fn20m).ant-tabs-bottom {
        flex-direction: column
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav,
    :where(.css-7fn20m).ant-tabs-bottom>.ant-tabs-nav,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav,
    :where(.css-7fn20m).ant-tabs-bottom>div>.ant-tabs-nav {
        margin: 0 0 16px 0
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav::before,
    :where(.css-7fn20m).ant-tabs-bottom>.ant-tabs-nav::before,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav::before,
    :where(.css-7fn20m).ant-tabs-bottom>div>.ant-tabs-nav::before {
        position: absolute;
        right: 0;
        left: 0;
        border-bottom: 1px solid #f0f0f0;
        content: ""
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,
    :where(.css-7fn20m).ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,
    :where(.css-7fn20m).ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar {
        height: 2px
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,
    :where(.css-7fn20m).ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,
    :where(.css-7fn20m).ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
        transition: width 0.3s, left 0.3s, right 0.3s
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,
    :where(.css-7fn20m).ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,
    :where(.css-7fn20m).ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after {
        top: 0;
        bottom: 0;
        width: 32px
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before {
        left: 0;
        box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,
    :where(.css-7fn20m).ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,
    :where(.css-7fn20m).ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after {
        right: 0;
        box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav::before,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav::before {
        bottom: 0
    }

    :where(.css-7fn20m).ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,
    :where(.css-7fn20m).ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar {
        bottom: 0
    }

    :where(.css-7fn20m).ant-tabs {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: #1A2233;
        font-size: 14px;
        line-height: 1.5714285714285714;
        list-style: none;
        font-family: -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";
        display: flex
    }

    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav {
        position: relative;
        display: flex;
        flex: none;
        align-items: center
    }

    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap {
        position: relative;
        display: flex;
        flex: auto;
        align-self: stretch;
        overflow: hidden;
        white-space: nowrap;
        transform: translate(0)
    }

    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::after,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::after {
        position: absolute;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        content: "";
        pointer-events: none
    }

    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list {
        position: relative;
        display: flex;
        transition: opacity 0.3s
    }

    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations {
        display: flex;
        align-self: stretch
    }

    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden {
        position: absolute;
        visibility: hidden;
        pointer-events: none
    }

    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more {
        position: relative;
        padding: 8px 16px;
        background: transparent;
        border: 0;
        color: #1A2233
    }

    :where(.css-7fn20m).ant-tabs>.ant-tabs-nav .ant-tabs-nav-more::after,
    :where(.css-7fn20m).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 5px;
        transform: translateY(100%);
        content: ""
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-ink-bar {
        position: absolute;
        background: #165dff;
        pointer-events: none
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-tab {
        position: relative;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent;
        display: inline-flex;
        align-items: center;
        padding: 12px 0;
        font-size: 24px;
        background: transparent;
        border: 0;
        outline: none;
        cursor: pointer;
        color: #1A2233
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-tab-btn:focus:not(:focus-visible),
    :where(.css-7fn20m).ant-tabs .ant-tabs-tab-remove:focus:not(:focus-visible),
    :where(.css-7fn20m).ant-tabs .ant-tabs-tab-btn:active,
    :where(.css-7fn20m).ant-tabs .ant-tabs-tab-remove:active {
        color: #0940d9
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-tab-btn:focus-visible,
    :where(.css-7fn20m).ant-tabs .ant-tabs-tab-remove:focus-visible {
        outline: 3px solid #91bdff;
        outline-offset: 1px;
        transition: outline-offset 0s, outline 0s
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-tab-btn {
        outline: none;
        transition: all 0.3s
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-tab:hover {
        color: #407fff
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
        color: #165dff;
        text-shadow: 0 0 0.25px currentcolor
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-tab+.ant-tabs-tab {
        margin: 0 0 0 400px
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-content {
        position: relative;
        width: 100%
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-content-holder {
        flex: auto;
        min-width: 0;
        min-height: 0
    }

    :where(.css-7fn20m).ant-tabs .ant-tabs-tabpane {
        outline: none
    }

    :where(.css-7fn20m).ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=".ant-tabs-nav-wrap-ping"])>.ant-tabs-nav-list,
    :where(.css-7fn20m).ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=".ant-tabs-nav-wrap-ping"])>.ant-tabs-nav-list {
        margin: auto
    }

    @keyframes css-7fn20m-antSlideUpIn {
        0% {
            transform: scaleY(0.8);
            transform-origin: 0% 0%;
            opacity: 0
        }

        100% {
            transform: scaleY(1);
            transform-origin: 0% 0%;
            opacity: 1
        }
    }

    @keyframes css-7fn20m-antSlideUpOut {
        0% {
            transform: scaleY(1);
            transform-origin: 0% 0%;
            opacity: 1
        }

        100% {
            transform: scaleY(0.8);
            transform-origin: 0% 0%;
            opacity: 0
        }
    }

    @keyframes css-7fn20m-antSlideDownIn {
        0% {
            transform: scaleY(0.8);
            transform-origin: 100% 100%;
            opacity: 0
        }

        100% {
            transform: scaleY(1);
            transform-origin: 100% 100%;
            opacity: 1
        }
    }

    @keyframes css-7fn20m-antSlideDownOut {
        0% {
            transform: scaleY(1);
            transform-origin: 100% 100%;
            opacity: 1
        }

        100% {
            transform: scaleY(0.8);
            transform-origin: 100% 100%;
            opacity: 0
        }
    }

    :where(.css-15umkbk) a {
        color: #1677ff;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        cursor: pointer;
        transition: color 0.3s;
        -webkit-text-decoration-skip: objects
    }

    :where(.css-15umkbk) a:hover {
        color: #165DFF
    }

    :where(.css-15umkbk) a:active {
        color: #0958d9
    }

    :where(.css-15umkbk) a:active,
    :where(.css-15umkbk) a:hover {
        text-decoration: none;
        outline: 0
    }

    :where(.css-15umkbk) a:focus {
        text-decoration: none;
        outline: 0
    }

    :where(.css-15umkbk).ant-carousel {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        box-sizing: border-box
    }

    :where(.css-15umkbk).ant-carousel::before,
    :where(.css-15umkbk).ant-carousel::after {
        box-sizing: border-box
    }

    :where(.css-15umkbk).ant-carousel {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: #1A2233;
        font-size: 14px;
        line-height: 1.5714285714285714;
        list-style: none;
        font-family: -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"
    }

    :where(.css-15umkbk).ant-carousel .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        touch-action: pan-y;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent
    }

    :where(.css-15umkbk).ant-carousel .slick-slider .slick-track,
    :where(.css-15umkbk).ant-carousel .slick-slider .slick-list {
        transform: translate3d(0, 0, 0);
        touch-action: pan-y
    }

    :where(.css-15umkbk).ant-carousel .slick-list {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    :where(.css-15umkbk).ant-carousel .slick-list:focus {
        outline: none
    }

    :where(.css-15umkbk).ant-carousel .slick-list .slick-slide {
        pointer-events: none
    }

    :where(.css-15umkbk).ant-carousel .slick-list .slick-slide.slick-active {
        pointer-events: auto
    }

    :where(.css-15umkbk).ant-carousel .slick-list .slick-slide>div>div {
        vertical-align: bottom
    }

    :where(.css-15umkbk).ant-carousel .slick-track {
        position: relative;
        top: 0;
        inset-inline-start: 0;
        display: block
    }

    :where(.css-15umkbk).ant-carousel .slick-track::before,
    :where(.css-15umkbk).ant-carousel .slick-track::after {
        display: table;
        content: ""
    }

    :where(.css-15umkbk).ant-carousel .slick-track::after {
        clear: both
    }

    :where(.css-15umkbk).ant-carousel .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    :where(.css-15umkbk).ant-carousel .slick-slide img {
        display: block
    }

    :where(.css-15umkbk).ant-carousel .slick-initialized .slick-slide {
        display: block
    }

    :where(.css-15umkbk).ant-carousel .slick-vertical .slick-slide {
        display: block;
        height: auto
    }

    :where(.css-15umkbk).ant-carousel .slick-dots {
        position: absolute;
        inset-inline-end: 0;
        bottom: 0;
        inset-inline-start: 0;
        z-index: 15;
        display: flex !important;
        justify-content: center;
        padding-inline-start: 0;
        margin: 0;
        list-style: none
    }

    :where(.css-15umkbk).ant-carousel .slick-dots-bottom {
        bottom: -30px
    }

    :where(.css-15umkbk).ant-carousel .slick-dots li {
        position: relative;
        display: inline-block;
        flex: 0 1 auto;
        box-sizing: content-box;
        width: 8px;
        height: 8px;
        margin-inline: 4px;
        padding: 0;
        text-align: center;
        text-indent: -999px;
        vertical-align: top;
        transition: all 0.3s
    }

    :where(.css-15umkbk).ant-carousel .slick-dots li button {
        position: relative;
        display: block;
        width: 100%;
        height: 8px;
        padding: 0;
        color: transparent;
        font-size: 0;
        background: #ffffff;
        border: 0;
        border-radius: 8px;
        outline: none;
        cursor: pointer;
        opacity: 0.2;
        transition: all 0.3s
    }

    :where(.css-15umkbk).ant-carousel .slick-dots li button:hover,
    :where(.css-15umkbk).ant-carousel .slick-dots li button:focus {
        opacity: 0.75
    }

    :where(.css-15umkbk).ant-carousel .slick-dots li button::after {
        position: absolute;
        inset: -4px;
        content: ""
    }

    :where(.css-15umkbk).ant-carousel .slick-dots li.slick-active {
        width: 8px
    }

    :where(.css-15umkbk).ant-carousel .slick-dots li.slick-active button {
        background: #ffffff;
        opacity: 1
    }

    :where(.css-15umkbk).ant-carousel .slick-dots li.slick-active:hover,
    :where(.css-15umkbk).ant-carousel .slick-dots li.slick-active:focus {
        opacity: 1
    }

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

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

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

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

    :where(.css-1tfl15b).ant-app {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 14px;
        box-sizing: border-box
    }

    :where(.css-1tfl15b).ant-app::before,
    :where(.css-1tfl15b).ant-app::after {
        box-sizing: border-box
    }

    :where(.css-1tfl15b).ant-app {
        color: #1A2233;
        font-size: 14px;
        line-height: 1.5714285714285714;
        font-family: -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"
    }

    .anticon {
        display: inline-flex;
        align-items: center;
        color: inherit;
        font-style: normal;
        line-height: 0;
        text-align: center;
        text-transform: none;
        vertical-align: -0.125em;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .anticon>* {
        line-height: 1
    }

    .anticon svg {
        display: inline-block
    }

    .rfm-marquee-container {
        overflow-x: hidden;
        display: flex;
        flex-direction: row;
        position: relative;
        width: var(--width);
        transform: var(--transform)
    }

    .rfm-marquee-container:hover div {
        animation-play-state: var(--pause-on-hover)
    }

    .rfm-marquee-container:active div {
        animation-play-state: var(--pause-on-click)
    }

    .rfm-marquee {
        flex: 0 0 auto;
        min-width: var(--min-width);
        z-index: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
        animation-play-state: var(--play);
        animation-delay: var(--delay);
        animation-direction: var(--direction)
    }

    @keyframes scroll {
        0% {
            transform: translateX(0%)
        }

        100% {
            transform: translateX(-100%)
        }
    }

    .rfm-initial-child-container {
        flex: 0 0 auto;
        display: flex;
        min-width: auto;
        flex-direction: row;
        align-items: center
    }

    .rfm-child {
        transform: var(--transform)
    }

    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-feature-settings: normal;
        font-variation-settings: normal;
        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 {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

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

    button,
    select {
        text-transform: none
    }

    button,
    input:where([type=button]),
    input:where([type=reset]),
    input:where([type=submit]) {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
    }

    :-moz-focusring {
        outline: auto
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    progress {
        vertical-align: baseline
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    summary {
        display: list-item
    }

    blockquote,
    dd,
    dl,
    figure,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    p,
    pre {
        margin: 0
    }

    fieldset {
        margin: 0
    }

    fieldset,
    legend {
        padding: 0
    }

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

    dialog {
        padding: 0
    }

    textarea {
        resize: vertical
    }

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

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

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

    :disabled {
        cursor: default
    }

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

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

    [hidden]:where(:not([hidden=until-found])) {
        display: none
    }

    .\!container {
        width: 100% !important
    }

    .container {
        width: 100%
    }

    @media (min-width: 640px) {
        .\!container {
            max-width: 640px !important
        }

        .container {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .\!container {
            max-width: 768px !important
        }

        .container {
            max-width: 768px
        }
    }

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

        .container {
            max-width: 1024px
        }
    }

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

        .container {
            max-width: 1280px
        }
    }

    @media (min-width: 1536px) {
        .\!container {
            max-width: 1536px !important
        }

        .container {
            max-width: 1536px
        }
    }

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

    .visible {
        visibility: visible
    }

    .fixed {
        position: fixed
    }

    .absolute {
        position: absolute
    }


    .inset-0 {
        inset: 0
    }

    .bottom-0 {
        bottom: 0
    }

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

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

    .bottom-\[12rem\] {
        bottom: 12rem
    }

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

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

    .left-0 {
        left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .left-\[50\%\] {
        left: 50%
    }

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

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

    .right-0 {
        right: 0
    }

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

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

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

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

    .right-\[-6rem\] {
        right: -6rem
    }

    .right-\[12rem\] {
        right: 12rem
    }

    .right-\[20rem\] {
        right: 20rem
    }

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

    .right-\[8rem\] {
        right: 8rem
    }

    .top-0 {
        top: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .z-10 {
        z-index: 10
    }

    .z-30 {
        z-index: 30
    }

    .z-50 {
        z-index: 50
    }

    .z-\[100\] {
        z-index: 100
    }

    .m-auto {
        margin: auto
    }

    .\!mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .\!mx-\[16rem\] {
        margin-left: 16rem !important;
        margin-right: 16rem !important
    }

    .\!my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

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

    .mx-\[10rem\] {
        margin-left: 10rem;
        margin-right: 10rem
    }

    .mx-\[16rem\] {
        margin-left: 16rem;
        margin-right: 16rem
    }

    .mx-\[20rem\] {
        margin-left: 20rem;
        margin-right: 20rem
    }

    .mx-\[24rem\] {
        margin-left: 24rem;
        margin-right: 24rem
    }

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

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

    .my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .my-\[20rem\] {
        margin-top: 20rem;
        margin-bottom: 20rem
    }

    .\!mb-0,
    .\!mb-\[0\] {
        margin-bottom: 0 !important
    }

    .\!mb-\[10rem\] {
        margin-bottom: 10rem !important
    }

    .\!mr-0 {
        margin-right: 0 !important
    }

    .\!mt-\[6rem\] {
        margin-top: 6rem !important
    }

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

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

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

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

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

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

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

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

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

    .mb-\[12rem\] {
        margin-bottom: 12rem
    }

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

    .mb-\[14rem\] {
        margin-bottom: 14rem
    }

    .mb-\[16rem\] {
        margin-bottom: 16rem
    }

    .mb-\[17rem\] {
        margin-bottom: 17rem
    }

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

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

    .mb-\[20rem\] {
        margin-bottom: 20rem
    }

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

    .mb-\[28rem\] {
        margin-bottom: 28rem
    }

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

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

    .mb-\[34rem\] {
        margin-bottom: 34rem
    }

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

    .mb-\[40rem\] {
        margin-bottom: 40rem
    }

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

    .mb-\[4rem\] {
        margin-bottom: 4rem
    }

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

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

    .mb-\[6rem\] {
        margin-bottom: 6rem
    }

    .mb-\[7rem\] {
        margin-bottom: 7rem
    }

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

    .mb-\[8rem\] {
        margin-bottom: 8rem
    }

    .mb-\[9rem\] {
        margin-bottom: 9rem
    }

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

    .ml-\[-12rem\] {
        margin-left: -12rem
    }

    .ml-\[100px\] {
        margin-left: 100px
    }

    .ml-\[10px\] {
        margin-left: 10px
    }

    .ml-\[30px\] {
        margin-left: 30px
    }

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

    .mr-3 {
        margin-right: .75rem
    }

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

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

    .mr-\[12rem\] {
        margin-right: 12rem
    }

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

    .mr-\[8rem\] {
        margin-right: 8rem
    }

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

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

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

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

    .mt-\[-20rem\] {
        margin-top: -20rem
    }

    .mt-\[12rem\] {
        margin-top: 12rem
    }

    .mt-\[16rem\] {
        margin-top: 16rem
    }

    .mt-\[20rem\] {
        margin-top: 20rem
    }

    .mt-\[23rem\] {
        margin-top: 23rem
    }

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

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

    .mt-\[32rem\] {
        margin-top: 32rem
    }

    .mt-\[4rem\] {
        margin-top: 4rem
    }

    .mt-\[8rem\] {
        margin-top: 8rem
    }

    .\!line-clamp-1 {
        -webkit-line-clamp: 1 !important
    }

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

    .\!line-clamp-2 {
        -webkit-line-clamp: 2 !important
    }

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

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

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

    .line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

    .block {
        display: block
    }

    .inline {
        display: inline
    }

    .flex {
        display: flex
    }

    .hidden {
        display: none
    }

    .aspect-\[327\/136\] {
        aspect-ratio: 327/136
    }

    .aspect-\[376\/188\] {
        aspect-ratio: 376/188
    }

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

    .\!h-\[124px\] {
        height: 124px !important
    }

    .\!h-\[136rem\] {
        height: 136rem !important
    }

    .\!h-\[164rem\] {
        height: 164rem !important
    }

    .\!h-\[23rem\] {
        height: 23rem !important
    }

    .\!h-\[24rem\] {
        height: 24rem !important
    }

    .\!h-\[304rem\] {
        height: 304rem !important
    }

    .\!h-\[32px\] {
        height: 32px !important
    }

    .\!h-\[32rem\] {
        height: 32rem !important
    }

    .\!h-\[36rem\] {
        height: 36rem !important
    }

    .\!h-\[40px\] {
        height: 40px !important
    }

    .\!h-\[40rem\] {
        height: 40rem !important
    }

    .\!h-\[48px\] {
        height: 48px !important
    }

    .\!h-\[56px\] {
        height: 56px !important
    }

    .\!h-\[92rem\] {
        height: 92rem !important
    }

    .\!h-auto {
        height: auto !important
    }

    .h-4 {
        height: 1rem
    }

    .h-6 {
        height: 1.5rem
    }

    .h-\[0\.5px\] {
        height: .5px
    }

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

    .h-\[120rem\] {
        height: 120rem
    }

    .h-\[12rem\] {
        height: 12rem
    }

    .h-\[136rem\] {
        height: 136rem
    }

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

    .h-\[144rem\] {
        height: 144rem
    }

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

    .h-\[152rem\] {
        height: 152rem
    }

    .h-\[16rem\] {
        height: 16rem
    }

    .h-\[170rem\] {
        height: 170rem
    }

    .h-\[172rem\] {
        height: 172rem
    }

    .h-\[176rem\] {
        height: 176rem
    }

    .h-\[180rem\] {
        height: 180rem
    }

    .h-\[198rem\] {
        height: 198rem
    }

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

    .h-\[20rem\] {
        height: 20rem
    }

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

    .h-\[216rem\] {
        height: 216rem
    }

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

    .h-\[220rem\] {
        height: 220rem
    }

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

    .h-\[240rem\] {
        height: 240rem
    }

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

    .h-\[24rem\] {
        height: 24rem
    }

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

    .h-\[28\.33rem\] {
        height: 28.33rem
    }

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

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

    .h-\[28rem\] {
        height: 28rem
    }

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

    .h-\[30rem\] {
        height: 30rem
    }

    .h-\[320rem\] {
        height: 320rem
    }

    .h-\[326rem\] {
        height: 326rem
    }

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

    .h-\[32rem\] {
        height: 32rem
    }

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

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

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

    .h-\[36rem\] {
        height: 36rem
    }

    .h-\[3rem\] {
        height: 3rem
    }

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

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

    .h-\[40rem\] {
        height: 40rem
    }

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

    .h-\[478rem\] {
        height: 478rem
    }

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

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

    .h-\[48rem\] {
        height: 48rem
    }

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

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

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

    .h-\[52rem\] {
        height: 52rem
    }

    .h-\[550rem\] {
        height: 550rem
    }

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

    .h-\[56rem\] {
        height: 56rem
    }

    .h-\[5rem\] {
        height: 5rem
    }

    .h-\[60rem\] {
        height: 60rem
    }

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

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

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

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

    .h-\[6rem\] {
        height: 6rem
    }

    .h-\[72rem\] {
        height: 72rem
    }

    .h-\[83rem\] {
        height: 83rem
    }

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

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .max-h-\[185rem\] {
        max-height: 185rem
    }

    .min-h-\[168rem\] {
        min-height: 168rem
    }

    .min-h-\[60vh\] {
        min-height: 60vh
    }

    .\!w-\[100rem\] {
        width: 100rem !important
    }

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

    .\!w-\[35rem\] {
        width: 35rem !important
    }

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

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

    .w-4 {
        width: 1rem
    }

    .w-6 {
        width: 1.5rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[83\.5\%\] {
        width: 83.5%
    }

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

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

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

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

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

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

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

    .w-\[calc\(50vw-16rem\)\] {
        width: calc(50vw - 16rem)
    }

    .w-auto {
        width: auto
    }

    .w-full {
        width: 100%
    }

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

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

    .min-w-\[50\%\] {
        min-width: 50%
    }

    .max-w-\[70\%\] {
        max-width: 70%
    }

    .\!flex-1 {
        flex: 1 1 0% !important
    }

    .\!flex-auto {
        flex: 1 1 auto !important
    }

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

    .flex-shrink-0,
    .shrink-0 {
        flex-shrink: 0
    }

    .basis-\[40\%\] {
        flex-basis: 40%
    }

    .basis-\[50\%\] {
        flex-basis: 50%
    }

    .basis-\[calc\(50\%-6rem\)\] {
        flex-basis: calc(50% - 6rem)
    }

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

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

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

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

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

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

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

    .cursor-pointer {
        cursor: pointer
    }

    .\!resize-none {
        resize: none !important
    }

    .resize {
        resize: both
    }

    .flex-row {
        flex-direction: row
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

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

    .items-center {
        align-items: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-center {
        justify-content: center
    }

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

    .gap-1 {
        gap: .25rem
    }

    .gap-2 {
        gap: .5rem
    }

    .gap-3 {
        gap: .75rem
    }

    .gap-5 {
        gap: 1.25rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-x-0 {
        -moz-column-gap: 0;
        column-gap: 0
    }

    .gap-x-1 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
    }

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

    .gap-x-\[12rem\] {
        -moz-column-gap: 12rem;
        column-gap: 12rem
    }

    .gap-x-\[16rem\] {
        -moz-column-gap: 16rem;
        column-gap: 16rem
    }

    .gap-x-\[20rem\] {
        -moz-column-gap: 20rem;
        column-gap: 20rem
    }

    .gap-x-\[30px\] {
        -moz-column-gap: 30px;
        column-gap: 30px
    }

    .gap-x-\[36rem\] {
        -moz-column-gap: 36rem;
        column-gap: 36rem
    }

    .gap-x-\[8rem\] {
        -moz-column-gap: 8rem;
        column-gap: 8rem
    }

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

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

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

    .gap-y-\[12rem\] {
        row-gap: 12rem
    }

    .gap-y-\[14rem\] {
        row-gap: 14rem
    }

    .gap-y-\[16px\] {
        row-gap: 16px
    }

    .gap-y-\[16rem\] {
        row-gap: 16rem
    }

    .gap-y-\[1rem\] {
        row-gap: 1rem
    }

    .gap-y-\[20px\] {
        row-gap: 20px
    }

    .gap-y-\[20rem\] {
        row-gap: 20rem
    }

    .gap-y-\[26rem\] {
        row-gap: 26rem
    }

    .gap-y-\[8rem\] {
        row-gap: 8rem
    }

    .overflow-hidden {
        overflow: hidden
    }

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

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

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

    .overflow-ellipsis,
    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .\!rounded-\[24rem\] {
        border-radius: 24rem !important
    }

    .\!rounded-\[32rem\] {
        border-radius: 32rem !important
    }

    .\!rounded-\[40px\] {
        border-radius: 40px !important
    }

    .\!rounded-\[40rem\] {
        border-radius: 40rem !important
    }

    .rounded-\[10px\] {
        border-radius: 10px
    }

    .rounded-\[10rem\] {
        border-radius: 10rem
    }

    .rounded-\[12px\] {
        border-radius: 12px
    }

    .rounded-\[12rem\] {
        border-radius: 12rem
    }

    .rounded-\[16px\] {
        border-radius: 16px
    }

    .rounded-\[16rem\] {
        border-radius: 16rem
    }

    .rounded-\[18rem\] {
        border-radius: 18rem
    }

    .rounded-\[21rem\] {
        border-radius: 21rem
    }

    .rounded-\[24px\] {
        border-radius: 24px
    }

    .rounded-\[24rem\] {
        border-radius: 24rem
    }

    .rounded-\[28px\] {
        border-radius: 28px
    }

    .rounded-\[28rem\] {
        border-radius: 28rem
    }

    .rounded-\[40px\] {
        border-radius: 40px
    }

    .rounded-\[4px\] {
        border-radius: 4px
    }

    .rounded-\[4rem\] {
        border-radius: 4rem
    }

    .rounded-\[5rem\] {
        border-radius: 5rem
    }

    .rounded-\[6rem\] {
        border-radius: 6rem
    }

    .rounded-\[8px\] {
        border-radius: 8px
    }

    .rounded-\[8rem\] {
        border-radius: 8rem
    }

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

    .rounded-bl-\[12rem\] {
        border-bottom-left-radius: 12rem
    }

    .rounded-bl-\[16px\] {
        border-bottom-left-radius: 16px
    }

    .rounded-tl-\[12rem\] {
        border-top-left-radius: 12rem
    }

    .rounded-tr-\[12rem\] {
        border-top-right-radius: 12rem
    }

    .rounded-tr-\[16px\] {
        border-top-right-radius: 16px
    }

    .border-\[0\.5rem\] {
        border-width: .5rem
    }

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

    .border-b-\[0\.5px\] {
        border-bottom-width: .5px
    }

    .border-b-\[0\.5rem\] {
        border-bottom-width: .5rem
    }

    .border-b-\[1px\] {
        border-bottom-width: 1px
    }

    .border-b-\[1rem\] {
        border-bottom-width: 1rem
    }

    .border-l-\[1rem\] {
        border-left-width: 1rem
    }

    .border-r-\[1rem\] {
        border-right-width: 1rem
    }

    .border-t-\[0\.5px\] {
        border-top-width: .5px
    }

    .border-t-\[0\.5rem\] {
        border-top-width: .5rem
    }

    .border-t-\[1rem\] {
        border-top-width: 1rem
    }

    .border-dashed {
        border-style: dashed
    }

    .\!border-none {
        border-style: none !important
    }

    .border-none {
        border-style: none
    }

    .\!border-\[\#1A2233\] {
        --tw-border-opacity: 1 !important;
        border-color: rgb(26 34 51/var(--tw-border-opacity, 1)) !important
    }

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

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

    .border-b-\[\#D8D8D8\] {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(216 216 216/var(--tw-border-opacity, 1))
    }

    .border-b-\[\#ECECEC\] {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(236 236 236/var(--tw-border-opacity, 1))
    }

    .border-b-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
        border-bottom-color: hsla(0, 0%, 100%, .1)
    }

    .border-b-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
        border-bottom-color: hsla(0, 0%, 100%, .3)
    }

    .border-b-white\/10 {
        border-bottom-color: hsla(0, 0%, 100%, .1)
    }

    .border-t-\[\#1A2233\] {
        --tw-border-opacity: 1;
        border-top-color: rgb(26 34 51/var(--tw-border-opacity, 1))
    }

    .border-t-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
        border-top-color: hsla(0, 0%, 100%, .1)
    }

    .border-t-\[rgba\(26\2c 34\2c 51\2c 0\.1\)\] {
        border-top-color: rgba(26, 34, 51, .1)
    }

    .\!bg-\[\#0BC699\] {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(11 198 153/var(--tw-bg-opacity, 1)) !important
    }

    .\!bg-\[\#1577FF\] {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(21 119 255/var(--tw-bg-opacity, 1)) !important
    }

    .\!bg-\[\#771BFE\] {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(119 27 254/var(--tw-bg-opacity, 1)) !important
    }

    .\!bg-\[\#FF6A70\] {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 106 112/var(--tw-bg-opacity, 1)) !important
    }

    .bg-\[\#07CE57\] {
        --tw-bg-opacity: 1;
        background-color: rgb(7 206 87/var(--tw-bg-opacity, 1))
    }

    .bg-\[\#1E6DF8\] {
        --tw-bg-opacity: 1;
        background-color: rgb(30 109 248/var(--tw-bg-opacity, 1))
    }

    .bg-\[\#20222E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(32 34 46/var(--tw-bg-opacity, 1))
    }

    .bg-\[\#A245FF\] {
        --tw-bg-opacity: 1;
        background-color: rgb(162 69 255/var(--tw-bg-opacity, 1))
    }

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

    .bg-\[\#F5F8FD\] {
        --tw-bg-opacity: 1;
        background-color: rgb(245 248 253/var(--tw-bg-opacity, 1))
    }

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

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

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

    .bg-\[rgba\(0\2c 42\2c 255\2c 0\.9\)\] {
        background-color: rgba(0, 42, 255, .9)
    }

    .bg-\[rgba\(26\2c 34\2c 51\2c 0\.1\)\] {
        background-color: rgba(26, 34, 51, .1)
    }

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

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

    .bg-slate-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
    }

    .bg-slate-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
    }

    .bg-transparent {
        background-color: transparent
    }

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

    .bg-\[url\(\/404\.png\)\] {
        background-image: url(/404.png)
    }

    .bg-\[url\(\/about-bg-mobile\.jpg\)\] {
        background-image: url(/about-bg-mobile.jpg)
    }

    .bg-\[url\(\/appointment-bg\.jpg\)\] {
        background-image: url(/appointment-bg.jpg)
    }

    .bg-\[url\(\/arrow-left-big\.png\)\] {
        background-image: url(/arrow-left-big.png)
    }

    .bg-\[url\(\/arrow-right-big\.png\)\] {
        background-image: url(/arrow-right-big.png)
    }

    .bg-\[url\(\/brand-bg-mobile\.jpg\)\] {
        background-image: url(/brand-bg-mobile.jpg)
    }

    .bg-\[url\(\/case-banner-mobile\.jpg\)\] {
        background-image: url(/case-banner-mobile.jpg)
    }

    .bg-\[url\(\/chart\.png\)\] {
        background-image: url(/chart.png)
    }

    .bg-\[url\(\/code\.png\)\] {
        background-image: url(/code.png)
    }

    .bg-\[url\(\/coop-banner-mobile\.jpg\)\] {
        background-image: url(/coop-banner-mobile.jpg)
    }

    .bg-\[url\(\/coop-contact\.jpg\)\] {
        background-image: url(/coop-contact.jpg)
    }

    .bg-\[url\(\/coop-intro-mobile-1\.png\)\] {
        background-image: url(/coop-intro-mobile-1.png)
    }

    .bg-\[url\(\/coop-intro-mobile-2\.png\)\] {
        background-image: url(/coop-intro-mobile-2.png)
    }

    .bg-\[url\(\/coop-intro-mobile-3\.png\)\] {
        background-image: url(/coop-intro-mobile-3.png)
    }

    .bg-\[url\(\/coop-intro-mobile-4\.png\)\] {
        background-image: url(/coop-intro-mobile-4.png)
    }

    .bg-\[url\(\/default-home-banner\.jpg\)\] {
        background-image: url(/default-home-banner.jpg)
    }

   

    .bg-\[url\(\/dev-consult-bg\.jpg\)\] {
        background-image: url(/dev-consult-bg.jpg)
    }

    

    .bg-\[url\(\/dev-team-bg\.jpg\)\] {
        background-image: url(/dev-team-bg.jpg)
    }

    .bg-\[url\(\/fixed-phone\.png\)\] {
        background-image: url(/fixed-phone.png)
    }

    .bg-\[url\(\/fixed-service\.png\)\] {
        background-image: url(/fixed-service.png)
    }

    

    .bg-\[url\(\/history-dot-active\.png\)\] {
        background-image: url(/history-dot-active.png)
    }

    .bg-\[url\(\/history-dot\.png\)\] {
        background-image: url(/history-dot.png)
    }

    .bg-\[url\(\/intro-dot\.png\)\] {
        background-image: url(/intro-dot.png)
    }

    .bg-\[url\(\/join-bottom-mobile-bg\.jpg\)\] {
        background-image: url(/join-bottom-mobile-bg.jpg)
    }

    .bg-\[url\(\/join-mobile-bg\.jpg\)\] {
        background-image: url(/join-mobile-bg.jpg)
    }

    .bg-\[url\(\/join-pic-bg\.png\)\] {
        background-image: url(/join-pic-bg.png)
    }

    .bg-\[url\(\/line\.png\)\] {
        background-image: url(/line.png)
    }

    .bg-logo {
        background-image: url("../image/logo-white.png")
    }

    .bg-\[url\(\/logo-m\.png\)\] {
        background-image: url(/logo-m.png)
    }


    
    .bg-\[url\(\/nav-user-case\.png\)\] {
        background-image: url(/nav-user-case.png)
    }

    .bg-\[url\(\/seo-banner-mobile\.jpg\)\] {
        background-image: url(/seo-banner-mobile.jpg)
    }

    .bg-\[url\(\/solution-banner-mobile\.jpg\)\] {
        background-image: url(/solution-banner-mobile.jpg)
    }

    .bg-\[url\(\/solution-good-mobile-bg\.png\)\] {
        background-image: url(/solution-good-mobile-bg.png)
    }

    .bg-\[url\(\/top\.png\)\] {
        background-image: url(/top.png)
    }

    .bg-\[url\(\/weixin\.png\)\] {
        background-image: url(/weixin.png)
    }

    .bg-\[url\(\/whatsapp\.png\)\] {
        background-image: url(/whatsapp.png)
    }

    .\!bg-\[length\:auto_60\%\] {
        background-size: auto 60% !important
    }

    .bg-\[length\:180px_180px\] {
        background-size: 180px 180px
    }

    .bg-\[length\:230px_230px\] {
        background-size: 230px 230px
    }

    .bg-\[length\:410rem_410rem\] {
        background-size: 410rem 410rem
    }

    .bg-\[length\:auto_100\%\] {
        background-size: auto 100%
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .\!bg-\[left_center\] {
        background-position: 0 !important
    }

    .bg-\[center_top_50rem\] {
        background-position: center top 50rem
    }

    .bg-bottom {
        background-position: bottom
    }

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

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

    .\!bg-repeat-x {
        background-repeat: repeat-x !important
    }

    .\!p-0 {
        padding: 0 !important
    }

    .p-0 {
        padding: 0
    }

    .p-1 {
        padding: .25rem
    }

    .p-2 {
        padding: .5rem
    }

    .p-4 {
        padding: 1rem
    }

    .p-5 {
        padding: 1.25rem
    }

    .p-6 {
        padding: 1.5rem
    }

    .p-\[12rem\] {
        padding: 12rem
    }

    .p-\[16rem\] {
        padding: 16rem
    }

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

    .p-\[4rem\] {
        padding: 4rem
    }

    .\!py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .py-\[106rem\] {
        padding-top: 106rem;
        padding-bottom: 106rem
    }

    .py-\[12rem\] {
        padding-top: 12rem;
        padding-bottom: 12rem
    }

    .py-\[16rem\] {
        padding-top: 16rem;
        padding-bottom: 16rem
    }

    .py-\[20rem\] {
        padding-top: 20rem;
        padding-bottom: 20rem
    }

    .py-\[24rem\] {
        padding-top: 24rem;
        padding-bottom: 24rem
    }

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

    .py-\[40rem\] {
        padding-top: 40rem;
        padding-bottom: 40rem
    }

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

    .py-\[60rem\] {
        padding-top: 60rem;
        padding-bottom: 60rem
    }

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

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

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

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

    .pb-\[12rem\] {
        padding-bottom: 12rem
    }

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

    .pb-\[14rem\] {
        padding-bottom: 14rem
    }

    .pb-\[1rem\] {
        padding-bottom: 1rem
    }

    .pb-\[20rem\] {
        padding-bottom: 20rem
    }

    .pb-\[22rem\] {
        padding-bottom: 22rem
    }

    .pb-\[30rem\] {
        padding-bottom: 30rem
    }

    .pb-\[50rem\] {
        padding-bottom: 50rem
    }

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

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

    .pl-3 {
        padding-left: .75rem
    }

    .pl-\[12rem\] {
        padding-left: 12rem
    }

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

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

    .pl-\[24rem\] {
        padding-left: 24rem
    }

    .pl-\[28rem\] {
        padding-left: 28rem
    }

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

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

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

    .pl-\[52rem\] {
        padding-left: 52rem
    }

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

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

    .pl-\[6rem\] {
        padding-left: 6rem
    }

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

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

    .pr-\[27rem\] {
        padding-right: 27rem
    }

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

    .pt-0 {
        padding-top: 0
    }

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }

    .\!text-\[10rem\] {
        font-size: 10rem !important
    }

    .\!text-\[14rem\] {
        font-size: 14rem !important
    }

    .\!text-\[16px\] {
        font-size: 16px !important
    }

    .\!text-\[20px\] {
        font-size: 20px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .\!font-bold {
        font-weight: 700 !important
    }

    .\!font-medium {
        font-weight: 500 !important
    }

    .font-bold {
        font-weight: 700
    }

    .font-medium {
        font-weight: 500
    }

    .font-semibold {
        font-weight: 600
    }

    .leading-4 {
        line-height: 1rem
    }

    .leading-\[10px\] {
        line-height: 10px
    }

    .leading-\[10rem\] {
        line-height: 10rem
    }

    .leading-\[12rem\] {
        line-height: 12rem
    }

    .leading-\[14rem\] {
        line-height: 14rem
    }

    .leading-\[16\.7rem\] {
        line-height: 16.7rem
    }

    .leading-\[16px\] {
        line-height: 16px
    }

    .leading-\[16rem\] {
        line-height: 16rem
    }

    .leading-\[17px\] {
        line-height: 17px
    }

    .leading-\[17rem\] {
        line-height: 17rem
    }

    .leading-\[18px\] {
        line-height: 18px
    }

    .leading-\[18rem\] {
        line-height: 18rem
    }

    .leading-\[19rem\] {
        line-height: 19rem
    }

    .leading-\[20px\] {
        line-height: 20px
    }

    .leading-\[20rem\] {
        line-height: 20rem
    }

    .leading-\[22px\] {
        line-height: 22px
    }

    .leading-\[22rem\] {
        line-height: 22rem
    }

    .leading-\[24px\] {
        line-height: 24px
    }

    .leading-\[24rem\] {
        line-height: 24rem
    }

    .leading-\[28px\] {
        line-height: 28px
    }

    .leading-\[28rem\] {
        line-height: 28rem
    }

    .leading-\[32px\] {
        line-height: 32px
    }

    .leading-\[32rem\] {
        line-height: 32rem
    }

    .leading-\[34px\] {
        line-height: 34px
    }

    .leading-\[34rem\] {
        line-height: 34rem
    }

    .leading-\[38px\] {
        line-height: 38px
    }

    .leading-\[39rem\] {
        line-height: 39rem
    }

    .leading-\[40px\] {
        line-height: 40px
    }

    .leading-\[40rem\] {
        line-height: 40rem
    }

    .leading-\[45px\] {
        line-height: 45px
    }

    .leading-\[45rem\] {
        line-height: 45rem
    }

    .leading-\[48px\] {
        line-height: 48px
    }

    .leading-\[48rem\] {
        line-height: 48rem
    }

    .leading-\[50rem\] {
        line-height: 50rem
    }

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

    .\!text-\[rgba\(26\2c 34\2c 51\2c 0\.6\)\] {
        color: rgba(26, 34, 51, .6) !important
    }

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

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

    .text-\[\#030229\] {
        --tw-text-opacity: 1;
        color: rgb(3 2 41/var(--tw-text-opacity, 1))
    }

    .text-\[\#0A0B0D\] {
        --tw-text-opacity: 1;
        color: rgb(10 11 13/var(--tw-text-opacity, 1))
    }

    .text-\[\#165DFF\] {
        --tw-text-opacity: 1;
        color: rgb(22 93 255/var(--tw-text-opacity, 1))
    }

    .text-\[\#1A2233\] {
        --tw-text-opacity: 1;
        color: rgb(26 34 51/var(--tw-text-opacity, 1))
    }

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

    .text-\[\#758296\] {
        --tw-text-opacity: 1;
        color: rgb(117 130 150/var(--tw-text-opacity, 1))
    }

    .text-\[\#9E9E9E\] {
        --tw-text-opacity: 1;
        color: rgb(158 158 158/var(--tw-text-opacity, 1))
    }

    .text-\[\#AA79F6\] {
        --tw-text-opacity: 1;
        color: rgb(170 121 246/var(--tw-text-opacity, 1))
    }

    .text-\[\#EB2D2D\] {
        --tw-text-opacity: 1;
        color: rgb(235 45 45/var(--tw-text-opacity, 1))
    }

    .text-\[\#FC7C00\] {
        --tw-text-opacity: 1;
        color: rgb(252 124 0/var(--tw-text-opacity, 1))
    }

    .text-\[\#FF6629\] {
        --tw-text-opacity: 1;
        color: rgb(255 102 41/var(--tw-text-opacity, 1))
    }

    .text-\[\#FF8624\] {
        --tw-text-opacity: 1;
        color: rgb(255 134 36/var(--tw-text-opacity, 1))
    }

    .text-\[\#FF8C1D\] {
        --tw-text-opacity: 1;
        color: rgb(255 140 29/var(--tw-text-opacity, 1))
    }

    .text-\[\#FFAC4A\] {
        --tw-text-opacity: 1;
        color: rgb(255 172 74/var(--tw-text-opacity, 1))
    }

    .text-\[\#FFE224\] {
        --tw-text-opacity: 1;
        color: rgb(255 226 36/var(--tw-text-opacity, 1))
    }

    .text-\[\#FFE53F\] {
        --tw-text-opacity: 1;
        color: rgb(255 229 63/var(--tw-text-opacity, 1))
    }

    .text-\[rgba\(158\2c 158\2c 158\2c 0\.7\)\] {
        color: hsla(0, 0%, 62%, .7)
    }

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

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

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

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

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

    .opacity-0 {
        opacity: 0
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-\[0\.06\] {
        opacity: .06
    }

    .shadow-1 {
        --tw-shadow: 0px 8px 20px 0px rgba(194, 203, 223, .3);
        --tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color)
    }

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

    .shadow-2 {
        --tw-shadow: 0px 4px 16px 0px rgba(7, 26, 56, .1);
        --tw-shadow-colored: 0px 4px 16px 0px var(--tw-shadow-color)
    }

    .shadow-3 {
        --tw-shadow: 0px 8px 20px 0px rgba(194, 203, 223, .4);
        --tw-shadow-colored: 0px 8px 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-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

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

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

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

    :root {
        --primary: #165dff;
        --text: #1a2233
    }

    .wow {
        visibility: hidden
    }

    @font-face {
        font-family: puhui55;
        src: url(/fonts/puhui55.ttf) format("truetype")
    }

    @font-face {
        font-family: puhui65;
        src: url(/fonts/puhui65.ttf) format("truetype")
    }

    @font-face {
        font-family: puhui75;
        src: url(/fonts/puhui75.ttf) format("truetype")
    }

    @font-face {
        font-family: puhui85;
        src: url(/fonts/puhui85.ttf) format("truetype")
    }

    html.mobile {
        --design-width: 375;
        font-size: calc(100vw / var(--design-width))
    }

    html.mobile,
    html.mobile body {
        overflow-x: hidden
    }

    body {
        color: var(--text);
        font-family: PingFang SC, Microsoft YaHei, SF Pro SC, HanHei SC, SF Pro Text, Myriad Set Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif !important
    }

    .hide-scrollbar::-webkit-scrollbar {
        display: none
    }

    .text-40 {
        color: hsla(0, 0%, 100%, .4)
    }

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

    .text-60 {
        color: hsla(0, 0%, 100%, .6)
    }

    .text-70 {
        color: hsla(0, 0%, 100%, .7)
    }

    .text-b-60 {
        color: rgba(26, 34, 51, .6)
    }

    .text-b-80 {
        color: rgba(26, 34, 51, .8)
    }

    .text-b-70 {
        color: rgba(26, 34, 51, .7)
    }

    .text-b-90 {
        color: rgba(26, 34, 51, .9)
    }

    .text-b-100 {
        --tw-text-opacity: 1;
        color: rgb(26 34 51/var(--tw-text-opacity, 1))
    }

    .text-primary {
        color: var(--primary)
    }

    .bg-full {
        background-size: 100% 100%
    }

    .bg-full,
    .bg-w-full {
        background-repeat: no-repeat
    }

    .bg-w-full {
        background-size: 100% auto
    }

    .bg-h-full {
        background-size: auto 100%;
        background-repeat: no-repeat
    }



    @media (min-width: 1280px) {
        .footer-item h3:after {
            margin-left: 30px;
            height: 8px
        }
    }

    .footer-item a {
        font-size: 12px;
        color: hsla(0, 0%, 100%, .7)
    }

    .footer-item a:hover {
        color: var(--primary)
    }

    .footer-item ul {
        font-size: 12px;
        color: hsla(0, 0%, 100%, .7)
    }

    .footer-item ul li {
        margin-bottom: .75rem;
        line-height: 17px
    }

    .footer-item .item-li {
        margin-right: 22rem
    }

    @media (min-width: 1280px) {
        .footer-item .item-li {
            margin-right: 30px
        }
    }

    .footer-item .item-li:last-child h3:after {
        display: none
    }

    .footer-coop a {
        color: hsla(0, 0%, 62%, .7)
    }

    .footer-coop a:hover {
        color: var(--primary)
    }


    .home-banner-dots {
        align-items: flex-end !important
    }

    .home-banner-dots .slick-active,
    .home-banner-dots .slick-active button {
        height: 3px !important
    }

    .section-title {
        margin-bottom: 20rem;
        text-align: center;
        font-size: 20rem;
        font-weight: 700;
        line-height: 40rem
    }

    @media (min-width: 1280px) {
        .section-title {
            margin-bottom: 40px;
            font-size: 32px;
            line-height: 40px
        }
    }

    .sub-section-title {
        margin-bottom: 20rem;
        text-align: center;
        font-size: 12rem;
        line-height: 16rem
    }

    @media (min-width: 1280px) {
        .sub-section-title {
            margin-bottom: 1.25rem;
            font-size: 16px;
            line-height: 32px
        }
    }

    .home-about-strong {
        font-weight: 700;
        color: var(--primary)
    }

    .home-solution-btns:after {
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        height: 60px;
        width: 120px
    }

    @media (min-width: 1280px) {
        .home-solution-btns:after {
            display: block
        }
    }

    .home-solution-btns:after {
        content: "";
        border-radius: 32px;
        background: linear-gradient(270deg, #f5f8fd 34%, rgba(245, 248, 253, 0))
    }

    .home-solution-btns.last-active:after {
        display: none
    }

    .home-solution-button.active {
        background-color: var(--primary);
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    .home-solution-pagination {
        position: absolute;
        top: 50%;
        height: 32px;
        width: 32px;
        --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));
        cursor: pointer;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .home-solution-pagination.prev {
        left: -42px;
    }

    .home-solution-pagination.prev:hover {
        /* background-image: url(/arrow-left-circle-active.png) */
    }

    .home-solution-pagination.next {
        right: -42px;
        /* background-image: url(/arrow-right-circle.png) */
    }

    .home-solution-pagination.next:hover {
        /* background-image: url(/arrow-right-circle-active.png) */
    }

    .home-solution-slice {
        position: relative;
        height: 466rem;
        overflow: hidden;
        border-radius: 16rem
    }

    @media (min-width: 1280px) {
        .home-solution-slice {
            height: 440px;
            border-radius: 16px
        }
    }

    .more-case-item {
        box-shadow: 0 4px 30px 0 rgba(211, 223, 242, .8)
    }

    .home-brand-tab-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3rem;
        text-align: center;
        font-size: 18rem
    }

    @media (min-width: 1280px) {
        .home-brand-tab-item {
            gap: 3px;
            font-size: 24px
        }
    }

    .home-brand-tab-item:after,
    .home-brand-tab-item:before {
        content: "";
        height: 16rem;
        width: 16rem;
        background-image: url(/brand-tab-bg.png);
        background-size: auto 100%;
        background-repeat: no-repeat
    }

    @media (min-width: 1280px) {

        .home-brand-tab-item:after,
        .home-brand-tab-item:before {
            height: 24px;
            width: 24px
        }
    }

    .home-brand-tab-item:after {
        background-position: 100%
    }

    .ant-tabs-ink-bar {
        height: 3rem !important;
        border-radius: 9999px
    }

    @media (min-width: 1280px) {
        .ant-tabs-ink-bar {
            height: 4px !important
        }
    }

    .ant-tabs-tab-active .home-brand-tab-item:after,
    .ant-tabs-tab-active .home-brand-tab-item:before {
        background-image: url(/brand-tab-active-bg.png)
    }

    .brand-img img {
        max-width: 177px;
        max-height: 196px
    }

    .home-news-swiper-container {
        box-shadow: 0 4px 30px 0 rgba(211, 223, 242, .8)
    }

    .swiper-container .slick-dots li button {
        background-color: #165dff !important;
        opacity: .3
    }

    .case-slide>div {
        box-shadow: 0 4px 30px 0 rgba(211, 223, 242, .8)
    }

    .desc-text {
        font-size: 14rem;
        line-height: 24rem;
        color: rgba(26, 34, 51, .8)
    }

    @media (min-width: 1280px) {
        .desc-text {
            font-size: 16px;
            line-height: 24px
        }
    }

    .desc-text strong {
        color: var(--primary)
    }

    .history {
        background: linear-gradient(180deg, #3a76ff, #165dff)
    }

    .news-item,
    .pc-history-content {
        box-shadow: 0 8px 20px 0 rgba(194, 203, 223, .4)
    }

    .news-item {
        border-radius: 8rem
    }

    @media (min-width: 1280px) {
        .news-item {
            border-radius: 12px
        }
    }

    .news-item .img {
        border-radius: 8rem
    }

    @media (min-width: 1280px) {
        .news-item .img {
            border-radius: 12px
        }
    }

    .news-item .content {
        padding: 8rem 8rem 12rem
    }

    @media (min-width: 1280px) {
        .news-item .content {
            padding: 20px 10px
        }
    }

    .news-item .title {
        margin-bottom: 8rem;
        font-size: 12rem;
        line-height: 17rem
    }

    @media (min-width: 1280px) {
        .news-item .title {
            margin-bottom: 12px;
            font-size: 18px;
            line-height: 28px
        }
    }

    .news-item .desc {
        font-size: 12rem;
        line-height: 16rem
    }

    @media (min-width: 1280px) {
        .news-item .desc {
            font-size: 14px;
            line-height: 28px
        }
    }

    .news-item.big {
        border-radius: 12rem
    }

    @media (min-width: 1280px) {
        .news-item.big {
            display: flex;
            gap: 30px;
            border-radius: 16px;
            padding: 20px 16px
        }
    }

    .news-item.big .img {
        border-radius: 12rem
    }

    @media (min-width: 1280px) {
        .news-item.big .img {
            width: 560px;
            border-radius: 16px
        }
    }

    .news-item.big .content {
        padding: 12rem 12rem 20rem
    }

    @media (min-width: 1280px) {
        .news-item.big .content {
            padding: 0 18px 0 0
        }
    }

    .news-item.big .title {
        margin-bottom: 12rem;
        font-size: 16rem;
        line-height: 24rem
    }

    @media (min-width: 1280px) {
        .news-item.big .title {
            margin-bottom: 16px;
            word-break: break-all;
            font-size: 26px;
            line-height: 40px
        }
    }

    .news-item.big .desc {
        margin-bottom: 16rem;
        font-size: 12rem;
        line-height: 16rem
    }

    @media (min-width: 1280px) {
        .news-item.big .desc {
            margin-bottom: 0;
            font-size: 16px;
            line-height: 24px
        }
    }

    .news-item.big .date {
        font-size: 12rem;
        line-height: 16rem
    }

    @media (min-width: 1280px) {
        .news-item.big .date {
            position: absolute;
            left: 0;
            bottom: 0;
            font-size: 16px;
            line-height: 24px
        }
    }

    .news-item.big .btn {
        bottom: 16rem;
        right: 12rem
    }

    @media (min-width: 1280px) {
        .news-item.big .btn {
            right: 18px;
            bottom: 0
        }
    }

    .join-pic-item {
        transition: all .3s ease
    }

    .join-pic-item:hover {
        transform-origin: bottom;
        transform: scale(1.3333)
    }

    .coop-item {
        box-shadow: 0 8.61px 21.51px 0 rgba(194, 203, 223, .4);
        border-radius: 12rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    @media (min-width: 1280px) {
        .coop-item {
            flex: 1 1 0%;
            flex-basis: 40%;
            border-radius: 16px
        }
    }

    .coop-item .pic {
        display: flex;
        height: 110rem;
        align-items: center;
        padding-left: 20rem;
        padding-right: 20rem;
        font-size: 20rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1));
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    @media (min-width: 1280px) {
        .coop-item .pic {
            height: 180px;
            padding-left: 40px;
            padding-right: 40px;
            font-size: 32px
        }
    }

    .coop-item .desc {
        padding: 16rem 13rem 16rem 16rem;
        font-size: 12rem;
        line-height: 22rem;
        color: rgba(26, 34, 51, .8)
    }

    @media (min-width: 1280px) {
        .coop-item .desc {
            padding: 30px 24px;
            font-size: 18px;
            line-height: 36px
        }
    }

    .coop-contact .item {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8rem;
        font-size: 16rem;
        line-height: 24rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    @media (min-width: 1280px) {
        .coop-contact .item {
            justify-content: flex-start;
            gap: 16px;
            font-size: 20px;
            line-height: 24px
        }
    }

    .challenge-list {
        display: flex;
        flex-direction: column;
        gap: 12rem
    }

    @media (min-width: 1280px) {
        .challenge-list {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 40px
        }
    }

    .challenge-list .challenge-item {
        box-shadow: 0 5.76px 14.41px 0 rgba(194, 203, 223, .6);
        display: flex;
        gap: 24rem;
        border-radius: 12rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
        padding: 20rem 24rem
    }

    @media (min-width: 1280px) {
        .challenge-list .challenge-item {
            flex: 1 1 0%;
            flex-basis: 40%;
            align-items: center;
            gap: 40px;
            border-radius: 16px;
            padding: 28px 40px 28px 60px
        }
    }

    .challenge-list .challenge-item .content h3 {
        margin-bottom: 12rem;
        font-size: 16rem;
        font-weight: 600;
        line-height: 18rem
    }

    @media (min-width: 1280px) {
        .challenge-list .challenge-item .content h3 {
            margin-bottom: 12px;
            font-size: 24px;
            line-height: 32px
        }
    }

    .challenge-list .challenge-item .content p {
        font-size: 10rem;
        line-height: 16rem;
        color: rgba(26, 34, 51, .8)
    }

    @media (min-width: 1280px) {
        .challenge-list .challenge-item .content p {
            font-size: 16px;
            line-height: 32px
        }
    }

    .challenge-list .challenge-item .icon {
        display: flex;
        height: 48rem;
        width: 48rem;
        flex-shrink: 0;
        align-items: center;
        justify-content: center
    }

    @media (min-width: 1280px) {
        .challenge-list .challenge-item .icon {
            height: 48px;
            width: 48px
        }
    }

    .challenge-list .challenge-item .icon img {
        height: 100%;
        width: 100%
    }

    .my-solution-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8rem
    }

    @media (min-width: 1280px) {
        .my-solution-list {
            gap: 20px
        }
    }

    .my-solution-list .item {
        box-shadow: 0 8px 20px 0 rgba(194, 203, 223, .3);
        height: 168rem;
        flex: 1 1 0%;
        flex-basis: 40%;
        border-radius: 12rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
        padding: 24rem 12rem 12rem
    }

    @media (min-width: 1280px) {
        .my-solution-list .item {
            height: 192px;
            flex-basis: 20%;
            border-radius: 16px;
            padding: 30px 20px 20px
        }
    }

    .my-solution-list .icon {
        margin-bottom: 16rem;
        height: 32rem;
        width: 32rem
    }

    @media (min-width: 1280px) {
        .my-solution-list .icon {
            margin-bottom: 12px;
            height: 32px;
            width: 32px
        }
    }

    .my-solution-list h3 {
        margin-bottom: 8rem;
        font-size: 16rem;
        font-weight: 600;
        line-height: 18rem
    }

    @media (min-width: 1280px) {
        .my-solution-list h3 {
            margin-bottom: 8px;
            font-size: 20px;
            line-height: 32px
        }
    }

    .my-solution-list .content p {
        font-size: 10rem;
        line-height: 16rem;
        color: rgba(26, 34, 51, .8)
    }

    @media (min-width: 1280px) {
        .my-solution-list .content p {
            font-size: 16px;
            line-height: 24px
        }
    }

    .solution-intro-list .item {
        padding-top: 34rem;
        padding-bottom: 30rem
    }

    .solution-intro-list .item:nth-child(2n) {
        --tw-bg-opacity: 1;
        background-color: rgb(240 246 255/var(--tw-bg-opacity, 1))
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item {
            padding-top: 30px;
            padding-bottom: 30px
        }
    }

    .solution-intro-list .item .img {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .img {
            aspect-ratio: 1;
            width: 580px
        }
    }

    .solution-intro-list .item .img img {
        height: 100%
    }

    .solution-intro-list .item .content {
        padding-left: 24rem;
        padding-right: 24rem
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .content {
            width: 490px;
            padding-left: 0;
            padding-right: 0
        }
    }

    .solution-intro-list .item .content .title {
        margin-bottom: 8rem;
        font-size: 16rem;
        font-weight: 500;
        line-height: 24rem
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .content .title {
            margin-bottom: 16px;
            font-size: 32px;
            line-height: 40px
        }
    }

    .solution-intro-list .item .content .desc {
        margin-bottom: 16rem;
        font-size: 12rem;
        line-height: 17rem;
        opacity: .8
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .content .desc {
            margin-bottom: 30px;
            font-size: 16px;
            line-height: 24px
        }
    }

    .solution-intro-list .item .content ul {
        margin-bottom: 20rem
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .content ul {
            margin-bottom: 0
        }
    }

    .solution-intro-list .item .content ul li {
        position: relative;
        margin-bottom: 12rem;
        padding-left: 20rem
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .content ul li {
            margin-bottom: 20px;
            padding-left: 36px
        }
    }

    .solution-intro-list .item .content ul li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 2rem;
        height: 16rem;
        width: 16rem;
        background-image: url(/solution-dot.png);
        background-size: contain
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .content ul li:before {
            top: 2px;
            height: 24px;
            width: 24px
        }
    }

    .solution-intro-list .item .content ul h3 {
        margin-bottom: 6rem;
        font-size: 14rem;
        font-weight: 500;
        line-height: 20rem
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .content ul h3 {
            margin-bottom: 8px;
            font-size: 20px;
            line-height: 28px
        }
    }

    .solution-intro-list .item .content ul p {
        font-size: 12rem;
        line-height: 16rem;
        opacity: .8
    }

    @media (min-width: 1280px) {
        .solution-intro-list .item .content ul p {
            font-size: 16px;
            line-height: 24px
        }

        .solution-intro-list .item:nth-child(odd) .inner {
            flex-direction: row-reverse
        }

        .solution-intro-list .inner {
            margin-left: auto;
            margin-right: auto;
            display: flex;
            width: 1200px;
            align-items: center;
            justify-content: space-between
        }
    }

    .solution-btn-arrow {
        position: relative;
        height: 24rem;
        width: 24rem
    }

    @media (min-width: 1280px) {
        .solution-btn-arrow {
            height: 40px;
            width: 40px
        }
    }

    .solution-btn-arrow span {
        position: absolute;
        inset: 0;
        opacity: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        animation: show 1.5s linear infinite
    }

    .solution-btn-arrow span:first-child {
        background-image: url(/solution-btn-1.png)
    }

    .solution-btn-arrow span:nth-child(2) {
        background-image: url(/solution-btn-2.png);
        animation-delay: .5s
    }

    .solution-btn-arrow span:nth-child(3) {
        background-image: url(/solution-btn-3.png);
        animation-delay: 1s
    }

    @keyframes show {
        0% {
            opacity: 0
        }

        33% {
            opacity: 1
        }
    }

    .solution-case-item {
        padding-top: 30rem;
        padding-bottom: 30rem
    }

    @media (min-width: 1280px) {
        .solution-case-item {
            padding-top: 60px;
            padding-bottom: 60px
        }
    }

    .solution-case-item .inner {
        box-shadow: 0 5.76px 14.41px 0 rgba(194, 203, 223, .6);
        height: 244rem;
        width: 268rem;
        border-radius: 12rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
        padding-left: 14rem;
        padding-right: 14rem
    }

    @media (min-width: 1280px) {
        .solution-case-item .inner {
            margin-left: 20px;
            margin-right: 20px;
            height: 340px;
            width: 372px;
            border-radius: 16px;
            padding-left: 20px;
            padding-right: 20px
        }
    }

    .solution-case-item .img {
        border-bottom-width: .5rem;
        border-bottom-color: rgba(26, 34, 51, .1)
    }

    @media (min-width: 1280px) {
        .solution-case-item .img {
            border-bottom-width: 1px
        }
    }

    .solution-case-item .img .img-inner {
        margin-left: auto;
        margin-right: auto;
        height: 114rem
    }

    @media (min-width: 1280px) {
        .solution-case-item .img .img-inner {
            height: 160px
        }
    }

    .solution-case-item .content {
        padding-top: 14rem
    }

    @media (min-width: 1280px) {
        .solution-case-item .content {
            padding-top: 20px
        }
    }

    .solution-case-item .content h3 {
        margin-bottom: 5rem;
        font-size: 14rem;
        font-weight: 600;
        line-height: 23rem
    }

    @media (min-width: 1280px) {
        .solution-case-item .content h3 {
            margin-bottom: 8px;
            font-size: 20px;
            line-height: 32px
        }
    }

    .solution-case-item .content .desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 10rem;
        opacity: .6
    }

    @media (min-width: 1280px) {
        .solution-case-item .content .desc {
            font-size: 14px
        }
    }

    .solution-case-item .content .more {
        margin-top: 30rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    @media (min-width: 1280px) {
        .solution-case-item .content .more {
            margin-top: 30px
        }
    }

    .solution-case-item .content .tag {
        display: flex;
        height: 17rem;
        align-items: center;
        border-top-right-radius: 8rem;
        border-bottom-left-radius: 8rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 134 36/var(--tw-bg-opacity, 1));
        padding-left: 6rem;
        padding-right: 6rem;
        font-size: 8rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    @media (min-width: 1280px) {
        .solution-case-item .content .tag {
            height: 24px;
            border-top-right-radius: 12px;
            border-bottom-left-radius: 12px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12px
        }
    }

    .solution-case-item .content .details {
        display: flex;
        align-items: center;
        gap: 2rem;
        font-size: 10rem
    }

    @media (min-width: 1280px) {
        .solution-case-item .content .details {
            gap: 4px;
            font-size: 14px
        }
    }

    .solution-case-pagination {
        position: absolute;
        top: 50%;
        display: none;
        height: 48px;
        width: 48px;
        --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));
        cursor: pointer;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    @media (min-width: 1280px) {
        .solution-case-pagination {
            display: block
        }
    }

    .solution-case-pagination.prev {
        left: -68px;
    }


    .solution-case-pagination.next {
        right: -68px;
    }

    .solution-case-pagination.next:hover {
    }

    .solution-advantage-list {
        display: flex;
        flex-direction: column;
        row-gap: 20rem
    }

    @media (min-width: 1280px) {
        .solution-advantage-list {
            display: block
        }
    }

    .solution-advantage-list .item {
        display: flex;
        align-items: center;
        gap: 5rem;
        border-radius: 27rem;
        --tw-bg-opacity: 1;
        background-color: rgb(22 93 255/var(--tw-bg-opacity, 1));
        padding: 1rem
    }

    @media (min-width: 1280px) {
        .solution-advantage-list .item {
            position: absolute;
            top: 50%;
            gap: 8px;
            border-radius: 40px;
            padding: 1px
        }
    }

    .solution-advantage-list .item:nth-child(odd) {
        margin-left: 30rem;
        margin-right: 16rem;
        flex-direction: row-reverse
    }

    @media (min-width: 1280px) {
        .solution-advantage-list .item:nth-child(odd) {
            left: 0;
            margin: 0
        }
    }

    .solution-advantage-list .item:nth-child(odd) .icon {
        margin-right: 10rem
    }

    @media (min-width: 1280px) {
        .solution-advantage-list .item:nth-child(odd) .icon {
            margin-right: 16px
        }
    }

    .solution-advantage-list .item:nth-child(2n) {
        margin-right: 30rem;
        margin-left: 16rem
    }

    @media (min-width: 1280px) {
        .solution-advantage-list .item:nth-child(2n) {
            right: 0;
            margin: 0
        }
    }

    .solution-advantage-list .item:nth-child(2n) .icon {
        margin-left: 10rem
    }

    @media (min-width: 1280px) {
        .solution-advantage-list .item:nth-child(2n) .icon {
            margin-left: 16px
        }

        .solution-advantage-list .item:first-child,
        .solution-advantage-list .item:nth-child(2) {
            margin-top: -118px
        }

        .solution-advantage-list .item:nth-child(3),
        .solution-advantage-list .item:nth-child(4) {
            margin-top: 66px
        }
    }

    .solution-advantage-list .content {
        display: flex;
        height: 32rem;
        flex: 1 1 0%;
        align-items: center;
        justify-content: center;
        border-radius: 27rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
        font-size: 13rem;
        font-weight: 700
    }

    @media (min-width: 1280px) {
        .solution-advantage-list .content {
            height: 50px;
            width: 430px;
            border-radius: 40px;
            font-size: 20px
        }
    }

    .solution-advantage-list .icon {
        height: 16rem;
        width: 16rem;
        flex-shrink: 0
    }

    @media (min-width: 1280px) {
        .solution-advantage-list .icon {
            height: 20px;
            width: 20px
        }
    }

    .advantage-xl-btn {
        background: linear-gradient(180deg, #169eff, #165dff)
    }

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

    .case-banner .title {
        margin-bottom: 12rem;
        text-align: center;
        font-size: 24rem;
        font-weight: 700;
        line-height: 34rem
    }

    @media (min-width: 1280px) {
        .case-banner .title {
            margin-bottom: 60px;
            display: flex;
            font-size: 48px;
            line-height: 67px
        }
    }

    .case-banner .title .num {
        background-image: linear-gradient(0deg, #ff6f2d, #ffc628 58%);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text
    }

    .case-banner .desc {
        margin-bottom: 30rem;
        text-align: center;
        font-size: 16rem;
        line-height: 28rem
    }

    @media (min-width: 1280px) {
        .case-banner .desc {
            margin-bottom: 20px;
            display: flex;
            font-size: 24px;
            line-height: 34px
        }
    }

    .btn-white-big {
        height: 36rem !important;
        width: 168rem;
        border-radius: 32rem !important;
        color: var(--primary) !important
    }

    @media (min-width: 1280px) {
        .btn-white-big {
            height: 48px !important;
            width: 264px;
            border-radius: 40px !important
        }
    }

    .case-list .solution-case-item {
        position: relative;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .case-list .solution-case-item:hover {
        --tw-scale-x: 1.1176;
        --tw-scale-y: 1.1176;
        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))
    }

    .case-list .solution-case-item:hover .pop-details {
        opacity: 1
    }

    .case-list .pop-details {
        position: absolute;
        inset: 0;
        z-index: 10;
        overflow: hidden;
        border-radius: 16px;
        background-color: var(--primary);
        padding: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1));
        opacity: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .case-list .pop-details:after {
        content: "";
        background: linear-gradient(180deg, rgba(22, 93, 255, 0), rgba(22, 93, 255, .8) 20%, #165dff);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        height: 64px
    }

    .hover-move-up {
        transition: all .3s ease
    }

    .hover-move-up:hover {
        transform: translateY(-20px);
        --tw-shadow: 0px 8px 20px 0px rgba(194, 203, 223, .3);
        --tw-shadow-colored: 0px 8px 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)
    }

    .hover-move-up-small {
        transition: all .3s ease
    }

    .hover-move-up-small:hover {
        transform: translateY(-10px);
        --tw-shadow: 0px 8px 20px 0px rgba(194, 203, 223, .3);
        --tw-shadow-colored: 0px 8px 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)
    }

    .hover-img-scale img {
        transition: all .3s ease
    }

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

    .hover-scale {
        outline-style: solid;
        outline-width: 1px;
        outline-color: transparent;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .3s
    }

    .hover-scale:hover {
        outline-color: var(--primary);
        transform: scale(1.1)
    }

    .hover-scale-no-outline {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .3s
    }

    .hover-scale-no-outline:hover {
        transform: scale(1.1)
    }

    .animate__fadeInRightSmall {
        animation-name: fadeInRightSmall
    }

    .animate__fadeOutLeftSmall {
        animation-name: fadeOutLeftSmall;
        animation-duration: .3s
    }

    @keyframes fadeInRightSmall {
        0% {
            transform: translate3d(20px, 0, 0);
            opacity: 0
        }

        to {
            transform: translateZ(0);
            opacity: 1
        }
    }

    @keyframes fadeOutLeftSmall {
        0% {
            transform: translateZ(0);
            opacity: 1
        }

        to {
            transform: translate3d(-10px, 0, 0);
            opacity: 0
        }
    }

    .outline-primary {
        outline-style: solid;
        outline-width: 1px;
        outline-color: transparent;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .3s
    }

    .outline-primary:hover {
        outline-color: var(--primary)
    }

    .scrollbar::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .05);
        border-radius: 10px;
        background-color: #f5f5f5
    }

    .scrollbar::-webkit-scrollbar {
        width: 8px;
        background-color: #f5f5f5
    }

    .scrollbar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #ddd
    }

    .after\:hidden:after {
        content: var(--tw-content);
        display: none
    }

    .hover\:\!scale-\[1\.05\]:hover {
        --tw-scale-x: 1.05 !important;
        --tw-scale-y: 1.05 !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

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

    .hover\:cursor-pointer:hover {
        cursor: pointer
    }

    .hover\:bg-\[\#407fff\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(64 127 255/var(--tw-bg-opacity, 1))
    }

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

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

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

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

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

    .hover\:opacity-100:hover {
        opacity: 1
    }

    .hover\:shadow-none:hover {
        --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)
    }

    .group\/inner:hover .group-hover\/inner\:right-0 {
        right: 0
    }

    .group:hover .group-hover\:translate-x-\[5px\] {
        --tw-translate-x: 5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/fixed-phone-white\.png\)\] {
        background-image: url(/fixed-phone-white.png)
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/fixed-service-white\.png\)\] {
        background-image: url(/fixed-service-white.png)
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/line-white\.png\)\] {
        background-image: url(/line-white.png)
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/top-white\.png\)\] {
        background-image: url(/top-white.png)
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/weixin-white\.png\)\] {
        background-image: url(/weixin-white.png)
    }

    .group\/item:hover .group-hover\/item\:bg-\[url\(\/whatsapp-white\.png\)\] {
        background-image: url(/whatsapp-white.png)
    }

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

    .group:hover .group-hover\:opacity-100 {
        opacity: 1
    }

    .group.dark .group-\[\.dark\]\:bg-white\/30 {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .group.dark .group-\[\.dark\]\:bg-\[url\(\/fixed-phone-white\.png\)\] {
        background-image: url(/fixed-phone-white.png)
    }

    .group.dark .group-\[\.dark\]\:bg-\[url\(\/fixed-service-white\.png\)\] {
        background-image: url(/fixed-service-white.png)
    }

    .group.dark .group-\[\.dark\]\:bg-\[url\(\/line-white\.png\)\] {
        background-image: url(/line-white.png)
    }

    .group.dark .group-\[\.dark\]\:bg-\[url\(\/top-white\.png\)\] {
        background-image: url(/top-white.png)
    }

    .group.dark .group-\[\.dark\]\:bg-\[url\(\/weixin-white\.png\)\] {
        background-image: url(/weixin-white.png)
    }

    .group.dark .group-\[\.dark\]\:bg-\[url\(\/whatsapp-white\.png\)\] {
        background-image: url(/whatsapp-white.png)
    }

    .group.dark .group-\[\.dark\]\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    .group.dark .group-\[\.dark\]\:hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .group.dark .group-\[\.dark\]\:hover\:text-\[var\(--primary\)\]: hover {
        color: var(--primary)
    }

    .group.dark .group\/item:hover .group-\[\.dark\]\:group-hover\/item\:bg-\[url\(\/fixed-phone-blue\.png\)\] {
        background-image: url(/fixed-phone-blue.png)
    }

    .group.dark .group\/item:hover .group-\[\.dark\]\:group-hover\/item\:bg-\[url\(\/fixed-service-blue\.png\)\] {
        background-image: url(/fixed-service-blue.png)
    }

    .group.dark .group\/item:hover .group-\[\.dark\]\:group-hover\/item\:bg-\[url\(\/line-blue\.png\)\] {
        background-image: url(/line-blue.png)
    }

    .group.dark .group\/item:hover .group-\[\.dark\]\:group-hover\/item\:bg-\[url\(\/top-blue\.png\)\] {
        background-image: url(/top-blue.png)
    }

    .group.dark .group\/item:hover .group-\[\.dark\]\:group-hover\/item\:bg-\[url\(\/weixin-blue\.png\)\] {
        background-image: url(/weixin-blue.png)
    }

    .group.dark .group\/item:hover .group-\[\.dark\]\:group-hover\/item\:bg-\[url\(\/whatsapp-blue\.png\)\] {
        background-image: url(/whatsapp-blue.png)
    }

    @media not all and (min-width: 1280px) {
        .max-xl\:bottom-\[13rem\] {
            bottom: 13rem
        }

        .max-xl\:mx-\[20rem\] {
            margin-left: 20rem;
            margin-right: 20rem
        }

        .max-xl\:mx-\[24rem\] {
            margin-left: 24rem;
            margin-right: 24rem
        }

        .max-xl\:mx-\[4rem\] {
            margin-left: 4rem;
            margin-right: 4rem
        }

        .max-xl\:my-\[10rem\] {
            margin-top: 10rem;
            margin-bottom: 10rem
        }

        .max-xl\:\!mb-\[12rem\] {
            margin-bottom: 12rem !important
        }

        .max-xl\:\!mb-\[4rem\] {
            margin-bottom: 4rem !important
        }

        .max-xl\:\!mt-0 {
            margin-top: 0 !important
        }

        .max-xl\:mb-\[12rem\] {
            margin-bottom: 12rem
        }

        .max-xl\:mb-\[20rem\] {
            margin-bottom: 20rem
        }

        .max-xl\:mb-\[30rem\] {
            margin-bottom: 30rem
        }

        .max-xl\:mb-\[4rem\] {
            margin-bottom: 4rem
        }

        .max-xl\:mb-\[8rem\] {
            margin-bottom: 8rem
        }

        .max-xl\:mr-\[4rem\] {
            margin-right: 4rem
        }

        .max-xl\:mr-\[5rem\] {
            margin-right: 5rem
        }

        .max-xl\:mt-\[16rem\] {
            margin-top: 16rem
        }

        .max-xl\:line-clamp-1 {
            -webkit-line-clamp: 1
        }

        .max-xl\:line-clamp-1,
        .max-xl\:line-clamp-3 {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical
        }

        .max-xl\:line-clamp-3 {
            -webkit-line-clamp: 3
        }

        .max-xl\:flex {
            display: flex
        }

        .max-xl\:\!h-\[24rem\] {
            height: 24rem !important
        }

        .max-xl\:w-\[164rem\] {
            width: 164rem
        }

        .max-xl\:w-\[33\.33\%\] {
            width: 33.33%
        }

        .max-xl\:w-\[50\%\] {
            width: 50%
        }

        .max-xl\:flex-1 {
            flex: 1 1 0%
        }

        .max-xl\:flex-shrink-0,
        .max-xl\:shrink-0 {
            flex-shrink: 0
        }

        .max-xl\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .max-xl\:flex-wrap {
            flex-wrap: wrap
        }

        .max-xl\:justify-center {
            justify-content: center
        }

        .max-xl\:justify-between {
            justify-content: space-between
        }

        .max-xl\:gap-\[16rem\] {
            gap: 16rem
        }

        .max-xl\:gap-\[54rem\] {
            gap: 54rem
        }

        .max-xl\:gap-\[9rem\] {
            gap: 9rem
        }

        .max-xl\:gap-y-\[12rem\] {
            row-gap: 12rem
        }

        .max-xl\:gap-y-\[20rem\] {
            row-gap: 20rem
        }

        .max-xl\:text-nowrap {
            text-wrap: nowrap
        }

        .max-xl\:\!rounded-\[16rem\] {
            border-radius: 16rem !important
        }

        .max-xl\:\!rounded-\[24rem\] {
            border-radius: 24rem !important
        }

        .max-xl\:\!rounded-\[32rem\] {
            border-radius: 32rem !important
        }

        .max-xl\:\!rounded-bl-\[12rem\] {
            border-bottom-left-radius: 12rem !important
        }

        .max-xl\:\!rounded-tr-\[12rem\] {
            border-top-right-radius: 12rem !important
        }

        .max-xl\:border-\[1rem\] {
            border-width: 1rem
        }

        .max-xl\:border-b-0 {
            border-bottom-width: 0
        }

        .max-xl\:border-b-\[1rem\] {
            border-bottom-width: 1rem
        }

        .max-xl\:border-\[\#FFE224\] {
            --tw-border-opacity: 1;
            border-color: rgb(255 226 36/var(--tw-border-opacity, 1))
        }

        .max-xl\:border-b-\[\#1A2233\/10\] {
            border-bottom-color: #1a2233/10
        }

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

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

        .max-xl\:bg-none {
            background-image: none
        }

        .max-xl\:\!p-\[8rem\] {
            padding: 8rem !important
        }

        .max-xl\:\!px-\[12rem\] {
            padding-left: 12rem !important;
            padding-right: 12rem !important
        }

        .max-xl\:\!px-\[16rem\] {
            padding-left: 16rem !important;
            padding-right: 16rem !important
        }

        .max-xl\:px-\[16rem\] {
            padding-left: 16rem;
            padding-right: 16rem
        }

        .max-xl\:px-\[20rem\] {
            padding-left: 20rem;
            padding-right: 20rem
        }

        .max-xl\:px-\[8rem\] {
            padding-left: 8rem;
            padding-right: 8rem
        }

        .max-xl\:px-\[9rem\] {
            padding-left: 9rem;
            padding-right: 9rem
        }

        .max-xl\:py-\[4rem\] {
            padding-top: 4rem;
            padding-bottom: 4rem
        }

        .max-xl\:\!pt-\[8rem\] {
            padding-top: 8rem !important
        }

        .max-xl\:pb-\[10rem\] {
            padding-bottom: 10rem
        }

        .max-xl\:pb-\[12rem\] {
            padding-bottom: 12rem
        }

        .max-xl\:pb-\[20rem\] {
            padding-bottom: 20rem
        }

        .max-xl\:pb-\[30rem\] {
            padding-bottom: 30rem
        }

        .max-xl\:pb-\[40rem\] {
            padding-bottom: 40rem
        }

        .max-xl\:text-left {
            text-align: left
        }

        .max-xl\:\!text-\[12rem\] {
            font-size: 12rem !important
        }

        .max-xl\:\!text-\[14rem\] {
            font-size: 14rem !important
        }

        .max-xl\:\!text-\[16rem\] {
            font-size: 16rem !important
        }

        .max-xl\:text-\[14rem\] {
            font-size: 14rem
        }

        .max-xl\:\!font-medium {
            font-weight: 500 !important
        }

        .max-xl\:\!leading-\[18rem\] {
            line-height: 18rem !important
        }

        .max-xl\:\!leading-\[20rem\] {
            line-height: 20rem !important
        }

        .max-xl\:\!leading-\[24rem\] {
            line-height: 24rem !important
        }

        .max-xl\:\!leading-\[32rem\] {
            line-height: 32rem !important
        }

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

        .max-xl\:leading-\[24rem\] {
            line-height: 24rem
        }

        .max-xl\:text-\[\#333\] {
            --tw-text-opacity: 1;
            color: rgb(51 51 51/var(--tw-text-opacity, 1))
        }

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

        .max-xl\:opacity-60 {
            opacity: .6
        }
    }

    @media (min-width: 1280px) {
        .xl\:static {
            position: static
        }

        .xl\:absolute {
            position: absolute
        }

        .xl\:relative {
            position: relative
        }

        .xl\:inset-\[3px\] {
            inset: 3px
        }

        .xl\:\!left-\[16px\] {
            left: 16px !important
        }

        .xl\:\!left-\[20px\] {
            left: 20px !important
        }

        .xl\:\!right-\[16px\] {
            right: 16px !important
        }

        .xl\:\!right-\[20px\] {
            right: 20px !important
        }

        .xl\:bottom-\[40px\] {
            bottom: 40px
        }

        .xl\:bottom-\[9px\] {
            bottom: 9px
        }

        .xl\:left-0 {
            left: 0
        }

        .xl\:left-\[-20px\] {
            left: -20px
        }

        .xl\:left-auto {
            left: auto
        }

        .xl\:right-0 {
            right: 0
        }

        .xl\:right-\[-20px\] {
            right: -20px
        }

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

        .xl\:right-\[20px\] {
            right: 20px
        }

        .xl\:right-\[80px\] {
            right: 80px
        }

        .xl\:top-\[28px\] {
            top: 28px
        }

        .xl\:top-\[60px\] {
            top: 60px
        }

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

        .xl\:\!mx-0 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

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

        .xl\:mx-3 {
            margin-left: .75rem;
            margin-right: .75rem
        }

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

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

        .xl\:\!mb-1 {
            margin-bottom: .25rem !important
        }

        .xl\:\!mb-\[12px\] {
            margin-bottom: 12px !important
        }

        .xl\:\!mb-\[40px\] {
            margin-bottom: 40px !important
        }

        .xl\:\!mb-\[60px\] {
            margin-bottom: 60px !important
        }

        .xl\:\!mr-\[30px\] {
            margin-right: 30px !important
        }

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

        .xl\:mb-0 {
            margin-bottom: 0
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .xl\:ml-\[-16px\] {
            margin-left: -16px
        }

        .xl\:ml-\[-19px\] {
            margin-left: -19px
        }

        .xl\:ml-\[24px\] {
            margin-left: 24px
        }

        .xl\:ml-\[57px\] {
            margin-left: 57px
        }

        .xl\:mr-1 {
            margin-right: .25rem
        }

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

        .xl\:mr-3 {
            margin-right: .75rem
        }

        .xl\:mr-5 {
            margin-right: 1.25rem
        }

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

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

        .xl\:mt-0 {
            margin-top: 0
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .xl\:\!line-clamp-1 {
            overflow: hidden !important;
            display: -webkit-box !important;
            -webkit-box-orient: vertical !important;
            -webkit-line-clamp: 1 !important
        }

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

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

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

        .xl\:line-clamp-3 {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3
        }

        .xl\:block {
            display: block
        }

        .xl\:flex {
            display: flex
        }

        .xl\:\!hidden {
            display: none !important
        }

        .xl\:hidden {
            display: none
        }

        .xl\:aspect-\[500\/186\] {
            aspect-ratio: 500/186
        }

        .xl\:\!h-\[120px\] {
            height: 120px !important
        }

        .xl\:\!h-\[160px\] {
            height: 160px !important
        }

        .xl\:\!h-\[164px\] {
            height: 164px !important
        }

        .xl\:\!h-\[292px\] {
            height: 292px !important
        }

        .xl\:\!h-\[320px\] {
            height: 320px !important
        }

        .xl\:\!h-\[40px\] {
            height: 40px !important
        }

        .xl\:\!h-\[44px\] {
            height: 44px !important
        }

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

        .xl\:\!h-\[56px\] {
            height: 56px !important
        }

        .xl\:h-2 {
            height: .5rem
        }

        .xl\:h-\[108px\] {
            height: 108px
        }

        .xl\:h-\[114px\] {
            height: 114px
        }

        .xl\:h-\[120px\] {
            height: 120px
        }

        .xl\:h-\[16px\] {
            height: 16px
        }

        .xl\:h-\[184px\] {
            height: 184px
        }

        .xl\:h-\[196px\] {
            height: 196px
        }

        .xl\:h-\[1px\] {
            height: 1px
        }

        .xl\:h-\[200px\] {
            height: 200px
        }

        .xl\:h-\[20px\] {
            height: 20px
        }

        .xl\:h-\[220px\] {
            height: 220px
        }

        .xl\:h-\[228px\] {
            height: 228px
        }

        .xl\:h-\[240px\] {
            height: 240px
        }

        .xl\:h-\[244px\] {
            height: 244px
        }

        .xl\:h-\[248px\] {
            height: 248px
        }

        .xl\:h-\[252px\] {
            height: 252px
        }

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

        .xl\:h-\[269px\] {
            height: 269px
        }

        .xl\:h-\[270px\] {
            height: 270px
        }

        .xl\:h-\[28px\] {
            height: 28px
        }

        .xl\:h-\[302px\] {
            height: 302px
        }

        .xl\:h-\[320px\] {
            height: 320px
        }

        .xl\:h-\[32px\] {
            height: 32px
        }

        .xl\:h-\[330px\] {
            height: 330px
        }

        .xl\:h-\[339px\] {
            height: 339px
        }

        .xl\:h-\[340px\] {
            height: 340px
        }

        .xl\:h-\[354px\] {
            height: 354px
        }

        .xl\:h-\[360px\] {
            height: 360px
        }

        .xl\:h-\[368px\] {
            height: 368px
        }

        .xl\:h-\[370px\] {
            height: 370px
        }

        .xl\:h-\[40px\] {
            height: 40px
        }

        .xl\:h-\[44px\] {
            height: 44px
        }

        .xl\:h-\[450px\] {
            height: 450px
        }

        .xl\:h-\[48px\] {
            height: 48px
        }

        .xl\:h-\[4px\] {
            height: 4px
        }

        .xl\:h-\[516px\] {
            height: 516px
        }

        .xl\:h-\[520px\] {
            height: 520px
        }

        .xl\:h-\[52px\] {
            height: 52px
        }

        .xl\:h-\[56px\] {
            height: 56px
        }

        .xl\:h-\[638px\] {
            height: 638px
        }

        .xl\:h-\[692px\] {
            height: 692px
        }

        .xl\:h-\[6px\] {
            height: 6px
        }

        .xl\:h-\[70px\] {
            height: 70px
        }

        .xl\:h-\[72px\] {
            height: 72px
        }

        .xl\:h-\[753px\] {
            height: 753px
        }

        .xl\:h-\[76px\] {
            height: 76px
        }

        .xl\:h-\[80px\] {
            height: 80px
        }

        .xl\:h-\[93px\] {
            height: 93px
        }

        .xl\:h-\[960px\] {
            height: 960px
        }

        .xl\:min-h-0 {
            min-height: 0
        }

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

        .xl\:\!w-\[120px\] {
            width: 120px !important
        }

        .xl\:\!w-\[160px\] {
            width: 160px !important
        }

        .xl\:\!w-\[292px\] {
            width: 292px !important
        }

        .xl\:\!w-\[311px\] {
            width: 311px !important
        }

        .xl\:\!w-\[360px\] {
            width: 360px !important
        }

        .xl\:\!w-\[374px\] {
            width: 374px !important
        }

        .xl\:w-2 {
            width: .5rem
        }

        .xl\:w-\[108px\] {
            width: 108px
        }

        .xl\:w-\[114px\] {
            width: 114px
        }



        .xl\:w-\[120px\] {
            width: 120px
        }

        .xl\:w-\[1238px\] {
            width: 1238px
        }

        .xl\:w-\[1240px\] {
            width: 1240px
        }

        .xl\:w-\[1280px\] {
            width: 1280px
        }

        .xl\:w-\[128px\] {
            width: 128px
        }

        .xl\:w-\[132px\] {
            width: 132px
        }

        .xl\:w-\[134px\] {
            width: 134px
        }

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

        .xl\:w-\[160px\] {
            width: 160px
        }

        .xl\:w-\[168px\] {
            width: 168px
        }

        .xl\:w-\[180px\] {
            width: 180px
        }

        .xl\:w-\[186px\] {
            width: 186px
        }

        .xl\:w-\[188px\] {
            width: 188px
        }

        .xl\:w-\[204px\] {
            width: 204px
        }

        .xl\:w-\[20px\] {
            width: 20px
        }

        .xl\:w-\[212px\] {
            width: 212px
        }

        .xl\:w-\[215px\] {
            width: 215px
        }

        .xl\:w-\[220px\] {
            width: 220px
        }

        .xl\:w-\[267px\] {
            width: 267px
        }

        .xl\:w-\[280px\] {
            width: 280px
        }

        .xl\:w-\[284px\] {
            width: 284px
        }

        .xl\:w-\[285px\] {
            width: 285px
        }

        .xl\:w-\[32px\] {
            width: 32px
        }

        .xl\:w-\[33\.33\%\] {
            width: 33.33%
        }

        .xl\:w-\[340px\] {
            width: 340px
        }

        .xl\:w-\[344px\] {
            width: 344px
        }

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

        .xl\:w-\[360px\] {
            width: 360px
        }

        .xl\:w-\[372px\] {
            width: 372px
        }

        .xl\:w-\[392px\] {
            width: 392px
        }

        .xl\:w-\[3px\] {
            width: 3px
        }

        .xl\:w-\[420px\] {
            width: 420px
        }

        .xl\:w-\[440px\] {
            width: 440px
        }

        .xl\:w-\[48px\] {
            width: 48px
        }

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

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

        .xl\:w-\[560px\] {
            width: 560px
        }

        .xl\:w-\[56px\] {
            width: 56px
        }

        .xl\:w-\[582px\] {
            width: 582px
        }

        .xl\:w-\[592px\] {
            width: 592px
        }

        .xl\:w-\[594px\] {
            width: 594px
        }

        .xl\:w-\[595px\] {
            width: 595px
        }

        .xl\:w-\[600px\] {
            width: 600px
        }

        .xl\:w-\[650px\] {
            width: 650px
        }

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

        .xl\:w-\[974px\] {
            width: 974px
        }

        .xl\:min-w-0 {
            min-width: 0
        }

        .xl\:max-w-\[100\%\] {
            max-width: 100%
        }

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

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

        .xl\:flex-shrink-0 {
            flex-shrink: 0
        }

        .xl\:flex-grow-0 {
            flex-grow: 0
        }

        .xl\:basis-\[270px\] {
            flex-basis: 270px
        }

        .xl\:basis-\[376px\] {
            flex-basis: 376px
        }

        .xl\:basis-\[390px\] {
            flex-basis: 390px
        }

        .xl\:basis-\[793px\] {
            flex-basis: 793px
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:flex-col-reverse {
            flex-direction: column-reverse
        }

        .xl\:flex-wrap {
            flex-wrap: wrap
        }

        .xl\:flex-nowrap {
            flex-wrap: nowrap
        }

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

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

        .xl\:items-center {
            align-items: center
        }

        .xl\:justify-start {
            justify-content: flex-start
        }

        .xl\:justify-end {
            justify-content: flex-end
        }

        .xl\:justify-center {
            justify-content: center
        }

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

        .xl\:gap-1 {
            gap: .25rem
        }

        .xl\:gap-2 {
            gap: .5rem
        }

        .xl\:gap-3 {
            gap: .75rem
        }

        .xl\:gap-4 {
            gap: 1rem
        }

        .xl\:gap-5 {
            gap: 1.25rem
        }

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

        .xl\:gap-\[12px\] {
            gap: 12px
        }

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

        .xl\:gap-\[20px\] {
            gap: 20px
        }

        .xl\:gap-\[24px\] {
            gap: 24px
        }

        .xl\:gap-\[26px\] {
            gap: 26px
        }

        .xl\:gap-\[30px\] {
            gap: 30px
        }

        .xl\:gap-\[40px\] {
            gap: 40px
        }

        .xl\:gap-\[48px\] {
            gap: 48px
        }

        .xl\:gap-\[60px\] {
            gap: 60px
        }

        .xl\:gap-\[6px\] {
            gap: 6px
        }

        .xl\:gap-\[8px\] {
            gap: 8px
        }

        .xl\:gap-x-\[10px\] {
            -moz-column-gap: 10px;
            column-gap: 10px
        }

        .xl\:gap-x-\[12px\] {
            -moz-column-gap: 12px;
            column-gap: 12px
        }

        .xl\:gap-x-\[35px\] {
            -moz-column-gap: 35px;
            column-gap: 35px
        }

        .xl\:gap-x-\[36px\] {
            -moz-column-gap: 36px;
            column-gap: 36px
        }

        .xl\:gap-x-\[38px\] {
            -moz-column-gap: 38px;
            column-gap: 38px
        }

        .xl\:gap-x-\[80px\] {
            -moz-column-gap: 80px;
            column-gap: 80px
        }

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

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

        .xl\:gap-y-5 {
            row-gap: 1.25rem
        }

        .xl\:gap-y-\[16px\] {
            row-gap: 16px
        }

        .xl\:gap-y-\[20px\] {
            row-gap: 20px
        }

        .xl\:gap-y-\[30px\] {
            row-gap: 30px
        }

        .xl\:gap-y-\[40px\] {
            row-gap: 40px
        }

        .xl\:gap-y-\[60px\] {
            row-gap: 60px
        }

        .xl\:overflow-hidden {
            overflow: hidden
        }

        .xl\:whitespace-nowrap {
            white-space: nowrap
        }

        .xl\:\!rounded-\[32px\] {
            border-radius: 32px !important
        }

        .xl\:\!rounded-\[40px\] {
            border-radius: 40px !important
        }

        .xl\:rounded-\[11px\] {
            border-radius: 11px
        }

        .xl\:rounded-\[12px\] {
            border-radius: 12px
        }

        .xl\:rounded-\[16px\] {
            border-radius: 16px
        }

        .xl\:rounded-\[24px\] {
            border-radius: 24px
        }

        .xl\:rounded-\[28px\] {
            border-radius: 28px
        }

        .xl\:rounded-\[32px\] {
            border-radius: 32px
        }

        .xl\:rounded-\[40px\] {
            border-radius: 40px
        }

        .xl\:rounded-\[4px\] {
            border-radius: 4px
        }

        .xl\:rounded-\[8px\] {
            border-radius: 8px
        }

        .xl\:rounded-none {
            border-radius: 0
        }

        .xl\:rounded-bl-\[12px\] {
            border-bottom-left-radius: 12px
        }

        .xl\:rounded-bl-\[16px\] {
            border-bottom-left-radius: 16px
        }

        .xl\:rounded-tl-\[16px\] {
            border-top-left-radius: 16px
        }

        .xl\:rounded-tr-\[12px\] {
            border-top-right-radius: 12px
        }

        .xl\:rounded-tr-\[16px\] {
            border-top-right-radius: 16px
        }

        .xl\:border-\[0\.5px\] {
            border-width: .5px
        }

        .xl\:border-\[1px\] {
            border-width: 1px
        }

        .xl\:border-b-\[0\.5px\] {
            border-bottom-width: .5px
        }

        .xl\:border-b-\[1px\] {
            border-bottom-width: 1px
        }

        .xl\:border-b-\[2px\] {
            border-bottom-width: 2px
        }

        .xl\:border-l-\[2px\] {
            border-left-width: 2px
        }

        .xl\:border-r-\[2px\] {
            border-right-width: 2px
        }

        .xl\:border-t-\[1px\] {
            border-top-width: 1px
        }

        .xl\:border-t-\[2px\] {
            border-top-width: 2px
        }

        .xl\:border-none {
            border-style: none
        }

        .xl\:border-\[var\(--primary\)\] {
            border-color: var(--primary)
        }

        .xl\:border-b-\[\#165DFF\] {
            --tw-border-opacity: 1;
            border-bottom-color: rgb(22 93 255/var(--tw-border-opacity, 1))
        }

        .xl\:bg-\[\#0040EF\] {
            --tw-bg-opacity: 1;
            background-color: rgb(0 64 239/var(--tw-bg-opacity, 1))
        }

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

        .xl\:bg-\[rgba\(26\2c 34\2c 51\2c 0\.1\)\] {
            background-color: rgba(26, 34, 51, .1)
        }

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

        .xl\:bg-transparent {
            background-color: transparent
        }

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

        .xl\:bg-\[url\(\/about-bg\.jpg\)\] {
            background-image: url(/about-bg.jpg)
        }

        .xl\:bg-\[url\(\/brand-bg\.jpg\)\] {
            background-image: url(/brand-bg.jpg)
        }

        .xl\:bg-\[url\(\/case-banner\.jpg\)\] {
            background-image: url(/case-banner.jpg)
        }

        .xl\:bg-\[url\(\/coop-banner\.jpg\)\] {
            background-image: url(/coop-banner.jpg)
        }

        .xl\:bg-\[url\(\/coop-contact\.jpg\)\] {
            background-image: url(/coop-contact.jpg)
        }

        .xl\:bg-\[url\(\/join-bg\.jpg\)\] {
            background-image: url(/join-bg.jpg)
        }

        .xl\:bg-\[url\(\/join-bottom-bg\.jpg\)\] {
            background-image: url(/join-bottom-bg.jpg)
        }

        .xl\:bg-\[url\(\/seo-banner\.jpg\)\] {
            background-image: url(/seo-banner.jpg)
        }

        .xl\:bg-\[url\(\/solution-banner\.jpg\)\] {
            background-image: url(/solution-banner.jpg)
        }

        .xl\:bg-\[url\(\/solution-good-bg\.png\)\] {
            background-image: url(/solution-good-bg.png)
        }

        .xl\:bg-line-g-1 {
            background-image: linear-gradient(0deg, #ff6f2d -38%, #ffe53f 64%)
        }

        .xl\:bg-line-g-2 {
            background-image: linear-gradient(0deg, #ff6f2d -21%, #ffe53f)
        }

        .xl\:bg-none {
            background-image: none
        }

        .xl\:bg-\[length\:1200px_520px\] {
            background-size: 1200px 520px
        }

        .xl\:bg-\[center_top_100px\] {
            background-position: center top 100px
        }

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

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

        .xl\:p-0 {
            padding: 0
        }

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

        .xl\:p-4 {
            padding: 1rem
        }

        .xl\:p-5 {
            padding: 1.25rem
        }

        .xl\:p-\[3px\] {
            padding: 3px
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .xl\:pb-0 {
            padding-bottom: 0
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .xl\:text-left {
            text-align: left
        }

        .xl\:text-center {
            text-align: center
        }

        .xl\:text-right {
            text-align: right
        }

        .xl\:\!text-\[16px\] {
            font-size: 16px !important
        }

        .xl\:\!text-\[20px\] {
            font-size: 20px !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .xl\:\!font-medium {
            font-weight: 500 !important
        }

        .xl\:font-bold {
            font-weight: 700
        }

        .xl\:font-medium {
            font-weight: 500
        }

        .xl\:font-normal {
            font-weight: 400
        }

        .xl\:font-semibold {
            font-weight: 600
        }

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

        .xl\:leading-\[1\.3333\] {
            line-height: 1.3333
        }

        .xl\:leading-\[16px\] {
            line-height: 16px
        }

        .xl\:leading-\[17px\] {
            line-height: 17px
        }

        .xl\:leading-\[18px\] {
            line-height: 18px
        }

        .xl\:leading-\[20px\] {
            line-height: 20px
        }

        .xl\:leading-\[22px\] {
            line-height: 22px
        }

        .xl\:leading-\[23px\] {
            line-height: 23px
        }

        .xl\:leading-\[24px\] {
            line-height: 24px
        }

        .xl\:leading-\[28px\] {
            line-height: 28px
        }

        .xl\:leading-\[32px\] {
            line-height: 32px
        }

        .xl\:leading-\[34px\] {
            line-height: 34px
        }

        .xl\:leading-\[36px\] {
            line-height: 36px
        }

        .xl\:leading-\[40px\] {
            line-height: 40px
        }

        .xl\:leading-\[45px\] {
            line-height: 45px
        }

        .xl\:leading-\[48px\] {
            line-height: 48px
        }

        .xl\:leading-\[56px\] {
            line-height: 56px
        }

        .xl\:leading-\[64px\] {
            line-height: 64px
        }

        .xl\:leading-\[68px\] {
            line-height: 68px
        }

        .xl\:leading-\[78px\] {
            line-height: 78px
        }

        .xl\:leading-normal {
            line-height: 1.5
        }

        .xl\:tracking-\[0\.06em\] {
            letter-spacing: .06em
        }

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

        .xl\:\!shadow-none {
            --tw-shadow: 0 0 #0000 !important;
            --tw-shadow-colored: 0 0 #0000 !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
        }

        .xl\:shadow-1 {
            --tw-shadow: 0px 8px 20px 0px rgba(194, 203, 223, .3);
            --tw-shadow-colored: 0px 8px 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)
        }

        .xl\:\[text-shadow\:_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
            text-shadow: 1px 2px rgba(0, 0, 0, .3)
        }

        .xl\:after\:block:after {
            content: var(--tw-content);
            display: block
        }

        .xl\:after\:hidden:after {
            content: var(--tw-content);
            display: none
        }
    }

    .\[\&_\.adm-popup-close-icon\]\:left-auto .adm-popup-close-icon {
        left: auto
    }

    .\[\&_\.adm-popup-close-icon\]\:right-\[8px\] .adm-popup-close-icon {
        right: 8px
    }

    .\[\&_\.ant-pagination-item-active\]\:\!border-none .ant-pagination-item-active {
        border-style: none !important
    }

    @media not all and (min-width: 1280px) {
        .\[\&_\.ant-tabs-nav\]\:max-xl\:\!mx-\[16rem\] .ant-tabs-nav {
            margin-left: 16rem !important;
            margin-right: 16rem !important
        }

        .max-xl\:\[\&_\.coop-item\]\:mb-\[20rem\] .coop-item {
            margin-bottom: 20rem
        }

        .max-xl\:\[\&_\.slick-active\]\:\!opacity-100 .slick-active {
            opacity: 1 !important
        }

        .max-xl\:\[\&_\.slick-slide\]\:opacity-40 .slick-slide {
            opacity: .4
        }
    }

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

    @media not all and (min-width: 1280px) {
        .max-xl\:\[\&_a\]\:\!h-auto a {
            height: auto !important
        }
    }

    .\[\&_img\]\:h-full img {
        height: 100%
    }

    .\[\&_img\]\:w-full img {
        width: 100%
    }

    .\[\&_img\]\:min-w-\[40\%\] img {
        min-width: 40%
    }

    .\[\&_img\]\:flex-1 img {
        flex: 1 1 0%
    }

    @media not all and (min-width: 1280px) {
        .max-xl\:\[\&_img\]\:\!h-auto img {
            height: auto !important
        }

        .max-xl\:\[\&_img\]\:\!w-full img {
            width: 100% !important
        }
    }

    .\[\&_p\]\:mb-\[4rem\] p {
        margin-bottom: 4rem
    }

    @media (min-width: 1280px) {
        .xl\:\[\&_p\]\:mb-0 p {
            margin-bottom: 0
        }
    }

    .\[\&_strong\]\:text-\[16rem\] strong {
        font-size: 16rem
    }

    .\[\&_strong\]\:font-semibold strong {
        font-weight: 600
    }

    .\[\&_strong\]\:text-\[\#FC7C00\] strong {
        --tw-text-opacity: 1;
        color: rgb(252 124 0/var(--tw-text-opacity, 1))
    }

    @media (min-width: 1280px) {
        .\[\&_strong\]\:xl\:text-\[28px\] strong {
            font-size: 28px
        }
    }

    .custom-prev,
    .custom-next {
        background: none;
        border: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }

    .custom-prev,
    .custom-next img {
        width: 40px;
        height: 40px;
    }

    .custom-prev {
        left: -80px;
    }

    .custom-next {
        right: -80px;
    }