@charset "UTF-8";

.lang-popper .el-popper__arrow,
.nav .el-overlay .el-drawer__header {
    display: none
}

.nav .el-overlay .el-drawer__body {
    padding: 0 !important
}

.fade-slide-enter-active,
.fade-slide-leave-active {
    transition: all .5s ease
}

.fade-slide-enter-from,
.fade-slide-leave-to {
    opacity: 0;
    transform: translateY(-10px)
}

.fade-slide-enter-to,
.fade-slide-leave-from {
    opacity: 1;
    transform: translateY(0)
}

body {
    font-size: 16px;
    background-color: #000;
    color: #ffffffb3;
    font-family: PingFang SC
}

ul,
li {
    list-style: none
}

.nowrap {
    white-space: nowrap
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-0 {
    transform: rotate(0)
}

.gradient {
    background-image: linear-gradient(180deg, #af26ee 0%, #3188f3 100%)
}

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

* {
    --tw-ring-inset: var(--tw-empty, );
    --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
}

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

::moz-focus-inner {
    border-style: none;
    padding: 0
}

::-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
}

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

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

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

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

button {
    text-transform: none;
    background-color: transparent;
    background-image: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

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

html {
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    line-height: 1.5
}

input,
button {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    padding: 0;
    line-height: inherit;
    color: inherit
}

img {
    border-style: solid;
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

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

input::webkit-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

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

input:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

p {
    margin: 0
}

strong {
    font-weight: bolder
}

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

.dark .hover-trigger:hover {
    background-color: var(--el-bg-color-overlay)
}

.bg-\[\#000\] {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.\!bg-\[\#242525\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(36, 37, 37, var(--tw-bg-opacity)) !important
}

.bg-\[\#353535\] {
    --tw-bg-opacity: 1;
    background-color: rgba(53, 53, 53, var(--tw-bg-opacity))
}

.\!bg-\[\#000\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important
}

.bg-\[\#ffffff14\] {
    --tw-bg-opacity: .0784313725490196;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.\!bg-\[\#4D70FF\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(77, 112, 255, var(--tw-bg-opacity)) !important
}

.bg-\[\#12091875\] {
    --tw-bg-opacity: .4588235294117647;
    background-color: rgba(18, 9, 24, var(--tw-bg-opacity))
}

.bg-\[\#0d0d0d\] {
    --tw-bg-opacity: 1;
    background-color: rgba(13, 13, 13, var(--tw-bg-opacity))
}

.hover\:bg-\[\#1a1a1a\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 26, 26, var(--tw-bg-opacity))
}

.bg-gradient-to-r,
.hover\:bg-gradient-to-r:hover {
    background-image: -o-linear-gradient(left, var(--tw-gradient-stops));
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#AF26EE\],
.hover\:from-\[\#AF26EE\]:hover {
    --tw-gradient-from: rgba(175, 38, 238, var(--tw-from-opacity, 1));
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.to-\[\#3188F3\],
.hover\:to-\[\#3188F3\]:hover {
    --tw-gradient-to: rgba(49, 136, 243, var(--tw-to-opacity, 1))
}

.border-\[\#333333\] {
    --tw-border-opacity: 1;
    border-color: rgba(51, 51, 51, var(--tw-border-opacity))
}

.border-\[\#d9d9d9\] {
    --tw-border-opacity: 1;
    border-color: rgba(217, 217, 217, var(--tw-border-opacity))
}

.border-\[\#1A1A1A\] {
    --tw-border-opacity: 1;
    border-color: rgba(26, 26, 26, var(--tw-border-opacity))
}

.\!rounded {
    border-radius: .25rem !important
}

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

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

.\!rounded-none {
    border-radius: 0 !important
}

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

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

.rounded-xl {
    border-radius: .75rem
}

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

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

.border-none {
    border-style: none
}

.\!border-0 {
    border-width: 0px !important
}

.border {
    border-width: 1px
}

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

.cursor-pointer {
    cursor: pointer
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.border-bg {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-extralight {
    font-weight: 200
}

.h-5 {
    height: 1.25rem
}

.h-1 {
    height: .25rem
}

.h-6 {
    height: 1.5rem
}

.h-14 {
    height: 3.5rem
}

.h-12 {
    height: 3rem
}

.h-10 {
    height: 2.5rem
}

.h-6\.125 {
    height: 1.53125rem
}

.h-7\.5 {
    height: 1.875rem
}

.\!h-19 {
    height: 4.75rem !important
}

.h-15 {
    height: 3.75rem
}

.h-161\.5 {
    height: 40.375rem
}

.h-23\.75 {
    height: 5.9375rem
}

.h-8\.5 {
    height: 2.125rem
}

.h-159\.5 {
    height: 39.875rem
}

.h-95\.5 {
    height: 23.875rem
}

.h-81\.25 {
    height: 20.3125rem
}

.h-83\.25 {
    height: 20.8125rem
}

.h-56\.25 {
    height: 14.0625rem
}

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

.h-9\.125 {
    height: 2.28125rem
}

.h-21\.5 {
    height: 5.375rem
}

.h-21 {
    height: 5.25rem
}

.h-162 {
    height: 40.5rem
}

.h-192\.75 {
    height: 48.1875rem
}

.h-196\.75 {
    height: 49.1875rem
}

.h-281\.5 {
    height: 70.375rem
}

.h-262 {
    height: 65.5rem
}

.h-94\.25 {
    height: 23.5625rem
}

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

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

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

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

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

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

.text-\[50px\] {
    font-size: 50px;
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.leading-\[167\%\] {
    line-height: 167%
}

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

.my-7\.875 {
    margin-top: 1.96875rem;
    margin-bottom: 1.96875rem
}

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

.mx-6\.5 {
    margin-left: 1.625rem;
    margin-right: 1.625rem
}

.mr-1\.75 {
    margin-right: .4375rem
}

.ml-4\.5 {
    margin-left: 1.125rem
}

.mb-7\.875 {
    margin-bottom: 1.96875rem
}

.mr-7\.875 {
    margin-right: 1.96875rem
}

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

.mr-8\.5 {
    margin-right: 2.125rem
}

.mt-6\.25 {
    margin-top: 1.5625rem
}

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

.mt-4\.5 {
    margin-top: 1.125rem
}

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

.mt-7\.5 {
    margin-top: 1.875rem
}

.mr-5\.5 {
    margin-right: 1.375rem
}

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

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

.mt-18\.25 {
    margin-top: 4.5625rem
}

.mt-16\.75 {
    margin-top: 4.1875rem
}

.mr-3\.5 {
    margin-right: .875rem
}

.mt-3\.5 {
    margin-top: .875rem
}

.mt-11\.625 {
    margin-top: 2.90625rem
}

.mt-30\.5 {
    margin-top: 7.625rem
}

.mt-18 {
    margin-top: 4.5rem
}

.mt-44 {
    margin-top: 11rem
}

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

.p-6 {
    padding: 1.5rem
}

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

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

.px-31\.75 {
    padding-left: 7.9375rem;
    padding-right: 7.9375rem
}

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

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

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

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

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

.pt-17 {
    padding-top: 4.25rem
}

.pt-15 {
    padding-top: 3.75rem
}

.placeholder-\[\#575658\]::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(87, 86, 88, var(--tw-placeholder-opacity))
}

.placeholder-\[\#575658\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(87, 86, 88, var(--tw-placeholder-opacity))
}

.placeholder-\[\#575658\]:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(87, 86, 88, var(--tw-placeholder-opacity))
}

.placeholder-\[\#575658\]::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(87, 86, 88, var(--tw-placeholder-opacity))
}

.placeholder-\[\#575658\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(87, 86, 88, var(--tw-placeholder-opacity))
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.-top-16\.5 {
    top: -4.125rem
}

.right-0 {
    right: 0
}

.top-72\.5 {
    top: 18.125rem
}

.left-0 {
    left: 0
}

.left-18\.125 {
    left: 4.53125rem
}

.top-0 {
    top: 0
}

.right-13\.125 {
    right: 3.28125rem
}

.bottom-0 {
    bottom: 0
}

.-left-40\.75 {
    left: -10.1875rem
}

.top-85\.25 {
    top: 21.3125rem
}

.top-80 {
    top: 20rem
}

.top-331 {
    top: 82.75rem
}

.top-347\.25 {
    top: 86.8125rem
}

.-top-30 {
    top: -7.5rem
}

.top-175 {
    top: 43.75rem
}

.-left-30 {
    left: -7.5rem
}

.-bottom-63\.25 {
    bottom: -15.8125rem
}

.top-435 {
    top: 108.75rem
}

.top-32\.5 {
    top: 8.125rem
}

.text-center {
    text-align: center
}

.text-\[\#ffffff80\] {
    --tw-text-opacity: .5019607843137255;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[\#8A8A8A\] {
    --tw-text-opacity: 1;
    color: rgba(138, 138, 138, var(--tw-text-opacity))
}

.text-\[\#B8B8B8\] {
    --tw-text-opacity: 1;
    color: rgba(184, 184, 184, var(--tw-text-opacity))
}

.text-\[\#0B84FF\] {
    --tw-text-opacity: 1;
    color: rgba(11, 132, 255, var(--tw-text-opacity))
}

.text-\[\#ccc\] {
    --tw-text-opacity: 1;
    color: rgba(204, 204, 204, var(--tw-text-opacity))
}

.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.hover\:text-\[\#fff\]:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-\[\#777\] {
    --tw-text-opacity: 1;
    color: rgba(119, 119, 119, var(--tw-text-opacity))
}

.text-\[\#1e1e1e\] {
    --tw-text-opacity: 1;
    color: rgba(30, 30, 30, var(--tw-text-opacity))
}

.text-\[\#1a1a1a\] {
    --tw-text-opacity: 1;
    color: rgba(26, 26, 26, var(--tw-text-opacity))
}

.w-full {
    width: 100%
}

.w-5 {
    width: 1.25rem
}

.w-9 {
    width: 2.25rem
}

.w-6 {
    width: 1.5rem
}

.w-14 {
    width: 3.5rem
}

.w-32 {
    width: 8rem
}

.w-40 {
    width: 10rem
}

.w-12 {
    width: 3rem
}

.w-1\.75 {
    width: .4375rem
}

.w-30\.5 {
    width: 7.625rem
}

.\!w-23\.5 {
    width: 5.875rem !important
}

.w-50 {
    width: 12.5rem
}

.w-176\.375 {
    width: 44.09375rem
}

.w-66 {
    width: 16.5rem
}

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

.w-138\.5 {
    width: 34.625rem
}

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

.w-9\.125 {
    width: 2.28125rem
}

.w-96\.25 {
    width: 24.0625rem
}

.w-38\.5 {
    width: 9.625rem
}

.w-136\.5 {
    width: 34.125rem
}

.w-482\.75 {
    width: 120.6875rem
}

.w-389\.75 {
    width: 97.4375rem
}

.w-274 {
    width: 68.5rem
}

.w-63\.5 {
    width: 15.875rem
}

.z-5 {
    z-index: 5
}

.z-10 {
    z-index: 10
}

.z-2 {
    z-index: 2
}

.z-1 {
    z-index: 1
}

.gap-3 {
    grid-gap: .75rem;
    gap: .75rem
}

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

.\.rotate-0 {
    --tw-rotate: 0deg
}

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

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

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

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

.ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-300 {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

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


@media (min-width: 768px) {
    .md\:border-\[\#1A1A1A\] {
        --tw-border-opacity: 1;
        border-color: rgba(26, 26, 26, var(--tw-border-opacity))
    }

    .md\:border-\[\#7d1ccb3b\] {
        --tw-border-opacity: .23137254901960785;
        border-color: rgba(125, 28, 203, var(--tw-border-opacity))
    }

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

    .md\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .md\:h-16\.75 {
        height: 4.1875rem
    }

    .md\:h-\[calc\(100vh-20\.4375rem\)\] {
        height: calc(100vh - 20.4375rem)
    }

    .md\:h-20\.5 {
        height: 5.125rem
    }

    .md\:h-13\.5 {
        height: 3.375rem
    }

    .md\:h-35 {
        height: 8.75rem
    }

    .md\:h-17 {
        height: 4.25rem
    }

    .md\:h-100 {
        height: 25rem
    }

    .md\:h-46\.75 {
        height: 11.6875rem
    }

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

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

    .md\:text-\[60px\] {
        font-size: 60px;
        line-height: 1
    }

    .md\:text-\[50px\] {
        font-size: 50px;
        line-height: 1
    }

    .md\:text-\[32px\] {
        font-size: 32px;
        line-height: 1
    }

    .md\:leading-tight {
        line-height: 1.25
    }

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

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

    .md\:mt-4\.5 {
        margin-top: 1.125rem
    }

    .md\:ml-60\.25 {
        margin-left: 15.0625rem
    }

    .md\:mt-6\.75 {
        margin-top: 1.6875rem
    }

    .md\:mb-8\.75 {
        margin-bottom: 2.1875rem
    }

    .md\:mr-13\.25 {
        margin-right: 3.3125rem
    }

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

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

    .md\:mt-10\.5 {
        margin-top: 2.625rem
    }

    .md\:mt-17 {
        margin-top: 4.25rem
    }

    .md\:mt-13\.25 {
        margin-top: 3.3125rem
    }

    .md\:mb-5\.625 {
        margin-bottom: 1.40625rem
    }

    .md\:mt-1\.5 {
        margin-top: .375rem
    }

    .md\:mt-47\.5 {
        margin-top: 11.875rem
    }

    .md\:mb-6\.5 {
        margin-bottom: 1.625rem
    }

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

    .md\:mt-15 {
        margin-top: 3.75rem
    }

    .md\:px-7\.5 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .md\:py-5\.75 {
        padding-top: 1.4375rem;
        padding-bottom: 1.4375rem
    }

    .md\:py-11 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .md\:px-18 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .md\:pt-16\.75 {
        padding-top: 4.1875rem
    }

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

    .md\:pt-15 {
        padding-top: 3.75rem
    }

    .md\:pt-11\.75 {
        padding-top: 2.9375rem
    }

    .md\:pt-23\.5 {
        padding-top: 5.875rem
    }

    .md\:pt-28\.75 {
        padding-top: 7.1875rem
    }

    .md\:pt-13\.75 {
        padding-top: 3.4375rem
    }

    .md\:text-\[\#ffffffb3\] {
        --tw-text-opacity: .7019607843137254;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .md\:w-300 {
        width: 75rem
    }

    .md\:w-152\.25 {
        width: 38.0625rem
    }

    .md\:w-65 {
        width: 16.25rem
    }

    .md\:w-20\.5 {
        width: 5.125rem
    }

    .md\:w-59\.5 {
        width: 14.875rem
    }

    .md\:w-125\.5 {
        width: 31.375rem
    }

    .md\:w-96\.25 {
        width: 24.0625rem
    }

    .md\:w-17 {
        width: 4.25rem
    }

    .md\:w-56\.5 {
        width: 14.125rem
    }

    .md\:w-193\.25 {
        width: 48.3125rem
    }

    .md\:w-58 {
        width: 14.5rem
    }
}

@media (max-width: 767.9px) {
    .\<md\:border-\[\#333333\] {
        --tw-border-opacity: 1;
        border-color: rgba(51, 51, 51, var(--tw-border-opacity))
    }

    .\<md\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .\<md\:hidden {
        display: none
    }

    .\<md\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .\<md\:flex-wrap {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .\<md\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .\<md\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .\<md\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .\<md\:h-15 {
        height: 3.75rem
    }

    .\<md\:h-21\.75 {
        height: 5.4375rem
    }

    .\<md\:h-6\.75 {
        height: 1.6875rem
    }

    .\<md\:h-7\.75 {
        height: 1.9375rem
    }

    .\<md\:h-23\.5 {
        height: 5.875rem
    }

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

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

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

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

    .\<md\:text-\[10px\] {
        font-size: 10px;
        line-height: 1
    }

    .\<md\:leading-\[186\%\] {
        line-height: 186%
    }

    .\<md\:leading-tight {
        line-height: 1.25
    }

    .\<md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .\<md\:mt-2\.25 {
        margin-top: .5625rem
    }

    .\<md\:mt-7 {
        margin-top: 1.75rem
    }

    .\<md\:mb-14\.5 {
        margin-bottom: 3.625rem
    }

    .\<md\:mt-5\.75 {
        margin-top: 1.4375rem
    }

    .\<md\:mt-3\.5 {
        margin-top: .875rem
    }

    .\<md\:mb-3\.75 {
        margin-bottom: .9375rem
    }

    .\<md\:mt-7\.5 {
        margin-top: 1.875rem
    }

    .\<md\:mt-12\.5 {
        margin-top: 3.125rem
    }

    .\<md\:mt-8\.125 {
        margin-top: 2.03125rem
    }

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

    .\<md\:mt-1\.75 {
        margin-top: .4375rem
    }

    .\<md\:mt-0\.75 {
        margin-top: .1875rem
    }

    .\<md\:mt-10\.25 {
        margin-top: 2.5625rem
    }

    .\<md\:mb-3\.25 {
        margin-bottom: .8125rem
    }

    .\<md\:mt-8\.5 {
        margin-top: 2.125rem
    }

    .\<md\:p-3 {
        padding: .75rem
    }

    .\<md\:px-9\.875 {
        padding-left: 2.46875rem;
        padding-right: 2.46875rem
    }

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

    .\<md\:px-3\.75 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .\<md\:px-10\.5 {
        padding-left: 2.625rem;
        padding-right: 2.625rem
    }

    .\<md\:py-3\.5 {
        padding-top: .875rem;
        padding-bottom: .875rem
    }

    .\<md\:px-6\.6875 {
        padding-left: 1.671875rem;
        padding-right: 1.671875rem
    }

    .\<md\:px-2\.75 {
        padding-left: .6875rem;
        padding-right: .6875rem
    }

    .\<md\:pt-15 {
        padding-top: 3.75rem
    }

    .\<md\:pt-8\.25 {
        padding-top: 2.0625rem
    }

    .\<md\:pt-5\.625 {
        padding-top: 1.40625rem
    }

    .\<md\:pb-7\.875 {
        padding-bottom: 1.96875rem
    }

    .\<md\:pt-14\.25 {
        padding-top: 3.5625rem
    }

    .\<md\:pb-51\.375 {
        padding-bottom: 12.84375rem
    }

    .\<md\:pt-11\.875 {
        padding-top: 2.96875rem
    }

    .\<md\:pt-45 {
        padding-top: 11.25rem
    }

    .\<md\:pb-31\.25 {
        padding-bottom: 7.8125rem
    }

    .\<md\:text-center {
        text-align: center
    }

    .\<md\:text-\[\#fff\] {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .\<md\:text-\[\#BCB8C1\] {
        --tw-text-opacity: 1;
        color: rgba(188, 184, 193, var(--tw-text-opacity))
    }

    .\<md\:w-full {
        width: 100%
    }

    .\<md\:w-21\.75 {
        width: 5.4375rem
    }

    .\<md\:w-29\.75 {
        width: 7.4375rem
    }

    .\<md\:w-41\.625 {
        width: 10.40625rem
    }

    .\<md\:w-7\.75 {
        width: 1.9375rem
    }

    .\<md\:w-28\.25 {
        width: 7.0625rem
    }

    .\<md\:w-29 {
        width: 7.25rem
    }
}