:root {
    --app-version: "1.5.10"
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/icon.woff2') format('woff2'),url('/v1.5.10/font/icon/icon.woff') format('woff'),url('/v1.5.10/font/icon/icon.ttf') format('truetype');
    font-display: swap
}

img[data-hidden] {
    opacity: 0 !important
}

/*! Bootstrap v4.5.0 */
*,::after,::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    background-color: #fff;
    color: #212529;
    text-align: left;
    font-weight: 400;
    font-size: 1rem;
    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";
    line-height: 1.5
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: transparent;
    color: #007bff;
    text-decoration: none
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none
}

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

pre {
    overflow: auto;
    margin-top: 0;
    margin-bottom: 1rem;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none;
    vertical-align: middle
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    caption-side: bottom;
    text-align: left
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
    border: 0
}

legend {
    display: block;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%;
    max-width: 100%;
    color: inherit;
    white-space: normal;
    font-size: 1.5rem;
    line-height: inherit
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.small,small {
    font-weight: 400;
    font-size: 80%
}

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

.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

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

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

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

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

.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

@media(min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-2_4,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-2_4,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-2_4,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-2_4,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-2_4,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

.col {
    max-width: 100%;
    min-width: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-auto {
    width: auto;
    max-width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-1 {
    max-width: 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%
}

.col-2 {
    max-width: 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%
}

.col-2_4 {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.col-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.col-4 {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%
}

.col-5 {
    max-width: 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%
}

.col-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.col-7 {
    max-width: 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%
}

.col-8 {
    max-width: 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%
}

.col-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.col-10 {
    max-width: 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%
}

.col-11 {
    max-width: 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%
}

.col-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media(min-width: 576px) {
    .col-sm {
        max-width:100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-sm-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .col-sm-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .col-sm-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .col-sm-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-sm-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .col-sm-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .col-sm-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-sm-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .col-sm-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .col-sm-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-sm-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .col-sm-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .col-sm-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width: 768px) {
    .col-md {
        max-width:100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-md-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .col-md-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .col-md-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .col-md-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-md-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .col-md-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .col-md-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-md-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .col-md-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .col-md-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-md-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .col-md-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .col-md-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width: 992px) {
    .col-lg {
        max-width:100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-lg-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .col-lg-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .col-lg-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .col-lg-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-lg-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .col-lg-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .col-lg-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-lg-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .col-lg-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .col-lg-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-lg-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .col-lg-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .col-lg-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width: 1200px) {
    .col-xl {
        max-width:100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-xl-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-xl-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .col-xl-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .col-xl-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .col-xl-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-xl-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .col-xl-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .col-xl-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-xl-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .col-xl-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .col-xl-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-xl-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .col-xl-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .col-xl-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.table {
    margin-bottom: 1rem;
    width: 100%;
    color: #212529
}

.table td,.table th {
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    vertical-align: top
}

.table thead th {
    border-bottom: 2px solid #dee2e6;
    vertical-align: bottom
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075);
    color: #212529
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        display:block;
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    padding: .375rem .75rem;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #495057;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    outline: 0;
    border-color: #80bdff;
    background-color: #fff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    color: #495057
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    margin-bottom: 0;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    margin-bottom: 0;
    padding: .375rem 0;
    width: 100%;
    border: solid transparent;
    border-width: 1px 0;
    background-color: transparent;
    color: #212529;
    font-size: 1rem;
    line-height: 1.5
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    padding: .25rem .5rem;
    height: calc(1.5em + .5rem + 2px);
    border-radius: .2rem;
    font-size: .875rem;
    line-height: 1.5
}

.form-control-lg {
    padding: .5rem 1rem;
    height: calc(1.5em + 1rem + 2px);
    border-radius: .3rem;
    font-size: 1.25rem;
    line-height: 1.5
}

select.form-control[multiple],select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
    margin-left: -5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: .75rem;
    padding-left: 0;
    -ms-flex-align: center;
    align-items: center
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    margin-top: .25rem;
    width: 100%;
    color: #28a745;
    font-size: 80%
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    margin-top: .1rem;
    padding: .25rem .5rem;
    max-width: 100%;
    border-radius: .25rem;
    background-color: rgba(40,167,69,.9);
    color: #fff;
    font-size: .875rem;
    line-height: 1.5
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    padding-right: calc(1.5em + .75rem);
    border-color: #28a745;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-repeat: no-repeat
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,.was-validated .custom-select:valid {
    padding-right: calc(.75em + 2.3125rem);
    border-color: #28a745;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    margin-top: .25rem;
    width: 100%;
    color: #dc3545;
    font-size: 80%
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    margin-top: .1rem;
    padding: .25rem .5rem;
    max-width: 100%;
    border-radius: .25rem;
    background-color: rgba(220,53,69,.9);
    color: #fff;
    font-size: .875rem;
    line-height: 1.5
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    padding-right: calc(1.5em + .75rem);
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-repeat: no-repeat
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,.was-validated .custom-select:invalid {
    padding-right: calc(.75em + 2.3125rem);
    border-color: #dc3545;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.btn {
    display: inline-block;
    padding: .375rem .75rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: transparent;
    color: #212529;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    overflow: hidden;
    height: 0;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,.dropleft,.dropright,.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    content: "";
    vertical-align: .255em
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    margin: .125rem 0 0;
    padding: .5rem 0;
    min-width: 10rem;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #212529;
    list-style: none;
    text-align: left;
    font-size: 1rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media(min-width: 576px) {
    .dropdown-menu-sm-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    content: "";
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    content: "";
    vertical-align: .255em
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    content: "";
    vertical-align: .255em
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent;
    content: "";
    vertical-align: .255em
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    overflow: hidden;
    margin: .5rem 0;
    height: 0;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    clear: both;
    display: block;
    padding: .25rem 1.5rem;
    width: 100%;
    border: 0;
    background-color: transparent;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    font-weight: 400
}

.dropdown-item:focus,.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #16181b;
    text-decoration: none
}

.dropdown-item.active,.dropdown-item:active {
    background-color: #007bff;
    color: #fff;
    text-decoration: none
}

.dropdown-item.disabled,.dropdown-item:disabled {
    background-color: transparent;
    color: #6c757d;
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    margin-bottom: 0;
    padding: .5rem 1.5rem;
    color: #6c757d;
    white-space: nowrap;
    font-size: .875rem
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.custom-control {
    position: relative;
    display: block;
    padding-left: 1.5rem;
    min-height: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
    color: #fff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    border-color: #b3d7ff;
    background-color: #b3d7ff;
    color: #fff
}

.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    border: #adb5bd solid 1px;
    background-color: #fff;
    content: "";
    pointer-events: none
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    background: no-repeat 50%/50% 50%;
    content: ""
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    border-radius: .5rem;
    pointer-events: all
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: .5rem;
    background-color: #adb5bd;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    display: inline-block;
    padding: .375rem 1.75rem .375rem .75rem;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    color: #495057;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    outline: 0;
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-select:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    padding-right: .75rem;
    height: auto;
    background-image: none
}

.custom-select:disabled {
    background-color: #e9ecef;
    color: #6c757d
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    height: calc(1.5em + .5rem + 2px);
    font-size: .875rem
}

.custom-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    height: calc(1.5em + 1rem + 2px);
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    height: calc(1.5em + .75rem + 2px)
}

.custom-file-input {
    position: relative;
    z-index: 2;
    margin: 0;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding: .375rem .75rem;
    height: calc(1.5em + .75rem + 2px);
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
    color: #495057;
    font-weight: 400;
    line-height: 1.5
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: .375rem .75rem;
    height: calc(1.5em + .75rem);
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
    background-color: #e9ecef;
    color: #495057;
    content: "Browse";
    line-height: 1.5
}

.custom-range {
    padding: 0;
    width: 100%;
    height: 1.4rem;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    margin-top: -.25rem;
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 1rem;
    background-color: #007bff;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    border-color: transparent;
    border-radius: 1rem;
    background-color: #dee2e6;
    color: transparent;
    cursor: pointer
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 1rem;
    background-color: #007bff;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    border-color: transparent;
    border-radius: 1rem;
    background-color: #dee2e6;
    color: transparent;
    cursor: pointer
}

.custom-range::-ms-thumb {
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 1rem;
    background-color: #007bff;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none;
        -ms-transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    border-color: transparent;
    border-width: .5rem;
    background-color: transparent;
    color: transparent;
    cursor: pointer
}

.custom-range::-ms-fill-lower {
    border-radius: 1rem;
    background-color: #dee2e6
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    border-radius: 1rem;
    background-color: #dee2e6
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,.custom-file-label,.custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-control-label::before,.custom-file-label,.custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    border-color: transparent;
    background-color: transparent;
    color: #6c757d
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 #fff;
    background-color: #fff;
    color: #495057
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: #007bff;
    color: #fff
}

.nav-fill .nav-item {
    text-align: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.nav-justified .nav-item {
    text-align: center;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.alert {
    position: relative;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    border-color: #b8daff;
    background-color: #cce5ff;
    color: #004085
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    border-color: #d6d8db;
    background-color: #e2e3e5;
    color: #383d41
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    border-color: #c3e6cb;
    background-color: #d4edda;
    color: #155724
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    border-color: #bee5eb;
    background-color: #d1ecf1;
    color: #0c5460
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    border-color: #ffeeba;
    background-color: #fff3cd;
    color: #856404
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    border-color: #f5c6cb;
    background-color: #f8d7da;
    color: #721c24
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    border-color: #fdfdfe;
    background-color: #fefefe;
    color: #818182;
    font-size: 12px
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    border-color: #c6c8ca;
    background-color: #d6d8d9;
    color: #1b1e21
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    border-radius: .25rem;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    border: 1px solid rgba(0,0,0,.125);
    background-color: #fff
}

.close {
    float: right;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    border: 0;
    background-color: transparent
}

a.close.disabled {
    pointer-events: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 0
}

.modal-dialog {
    position: relative;
    margin: .5rem;
    width: auto;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    overflow: hidden;
    max-height: calc(100vh - 1rem)
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100% - 1rem);
    -ms-flex-align: center;
    align-items: center
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    outline: 0;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    background-color: #fff;
    background-clip: padding-box;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px);
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem 1rem
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    padding: 1rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    overflow: scroll;
    width: 50px;
    height: 50px
}

@media(min-width: 576px) {
    .modal-dialog {
        margin:1.75rem auto;
        max-width: 500px
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: .25em solid currentColor;
    border-radius: 50%;
    vertical-align: text-bottom;
    border-right-color: transparent;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: currentColor;
    vertical-align: text-bottom;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.clearfix::after {
    clear: both;
    display: block;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports((position: -webkit-sticky) or(position:sticky)) {
    .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
    white-space: nowrap
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,.my-0 {
    margin-top: 0 !important
}

.mr-0,.mx-0 {
    margin-right: 0 !important
}

.mb-0,.my-0 {
    margin-bottom: 0 !important
}

.ml-0,.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,.my-1 {
    margin-top: .25rem !important
}

.mr-1,.mx-1 {
    margin-right: .25rem !important
}

.mb-1,.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,.my-2 {
    margin-top: .5rem !important
}

.mr-2,.mx-2 {
    margin-right: .5rem !important
}

.mb-2,.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,.my-3 {
    margin-top: 1rem !important
}

.mr-3,.mx-3 {
    margin-right: 1rem !important
}

.mb-3,.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,.my-5 {
    margin-top: 3rem !important
}

.mr-5,.mx-5 {
    margin-right: 3rem !important
}

.mb-5,.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,.py-0 {
    padding-top: 0 !important
}

.pr-0,.px-0 {
    padding-right: 0 !important
}

.pb-0,.py-0 {
    padding-bottom: 0 !important
}

.pl-0,.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,.py-1 {
    padding-top: .25rem !important
}

.pr-1,.px-1 {
    padding-right: .25rem !important
}

.pb-1,.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,.py-2 {
    padding-top: .5rem !important
}

.pr-2,.px-2 {
    padding-right: .5rem !important
}

.pb-2,.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,.py-3 {
    padding-top: 1rem !important
}

.pr-3,.px-3 {
    padding-right: 1rem !important
}

.pb-3,.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,.py-5 {
    padding-top: 3rem !important
}

.pr-5,.px-5 {
    padding-right: 3rem !important
}

.pb-5,.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,.px-5 {
    padding-left: 3rem !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0);
    content: "";
    pointer-events: auto
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: .25em solid currentColor;
    border-radius: 50%;
    vertical-align: text-bottom;
    border-right-color: transparent;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: currentColor;
    vertical-align: text-bottom;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

/*! Swiper v6.3.4 */
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64,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') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-s-phone:before {
    content: "\e680"
}

.icon-s-address:before {
    content: "\e681"
}

.icon-s-contact:before {
    content: "\e683"
}

.icon-s-email:before {
    content: "\e684"
}

.icon-s-time:before {
    content: "\e67e"
}

.icon-media-vimeo:before {
    content: "\e88a"
}

.icon-media-okru:before {
    content: "\f201"
}

.icon-question:before {
    content: "\e677"
}

.icon-inquiry:before {
    content: "\e678"
}

.icon-eye:before {
    content: "\e612"
}

.icon-more-product:before {
    content: "\e676"
}

.icon-download:before {
    content: "\e712"
}

.icon-shoucang:before {
    content: "\e675"
}

.icon-xiaoyuAI:before {
    content: "\e672"
}

.icon-shoucang-empty:before {
    content: "\e673"
}

.icon-fuzhi:before {
    content: "\e674"
}

.icon-clear:before {
    content: "\e671"
}

.icon-ec-tagert:before {
    content: "\e670"
}

.icon-ec-walmart:before {
    content: "\e66e"
}

.icon-double-arrow:before {
    content: "\e611"
}

.icon-action-replicate:before {
    content: "\e66d"
}

.icon-phone:before {
    content: "\e66c"
}

.icon-faq:before {
    content: "\e60a"
}

.icon-support:before {
    content: "\e60b"
}

.icon-refresh:before {
    content: "\e66b"
}

.icon-jiantou-left:before {
    content: "\e66a"
}

.icon-send-inquiry:before {
    content: "\e632"
}

.icon-media-linkedin:before {
    content: "\e622"
}

.icon-media-facebook:before {
    content: "\e624"
}

.icon-telegram:before {
    content: "\e625"
}

.icon-media-youtube:before {
    content: "\e629"
}

.icon-media-reddit:before {
    content: "\e62a"
}

.icon-whatsapp:before {
    content: "\e637"
}

.icon-media-twitter:before {
    content: "\e662"
}

.icon-media-tumblr:before {
    content: "\e663"
}

.icon-skype:before {
    content: "\e664"
}

.icon-media-pinterest:before {
    content: "\e665"
}

.icon-viber:before {
    content: "\e666"
}

.icon-media-tiktok:before {
    content: "\e667"
}

.icon-vk:before {
    content: "\e668"
}

.icon-media-instagram:before {
    content: "\e669"
}

.icon-ai-generate:before {
    content: "\e661"
}

.icon-base-collection-empty:before {
    content: "\eb74"
}

.icon-yinliang:before {
    content: "\e660"
}

.icon-fenxiang1:before {
    content: "\e65b"
}

.icon-pinglun1:before {
    content: "\e65d"
}

.icon-jingyin:before {
    content: "\e65e"
}

.icon-gouwuche:before {
    content: "\e65f"
}

.icon-fenxiang:before {
    content: "\e65a"
}

.icon-xiazai:before {
    content: "\e659"
}

.icon-wenhao:before {
    content: "\e67f"
}

.icon-a-3D:before {
    content: "\e658"
}

.icon-youhui:before {
    content: "\e655"
}

.icon-a-youhuiquan1:before {
    content: "\e654"
}

.icon-manjian:before {
    content: "\e657"
}

.icon-pinglun:before {
    content: "\e6ad"
}

.icon-kefu-line:before {
    content: "\e653"
}

.icon-wenjian:before {
    content: "\e83c"
}

.icon-action-top:before {
    content: "\e652"
}

.icon-action-plus:before {
    content: "\e650"
}

.icon-action-minus:before {
    content: "\e651"
}

.icon-action-move-to-favorite:before {
    content: "\e64f"
}

.icon-base-eye-ban:before {
    content: "\e6d2"
}

.icon-action-close-2:before {
    content: "\e64e"
}

.icon-client-phone:before {
    content: "\e64b"
}

.icon-client-desktop:before {
    content: "\e64c"
}

.icon-client-pad:before {
    content: "\e64d"
}

.icon-2c-coupon:before {
    content: "\e64a"
}

.icon-base-hot-2:before {
    content: "\e648"
}

.icon-base-like-2:before {
    content: "\e649"
}

.icon-base-info-fill:before {
    content: "\eb73"
}

.icon-base-close-fill:before {
    content: "\e656"
}

.icon-action-upload:before {
    content: "\e645"
}

.icon-base-email:before {
    content: "\e644"
}

.icon-base-email-read:before {
    content: "\e823"
}

.icon-base-collect:before {
    content: "\e647"
}

.icon-base-collect-fill:before {
    content: "\e646"
}

.icon-base-user-2:before {
    content: "\e640"
}

.icon-base-code:before {
    content: "\e641"
}

.icon-base-look:before {
    content: "\e642"
}

.icon-base-key:before {
    content: "\e643"
}

.icon-ec-mercadolibre:before {
    content: "\e63f"
}

.icon-ec-11street:before {
    content: "\e631"
}

.icon-ec-ebay:before {
    content: "\e633"
}

.icon-ec-alibaba:before {
    content: "\e636"
}

.icon-ec-aliexpress:before {
    content: "\e638"
}

.icon-ec-lazada:before {
    content: "\e63a"
}

.icon-ec-shopee:before {
    content: "\e63b"
}

.icon-ec-gmarket:before {
    content: "\e63c"
}

.icon-ec-amazon:before {
    content: "\e63d"
}

.icon-ec-wish:before {
    content: "\e63e"
}

.icon-activity:before {
    content: "\e6de"
}

.icon-activity-fill:before {
    content: "\e6df"
}

.icon-service:before {
    content: "\e630"
}

.icon-fbmessenger:before {
    content: "\e621"
}

.icon-trademanager:before {
    content: "\e626"
}

.icon-wechat:before {
    content: "\e627"
}

.icon-search-shaixuan:before {
    content: "\e603"
}

.icon-form-validated:before {
    content: "\e6b3"
}

.icon-form-invalid:before {
    content: "\e61c"
}

.icon-yuzhong:before {
    content: "\e6d5"
}

.icon-base-collection:before {
    content: "\e61a"
}

.icon-base-like:before {
    content: "\e61f"
}

.icon-base-like-fill:before {
    content: "\e602"
}

.icon-base-order:before {
    content: "\e620"
}

.icon-base-customized:before {
    content: "\e61e"
}

.icon-base-dot:before {
    content: "\e61d"
}

.icon-base-cascades:before {
    content: "\e67c"
}

.icon-base-list:before {
    content: "\e682"
}

.icon-base-menu:before {
    content: "\e858"
}

.icon-base-flash-sale:before {
    content: "\e614"
}

.icon-base-hot:before {
    content: "\e615"
}

.icon-base-letter:before {
    content: "\e616"
}

.icon-base-gift:before {
    content: "\e617"
}

.icon-base-rebate:before {
    content: "\e618"
}

.icon-media-google:before {
    content: "\e635"
}

.icon-base-success-fill:before {
    content: "\e62c"
}

.icon-base-error-fill:before {
    content: "\e62e"
}

.icon-action-edit:before {
    content: "\e62b"
}

.icon-base-tel-2:before {
    content: "\e62d"
}

.icon-base-phone-lighter:before {
    content: "\e634"
}

.icon-action-delete-lighter:before {
    content: "\e639"
}

.icon-base-email-1:before {
    content: "\e628"
}

.icon-base-cart-lighter:before {
    content: "\e623"
}

.icon-page-inquire-success:before {
    content: "\e7c4"
}

.icon-page-updating:before {
    content: "\e856"
}

.icon-page-due:before {
    content: "\e70f"
}

.icon-action-bottom-arrow-bold:before {
    content: "\e6ac"
}

.icon-action-top-arrow-bold:before {
    content: "\e791"
}

.icon-base-user:before {
    content: "\e66f"
}

.icon-action-bottom-triangle-bold:before {
    content: "\e65c"
}

.icon-action-search-lighter:before {
    content: "\e61b"
}

.icon-base-eye:before {
    content: "\e62f"
}

.icon-base-phone-bold:before {
    content: "\e619"
}

.icon-base-email-fill:before {
    content: "\e608"
}

.icon-base-gps:before {
    content: "\e609"
}

.icon-media-facebook-fill:before {
    content: "\e60c"
}

.icon-media-google-fill:before {
    content: "\e60d"
}

.icon-action-play:before {
    content: "\e60e"
}

.icon-base-tel:before {
    content: "\e60f"
}

.icon-media-twitter-fill:before {
    content: "\e610"
}

.icon-submit:before {
    content: "\e613"
}

.icon-action-add:before {
    content: "\e607"
}

.icon-action-close:before {
    content: "\e857"
}

.icon-action-bottom-lighter:before {
    content: "\e859"
}

.icon-action-left-lighter:before {
    content: "\e600"
}

.icon-action-left-arrow-lighter:before {
    content: "\e601"
}

.icon-action-delete:before {
    content: "\e604"
}

.icon-action-setting:before {
    content: "\e605"
}

.icon-action-copy:before {
    content: "\e606"
}

.flags-sprite-loader {
    background-image: none !important
}

.flag-icon {
    --sprite-bg-width: 466px;
    --sprite-bg-height: 414px;
    --flag-height: 30;
    --flag-width: 50;
    --flag-scale: calc(var(--flag-height) / 30);
    display: block;
    font-style: normal;
    aspect-ratio: 5 / 3;
    height: calc(1px * var(--flag-height));
    overflow: hidden
}

.flag-icon:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-image: var(--lazy-src);
    background-size: calc(var(--sprite-bg-width) * var(--flag-scale)) calc(var(--sprite-bg-height) * var(--flag-scale))
}

.flag-icon-af:before {
    background-position: calc(0px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-am:before {
    background-position: calc(-52px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ar:before {
    background-position: calc(0px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-az:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-be:before {
    background-position: calc(0px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-bg:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-bn:before {
    background-position: calc(-104px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-bs:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ca:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ceb:before {
    background-position: calc(0px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-co:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-cs:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-cy:before {
    background-position: calc(-156px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-da:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-de:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-el:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-en:before {
    background-position: calc(0px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-eo:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-es:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-et:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-eu:before {
    background-position: calc(0px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-fa:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-fi:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-fr:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-fy:before {
    background-position: calc(-208px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ga:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-gd:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-gl:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-gu:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ha:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-haw:before {
    background-position: calc(0px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-hi:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-hmn:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-hr:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ht:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-hu:before {
    background-position: calc(0px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-hy:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-id:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ig:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-is:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-it:before {
    background-position: calc(-260px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-iw:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ja:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-jw:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ka:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-kk:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-km:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-kn:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ko:before {
    background-position: calc(0px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ku:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ky:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-la:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-lb:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-lo:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-lt:before {
    background-position: calc(-312px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-lv:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-mg:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-mi:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-mk:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ml:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-mn:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-mr:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ms:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-mt:before {
    background-position: calc(0px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-my:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ne:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-nl:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-no:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ny:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-or:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-pa:before {
    background-position: calc(0px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-pl:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ps:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-pt:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ro:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ru:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sd:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-si:before {
    background-position: calc(-364px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sk:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sl:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sm:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sn:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-so:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sq:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sr:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-st:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-su:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sv:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-sw:before {
    background-position: calc(0px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ta:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-te:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-tg:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-th:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-tl:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-tr:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ug:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-uk:before {
    background-position: calc(0px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-ur:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-uz:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-vi:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-xh:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-yi:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-yo:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-zh-CN:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-zh-tw:before {
    background-position: calc(-416px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-zh:before {
    background-position: calc(-416px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

.flag-icon-zu:before {
    background-position: calc(-416px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale))
}

@media(max-width: 767px) {
    html {
        font-size:10px
    }
}

@media(min-width: 768px) {
    html {
        font-size:10px
    }
}

@media(min-width: 1025px) {
    html {
        font-size:12px
    }
}

@media(min-width: 1201px) {
    html {
        font-size:12px
    }
}

@media(min-width: 1367px) {
    html {
        font-size:12px
    }
}

@media(min-width: 1441px) {
    html {
        font-size:14px
    }
}

@media(min-width: 1601px) {
    html {
        font-size:16px
    }
}

@media(min-width: 1921px) {
    html {
        font-size:20px
    }
}

@media(min-width: 2561px) {
    html {
        font-size:24px
    }
}

@media(min-width: 2881px) {
    html {
        font-size:26px
    }
}

@media(min-width: 3201px) {
    html {
        font-size:32px
    }
}

@media(min-width: 3841px) {
    html {
        font-size:42px
    }
}

@media(min-width: 5121px) {
    html {
        font-size:42px
    }
}

body {
    overscroll-behavior-y: none
}

ul,ol {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

p {
    margin-bottom: 0;
    margin-block-start:0;margin-block-end:0}

img {
    max-width: 100%
}

[package-unit-type="text"] .unit-text ul {
    padding-inline-start:1.5em}

[package-unit-type="text"] .unit-text ol {
    padding-inline-start:1em}

[package-unit-type="text"] .unit-text li {
    list-style: inherit
}

:root {
    --modal-z-index: 999
}

[package-item].hiddent-pop_up {
    display: none
}

[page-type="all_pop_up"] [package-item].all-pop-up_module {
    display: block
}

[page-type="all_pop_up"] [package-type="copyright"] [package-group="module"] [package-item="module"]:first-child {
    display: none
}

[package-type="article-detail-html"] {
    --image-source: 8
}

[package-type="detail-html-tabs"] {
    --image-source: 6
}

.unit-page-page_description {
    max-width: 100%;
    overflow-x: auto
}

.unit-page-page_description::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.unit-page-page_description ul li,.unit-ai-article-detail__detail_html ul li,.unit-detail-description ul li,.unit-article-detail-html ul li,.unit-video-detail ul li,.unit-detail_item ul li,.unit-detail-html-tabs__content-html ul li {
    list-style: inherit;
    position: relative;
    left: 1.2em;
    max-width: calc(100% - 1.2em);
    display: list-item;
    overflow: unset
}

.unit-page-page_description ol li,.unit-ai-article-detail__detail_html ol li,.unit-detail-description ol li,.unit-article-detail-html ol li,.unit-video-detail ol li,.unit-detail_item ol li,.unit-detail-html-tabs__content-html ol li {
    list-style: inherit;
    position: relative;
    left: 1em;
    max-width: calc(100% - 1em);
    display: list-item;
    overflow: unset
}

.hide {
    display: none
}

.ce-video_poster.hide {
    display: none !important
}

.fade:not(.show) {
    opacity: 0
}

.fade {
    transition: opacity .15s linear
}

[contenteditable] {
    outline: 0
}

[href="javascript:;"] {
    cursor: default
}

a:hover {
    text-decoration: none
}

a:not([href]):not([tabindex]) {
    color: inherit
}

@media(max-width: 768px) {
    .h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,.title {
        font-size:18px
    }

    body,.description,.btn {
        font-size: 14px
    }

    .pb-4 {
        padding-bottom: 2vw !important
    }

    .pt-4 {
        padding-top: 2vw !important
    }

    .pr-4 {
        padding-right: 2vw !important
    }
}

@media(max-width: 480px) {
    .h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,.title {
        font-size:16px
    }
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f5f7fa
}

::-webkit-scrollbar-track {
    background-color: #f5f7fa
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #CCC
}

::-webkit-scrollbar-button {
    height: 0;
    background-color: #999
}

.unit-detail-related__list-title {
    text-transform: capitalize
}

@media(max-width: 767px) {
    [hide-phone],[display-style="5"],[display-style="6"],[display-style="7"] {
        display:none !important
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    [hide-pad],[display-style="3"],[display-style="4"],[display-style="7"] {
        display:none !important
    }
}

@media(min-width: 1200px) {
    [hide-pc],[display-style="2"],[display-style="4"],[display-style="6"] {
        display:none !important
    }
}

[package-item="block"] {
    z-index: 100
}

[position="1"] {
    position: relative
}

[position="2"] {
    position: -webkit-sticky;
    position: sticky
}

[position="3"].header-fixed {
    position: fixed
}

[position="3"] {
    position: relative
}

[page-type="index"] [position-index="3"].header-fixed {
    position: fixed
}

@media(max-width: 768px) {
    [position="2"].header-position,[position="3"].header-position,[position-index="3"].header-position {
        position:-webkit-sticky;
        position: sticky
    }
}

@media(min-width: 1200px) {
    [page-type="index"] [position-index="1"] {
        position:relative
    }

    [page-type="index"] [position-index="2"] {
        position: -webkit-sticky;
        position: sticky
    }
}

.container-fluid {
    max-width: 100% !important
}

.follow-font-family[text-style] {
    font-size: inherit;
    font-style: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
    text-transform: inherit
}

.follow-font-family_size[text-style] {
    font-style: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
    text-transform: inherit
}

[_html] a:hover,:not([_html]) a {
    color: inherit
}

[_html] {
    overflow-wrap: break-word;
    text-decoration: inherit
}

h1.nostyle,h2.nostyle,h3.nostyle,h4.nostyle,h5.nostyle,h6.nostyle {
    font-size: inherit;
    margin: 0;
    padding: 0;
    line-height: inherit;
    display: inline-block;
    font-weight: normal
}

[text-style] h1 {
    font-weight: inherit
}

:root {
    --rgb-color: 0,123,255;
    --main-color: rgb(var(--rgb-color));
    --swiper-theme-color: var(--main-color);
    --SAIB: constant(safe-area-inset-bottom);
    --SAIB: env(safe-area-inset-bottom);
    --SAIT: constant(safe-area-inset-top);
    --SAIT: env(safe-area-inset-top);
    --container-width: 100vw;
    --sub-color1: var(--main-color);
    --sub-color2: var(--main-color);
    --sub-color3: var(--main-color);
    --play-bg-color: rgba(0,0,0,.5);
    --play-icon-color: rgba(255,255,255,1);
    --play-hover-bg-color: rgba(0,0,0,.8);
    --play-hover-icon-color: rgba(255,255,255,1);
    --swiper-navigation-bg-color: rgba(0,0,0,.3);
    --swiper-navigation-icon-color: rgba(255,255,255,1);
    --swiper-navigation-hover-bg-color: rgba(0,0,0,.8);
    --swiper-navigation-hover-icon-color: rgba(255,255,255,1)
}

a {
    color: var(--main-color)
}

.btn-main,.btn-main:hover,.btn-main.disabled,.btn-main:disabled,.btn-main:not(:disabled):not(.disabled).active,.btn-main:not(:disabled):not(.disabled):active,.show>.btn-main.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.btn-main.focus,.btn-main:focus,.btn-main:not(:disabled):not(.disabled).active:focus,.btn-main:not(:disabled):not(.disabled):active:focus,.show>.btn-main.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--rgb-color),.5)
}

.btn[disabled] {
    pointer-events: none
}

.bg-danger {
    background-color: red
}

[package-group] {
    position: sticky;
    top: 0
}

[package-group="block"] {
    position: relative !important
}

[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded) {
    font-size: 0;
    padding: var(--loading-size)
}

[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded),.loading {
    position: relative;
    --loading-size: 15px
}

[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,.loading::after,.loading::before {
    content: "";
    position: absolute;
    top: calc(50% - var(--size));
    left: calc(50% - var(--size));
    display: inline-block;
    width: calc(var(--size) * 2);
    height: calc(var(--size) * 2);
    --size: var(--loading-size)
}

[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,.loading::after {
    border: 3px solid var(--main-color);
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,.loading::before {
    background-color: #FFF;
    --size: calc(var(--loading-size) + 5px)
}

.absolute-shade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    z-index: 1
}

[lazy-type="background"] {
    --linear: linear-gradient(transparent,transparent)
}

[gradient] {
    background-image: var(--linear)
}

[lazy-type="background"] {
    --lazy-src: none;
    --lazy-md: none;
    --lazy-xl: none
}

[data-lazy="1"][lazy-type="background"] {
    background-image: var(--lazy-src),var(--linear)
}

@media(min-width: 768px) {
    [data-lazy="1"][lazy-type="background"][lazy-md] {
        background-image:var(--lazy-md),var(--linear)
    }
}

@media(min-width: 1200px) {
    [data-lazy="1"][lazy-type="background"][lazy-xl] {
        background-image:var(--lazy-xl),var(--linear)
    }
}

[data-animate="0"] {
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

[data-animate="1"] {
    visibility: visible;
    animation-duration: 1.5s;
    animation-fill-mode: none
}

#message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none
}

#modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: var(--modal-z-index)
}

svg {
    fill: currentColor
}

[v-cloak] {
    visibility: hidden
}

[package-block-type="breadcrumb"] [package-group="module"] {
    z-index: 1
}

[package-block-type="breadcrumb"]:not(:has(.design-box)) [package-item="module"]:has(.breadcrumb-background-video__wrapper) {
    background-image: var(--linear)
}

@media(min-width: 768px) {
    #app[page-type="landing_page"] [package-block-type="breadcrumb"] {
        position:sticky;
        top: 0
    }
}

@media(min-width: 1200px) {
    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"],#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"] [package-item="module"] {
        background-color:transparent
    }

    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed,#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed [package-item="module"] {
        background-color: var(--header-bg) !important
    }

    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"],#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"] [package-item="module"] {
        background-color: transparent
    }

    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-fixed,#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-fixed [package-item="module"] {
        background-color: var(--header-bg) !important
    }

    [package-block-type="header"] * {
        transition: background-color .6s
    }

    #app[page-type="index"] div[package-type="header"][float-top="1"] {
        position: fixed !important
    }

    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position,#app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position [package-item="module"] {
        background-color: rgba(255,255,255,0) !important
    }

    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"] {
        position: fixed !important
    }

    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"] {
        position: fixed !important
    }

    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-position,#app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-position [package-item="module"] {
        background-color: rgba(255,255,255,0) !important
    }

    [page-type="index"] [position-index="3"].header-fixed:not(:hover),#app:not([page-type="index"]) [customer-inside="0"][position="3"].header-fixed:not(:hover) {
        --header-bg: var(--header-bg-fixed) !important;
        color: var(--font-fixed) !important;
        box-shadow: none !important;
        border: none !important
    }

    #app:not([page-type="index"]) [customer-inside="1"][position="3"].header-fixed:not(:hover) {
        --header-bg: var(--header-bg-fixed-inside) !important;
        color: var(--font-fixed-inside) !important;
        box-shadow: none !important;
        border: none !important
    }

    [page-type="index"] [position-index="3"].header-fixed [package-item="module"],#app:not([page-type="index"]) [customer-inside="0"][position="3"].header-fixed [package-item="module"] {
        --header-bg: var(--header-bg-fixed) !important;
        color: var(--font-fixed) !important
    }

    #app:not([page-type="index"]) [customer-inside="1"][position="3"].header-fixed [package-item="module"] {
        --header-bg: var(--header-bg-fixed-inside) !important;
        color: var(--font-fixed-inside) !important
    }

    #app:not([page-type="login"]):not([page-type="register"]) [package-block-type="header"].header-hide {
        top: -100%
    }
}

[package-type="header"].header-hover-index {
    z-index: 1000 !important
}

[package-block-type="header"] {
    top: 0;
    width: 100%;
    transition: .3s;
    background-color: var(--header-bg);
    --header-bg: inherit;
    --header-bg-fixed: var(--header-bg);
    --font-fixed: inherit;
    --font-active: var(--main-color)
}

#app:not([page-type="index"]) [customer-inside="1"] {
    --header-bg: var(--header-bg-inside) !important;
    color: var(--color-inside) !important
}

[package-block-type="header"] [package-item="module"] {
    background-color: var(--header-bg)
}

[package-block-type="header"] [package-group] {
    position: initial
}

[package-block-type="footer"] a:not(.custom-color):hover,[package-block-type="footer"] a:not(.custom-color):hover span {
    color: var(--main-color)
}

[button-style] .btn {
    transition-duration: 300ms
}

#app.is-login [login-show],#app.not-login [login-hide] {
    display: block
}

[login-show],[login-hide],#app.is-login [login-hide],#app.not-login [login-show],#app.not-open-user [login-hide],#app.not-open-user [login-show] {
    display: none
}

.base-button .iconfont {
    font-size: inherit
}

.unit-pagination a {
    color: inherit
}

.base-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit;
    width: auto
}

.base-pagination__items {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center
}

.base-pagination__item {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    z-index: 1
}

.base-pagination__item:not(.disabled) {
    cursor: pointer
}

.base-pagination__item:not(:last-child) {
    margin-right: 10px
}

.base-pagination__link {
    text-align: center;
    background-color: #f4f4f5;
    color: #303133;
    border: 0;
    padding: 0;
    border-radius: 2px;
    position: relative;
    margin: 0;
    display: block
}

.base-pagination__item.active {
    background: var(--main-color);
    color: #fff
}

.base-pagination__item.active .base-pagination__link {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    font-weight: bold
}

.base-pagination__item.disabled .base-pagination__link {
    opacity: .5;
    color: inherit;
    cursor: unset
}

.base-pagination__item .base-pagination__link {
    width: 30px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #f4f4f5;
    border: 0;
    padding: 0;
    border-radius: 2px;
    position: relative;
    margin: 0;
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: inherit
}

.base-pagination__item.base-pagination__item-more .base-pagination__link {
    line-height: 22px
}

.base-pagination__item a:hover {
    opacity: .7
}

.base-pagination__item--next span,.base-pagination__item--last span {
    transform: rotate(180deg);
    display: block
}

.base-pagination__item--first span::after,.base-pagination__item--last span::after {
    content: "\e600";
    transform: translateX(-10px);
    display: inline-block
}

.base-pagination__item--first span::after {
    top: 0
}

@media(max-width: 576px) {
    .base-pagination__item-first,.base-pagination__item-last,.base-pagination__item-more {
        display:none
    }
}

@media(max-width: 576px) {
    .discount-timer {
        width:100%
    }
}

@media(min-width: 576px) {
    .base-pagination__item-third {
        display:none
    }
}

.img-box img {
    transition: .5s
}

.img-box .hover {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-100%)
}

.img-box .img-item {
    position: relative
}

.img-box .img-item.has-hover:hover .default {
    visibility: hidden;
    opacity: 0
}

.img-box .img-item.has-hover:hover .hover {
    visibility: visible;
    opacity: 1
}

.base-image--scale {
    position: relative;
    height: 0;
    width: 100%;
    --img-pt: 100%;
    padding-top: var(--img-pt)
}

.base-image--scale .base-image__item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .base-video--scale.play {
        position:relative;
        height: 0;
        width: 100%;
        --img-pt: 100%;
        padding-top: var(--img-pt)
    }

    .base-video--scale.play .base-video__preview {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center
    }

    .base-video--scale.play .base-video__preview video {
        width: 100%;
        height: 100% !important;
        background-color: #000
    }

    .base-video--aspect-ratio.play .base-video__preview,.base-video--aspect-ratio .base-video__preview video {
        width: 100%;
        aspect-ratio: var(--img-ratio);
        margin: 0 auto
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .base-video--scale-md.play {
        position:relative;
        height: 0;
        width: 100%;
        --img-pt-md: 100%;
        padding-top: var(--img-pt-md)
    }

    .base-video--scale-md.play .base-video__preview {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center
    }

    .base-video--scale-md.play .base-video__preview video {
        width: 100%;
        height: 100% !important;
        background-color: #000
    }

    .base-video--aspect-ratio-md.play .base-video__preview,.base-video--aspect-ratio-md .base-video__preview video {
        width: 100%;
        aspect-ratio: var(--img-ratio-md);
        margin: 0 auto
    }
}

@media(min-width: 1200px) {
    .base-video--scale-xl.play {
        position:relative;
        height: 0;
        width: 100%;
        --img-pt-xl: 100%;
        padding-top: var(--img-pt-xl)
    }

    .base-video--scale-xl.play .base-video__preview {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center
    }

    .base-video--scale-xl.play .base-video__preview video {
        width: 100%;
        height: 100% !important;
        background-color: #000
    }

    .base-video--aspect-ratio-xl.play .base-video__preview,.base-video--aspect-ratio-xl .base-video__preview video {
        width: auto;
        aspect-ratio: var(--img-ratio-xl);
        margin: 0 auto
    }
}

.base-image--effect-1 .base-image__img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.base-image--effect-2 .base-image__img {
    width: 100%;
    height: 100%
}

.base-image--effect-3 .base-image__img {
    width: var(--img-size)
}

.base-image--effect-4 .base-image__img {
    height: var(--img-size)
}

picture.base-image__img {
    display: block
}

picture.base-image__img img.base-image__img {
    width: auto !important
}

@media(orientation: portrait) {
    .img-box.has-portrait .img,.img-box.has-portrait .img-hover {
        display:none
    }
}

@media(orientation: landscape) {
    .img-box .img-portrait,.img-box .img-portrait-hover {
        display:none
    }
}

.base-no-data {
    padding: 3vw 0
}

.base-no-data__inner {
    position: relative
}

.base-no-data__image img {
    max-height: 360px;
    display: block;
    margin: 0 auto;
    width: 100%
}

.base-no-data__text {
    color: #b0bfc5;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.base-video__preview {
    position: relative
}

.base-video__thumb {
    width: 100%;
    height: 100%
}

.base-video__preview.play .base-video__play,.base-video__preview.play .base-video__thumb,.base-video__preview.play .base-video__info {
    display: none
}

.base-video__preview.play .unit-list-hover__image .base-video__thumb {
    display: block
}

.base-video__preview iframe {
    width: 100%;
    height: 100%
}

.base-video__preview .base-video__wrap {
    height: 100%;
    width: 100%
}

.base-video__preview .base-video__wrap:hover .base-video__wrap--close {
    opacity: 1
}

.base-video__preview .base-video__wrap .base-video__wrap--close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    cursor: pointer;
    font-size: 25px;
    line-height: 1;
    color: #FFFF;
    transition: .3s;
    text-align: center;
    z-index: 99;
    opacity: 0
}

.base-video__preview .base-video__wrap .base-video__wrap--close:hover {
    background: rgba(0,0,0,.7);
    opacity: 1
}

.base-video__preview .base-video__wrap .base-video__wrap--replay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 98;
    display: none;
    color: #fff
}

.base-video__preview .base-video__wrap .base-video__wrap--replay .replay-icon {
    width: 65px;
    height: 65px;
    cursor: pointer;
    z-index: 2;
    background: rgba(0,0,0,.3);
    border-radius: 50%
}

.base-video__preview .base-video__wrap .base-video__wrap--replay .replay-icon:hover {
    background: rgba(0,0,0,.7)
}

.unit-video-popup__content .base-video__wrap .base-video__wrap--replay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: none;
    color: #fff
}

.unit-video-popup__content .base-video__wrap .base-video__wrap--replay .replay-icon {
    width: 65px;
    height: 65px;
    cursor: pointer;
    z-index: 2;
    background: rgba(0,0,0,.3);
    border-radius: 50%
}

.unit-video-popup__content .base-video__wrap .base-video__wrap--replay .replay-icon:hover {
    background: rgba(0,0,0,.7)
}

.base-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    cursor: pointer;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: var(--play-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s
}

.base-video__play i {
    font-size: 30px;
    color: var(--play-icon-color);
    text-shadow: 0 0 40px #000;
    transition: .3s;
    font-style: normal
}

.base-video__play:hover {
    transform: scale(1.2) translate(-40%,-40%);
    background: var(--play-hover-bg-color)
}

.base-video__play:hover i {
    color: var(--play-hover-icon-color)
}

@media(min-width: 768px) {
    .base-video__play i {
        margin-left:2px
    }
}

@media(max-width: 768px) {
    .base-video__play {
        width:40px;
        height: 40px
    }

    .base-video__play i {
        margin-left: 1px;
        font-size: 15px
    }
}

.xg-video .base-video__thumb {
    position: relative
}

.xg-video .base-video__info {
    position: absolute;
    right: 6px;
    bottom: 6px;
    padding: 1px 4px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    font-size: 12px
}

.xg-video.play .base-video__info {
    display: none
}

.xg-video.base-video--scale-xl.play .base-video__preview video {
    background: 0
}

.xg-video .xgplayer {
    background: #fff;
    z-index: 1
}

.xg-video .mac-os.xgplayer {
    font-weight: 600
}

.xg-video .xgplayer .xgplayer-poster {
    background-size: cover
}

.xg-video .xgplayer-dynamic-bg {
    overflow: hidden;
    z-index: 0
}

.xg-video .xgplayer-dynamic-bg xgmask {
    background: 0;
    background-size: cover;
    background-position: center;
    filter: blur(20px) brightness(0.8);
    transition: opacity .3s;
    transform: scale(1.1)
}

@media(max-width: 767px) {
    .xg-video[hide-dynamic-bg] .xgplayer-dynamic-bg {
        opacity:0
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .xg-video[hide-dynamic-bg-md] .xgplayer-dynamic-bg {
        opacity:0
    }
}

@media(min-width: 1200px) {
    .xg-video[hide-dynamic-bg-xl] .xgplayer-dynamic-bg {
        opacity:0
    }
}

.xg-video .xgplayer .xgplayer-replay .xgplayer-replay-svg {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5)
}

.xg-video .xgplayer .xgplayer-replay .xgplayer-replay-txt {
    display: none
}

.xg-video .xgplayer .xgplayer-progress-played,.xg-video .xgplayer .xgplayer-drag {
    background: var(--main-color)
}

.xg-video .xgplayer .xgplayer-progress-btn {
    background: 0;
    box-shadow: unset
}

.xg-video .xgplayer .xgplayer-progress-btn.active {
    border: 0
}

.xg-video .xgplayer.xgplayer-pc .xgplayer-progress-btn {
    transform: translate(-50%,-50%) scale(1)
}

.xg-video .xgplayer .xgplayer-progress-btn.active,.xg-video .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn {
    transform: translate(-50%,-50%) scale(1.3)
}

.xg-video .xgplayer .xgplayer-progress-btn:before {
    background: rgba(var(--rgb-color),1)
}

.xg-video .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before {
    background: #fff
}

.xg-video .xgplayer .xgplayer-progress-btn.active:before {
    box-shadow: unset
}

.xg-video .xgplayer .xgplayer-progress-point {
    padding: 1px 4px;
    font-size: 14px;
    opacity: 1
}

.xg-video .xgplayer .xg-options-list {
    color: #fff
}

.xg-video .xgplayer .xg-options-list,.xg-video .xgplayer .xgplayer-slider {
    border-radius: 8px
}

.xg-video .xgplayer .xg-options-list li {
    height: auto;
    line-height: 1em;
    padding: 8px 0
}

.xg-video .xgplayer .xg-options-list li:hover,.xg-video .xgplayer .xg-options-list li.selected {
    color: var(--main-color)
}

.xg-video .xgplayer .xgplayer-controls {
    background-image: none
}

.xg-video .xgplayer .xgplayer-controls::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 300%;
    background-image: linear-gradient(rgba(0,0,0,0) 5%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.4),rgba(0,0,0,.9));
    pointer-events: none;
    z-index: -1
}

@media(min-width: 768px) {
    .xg-video .xgplayer .xgplayer-controls::after {
        border-radius:0 0 12px 12px
    }
}

.xg-video .xgplayer-controls .xg-inner-controls {
    height: 44px
}

.xg-video .xgplayer-controls xg-icon {
    height: 42px;
    color: #fff
}

.xg-video .xgplayer .btn-text {
    height: 100%;
    font-size: 14px
}

.xg-video .xgplayer .btn-text span {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1em;
    border-radius: 14px;
    background: transparent;
    min-width: unset
}

.xg-video .xgplayer-controls .xgplayer-time {
    min-width: unset;
    font-family: inherit
}

.xg-video .xgplayer-controls .xgplayer-time span {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1em
}

.xg-video .xgplayer-controls .xgplayer-time .time-separator,.xg-video .xgplayer-controls .xgplayer-time .time-duration {
    display: none
}

.xg-video .xgplayer-fullscreen .xgplayer-icon {
    height: 100%
}

.xg-video .xgplayer-fullscreen svg {
    width: 26px;
    transform: translateY(1px)
}

.xg-video .xgplayer-controls .xg-center-grid {
    padding: 0;
    top: -8px
}

.xg-video .xgplayer .xgplayer-controls.bottom-controls {
    background-image: none;
    box-shadow: unset
}

.xg-video .xgplayer .xgplayer-controls.bottom-controls::after {
    display: none
}

.xg-video .xgplayer-controls.bottom-controls .xg-inner-controls {
    left: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 6px;
    height: 34px
}

.xg-video .xgplayer-controls.bottom-controls xg-icon {
    height: 34px;
    line-height: 34px
}

.xg-video .xgplayer-controls.bottom-controls .xgplayer-time span {
    font-size: 12px;
    line-height: 34px;
    height: 34px
}

.xg-video .xgplayer-controls.bottom-controls .xg-center-grid {
    padding: 0;
    top: unset;
    bottom: 0;
    z-index: 1
}

.xg-video .xgplayer-controls.bottom-controls .xgplayer-progress {
    height: 8px
}

.xg-video .xgplayer-controls.bottom-controls .xgplayer-progress-bottom .xgplayer-progress-outer {
    top: 3px
}

.xg-video .xgplayer-controls.bottom-controls .xg-left-grid,.xg-video .xgplayer-controls.bottom-controls .xg-right-grid {
    bottom: 0
}

.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume {
    height: 34px
}

.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume .xgplayer-slider {
    display: none !important
}

.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume .xgplayer-icon>svg {
    width: 24px
}

.xg-video .xgplayer-definition,.xg-video .xgplayer-playbackrate {
    margin-right: 20px
}

.xg-video[controls="false"] .xgplayer .xgplayer-controls {
    display: none !important
}

.xg-video.play .video-container {
    filter: brightness(var(--brightness))
}

@media(max-width: 1199px) {
    .xg-video .xgplayer-controls .xg-center-grid {
        padding:0;
        top: -6px
    }

    .xg-video {
        --mobile-controls-height: 36px
    }

    .xg-video .xgplayer .xgplayer-replay .xgplayer-replay-svg {
        width: 40px;
        height: 40px
    }

    .xg-video .xgplayer .xgplayer-controls {
        height: calc(var(--mobile-controls-height) + 4px)
    }

    .xg-video .xgplayer-controls .xg-inner-controls {
        height: var(--mobile-controls-height)
    }

    .xg-video .xgplayer-controls xg-icon {
        height: var(--mobile-controls-height)
    }

    .xg-video .xgplayer-controls svg {
        width: 20px
    }

    .xg-video .xgplayer .btn-text {
        font-size: 12px
    }

    .xg-video .xgplayer-fullscreen svg {
        transform: translateY(0)
    }
}

.opacity0 {
    opacity: 0 !important
}

.base-select-box {
    position: relative
}

.base-select-arrow {
    display: block;
    top: 14%;
    right: 0;
    position: absolute;
    width: 30px;
    text-align: center;
    font-size: 16px
}

.base-select-box.active .base-select-arrow {
    transform: rotate(180deg)
}

.base-select-input {
    width: 100%;
    box-shadow: none;
    outline: 0
}

.was-validated :invalid ~ .base-select-input {
    border-color: #dc3545 !important
}

.base-select-drop {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 200px;
    z-index: 999;
    overflow-y: auto;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}

.base-select-drop.hide {
    height: 0;
    overflow-y: hidden
}

.base-select-drop li {
    padding: 5px 10px;
    text-align: left;
    font-size: 14px;
    transition: all .3s;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.base-select-drop li:hover {
    background: var(--main-color);
    color: #fff
}

.base-select-box .invalid-feedback {
    padding-left: 0 !important
}

.select-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
    display: none
}

.select-mask.show {
    display: block
}

.base-div-input {
    height: 35px !important;
    max-height: 35px !important;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis
}

form {
    --x: 15px;
    --y: 12px;
    flex-grow: 1
}

form select {
    -webkit-appearance: none
}

form label {
    display: flex;
    font-weight: bold;
    position: relative
}

form label.full {
    align-items: flex-start !important
}

form label.submit .unit-form__label {
    padding: 0
}

form .item {
    padding: 8px;
    margin: 0
}

form .form-control {
    padding: var(--y) var(--x);
    height: auto;
    font-weight: normal;
    font-size: inherit
}

form .unit-form__label {
    padding-bottom: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    font-weight: normal;
    opacity: .8;
    color: inherit
}

form [required] ~ .unit-form__label:before,form [required] ~ .unit-form__control--txt::before {
    content: '*';
    padding-right: 5px;
    color: red;
    display: inline-block
}

form .form-control.is-invalid+.unit-form__control--file,form.was-validated .form-control:invalid+.unit-form__control--file {
    border-color: #dc3545
}

form.was-validated .form-control:invalid+.unit-form__control--file[validated] {
    border-color: #28a745
}

form.was-validated .form-control:invalid+.unit-form__control--file:before {
    font-family: "iconfont" !important;
    position: absolute;
    right: .75rem;
    top: var(--y);
    color: inherit;
    font-size: 15px;
    color: #dc3545
}

form.was-validated .file .form-control:invalid[required]+.unit-form__control--file:before {
    content: "\e61c"
}

form.was-validated .file .form-control:invalid+.unit-form__control--file[validated]:before {
    color: #28a745 !important;
    content: "\e6b3" !important
}

form .checkbox-group {
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

form .checkbox-inline {
    padding: var(--y) 20px var(--y);
    margin-left: 0
}

form.title-top label {
    flex-direction: column-reverse
}

form.title-left label {
    flex-direction: row-reverse;
    align-items: center
}

form.title-left .unit-form__label {
    text-align: right;
    padding: var(--y) 15px var(--y) 0
}

form label {
    flex-flow: column
}

form .form-control::-webkit-input-placeholder {
    color: transparent !important
}

form .form-control:-ms-input-placeholder {
    color: transparent !important
}

form .form-control::-ms-input-placeholder {
    color: transparent !important
}

form .form-control::-moz-placeholder {
    color: transparent !important
}

form .form-control::placeholder {
    color: transparent !important
}

form .has-placeholder .placeholder {
    color: #999;
    margin-left: 1em;
    cursor: text
}

form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label .placeholder {
    display: none
}

form .unit-form__label {
    position: absolute;
    top: 0;
    left: 0;
    padding: var(--y) var(--x);
    transition: .1s ease-in-out
}

form .checkbox-group {
    padding-top: calc(var(--y) + var(--y) * (2 / 3) - 1px) !important;
    padding-bottom: calc(var(--y) / 3 - 2px) !important
}

form .form-control:not(.unit-form__checkbox-list):not(.unit-form__control--file):not(:placeholder-shown) {
    padding-top: calc(var(--y) + var(--y) * (2 / 3));
    padding-bottom: calc(var(--y) / 3)
}

form .checkbox-group ~ .unit-form__label,form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
    padding-top: calc(var(--y) / 3);
    padding-bottom: calc(var(--y) / 3);
    opacity: .77
}

[label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) {
    padding: var(--y) var(--x)
}

[label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
    display: none !important
}

form .checkbox-inline {
    padding: 0 10px 0 20px
}

form.border-bottom .form-control {
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    box-shadow: none
}

form label.submit {
    justify-content: flex-end;
    flex-direction: row-reverse !important
}

form.submit-center label.submit {
    justify-content: center
}

form.submit-center label.submit .unit-form__label {
    display: none
}

form.submit-right label.submit {
    justify-content: flex-start
}

form .help-block {
    position: relative;
    padding: 0 var(--x)
}

form .checkbox-inline .form-control-feedback {
    right: -30px;
    top: 3px
}

form .jy_verificationcode label,form .upload_attachments label {
    align-items: initial !important
}

form .jy_verificationcode .unit-form__label {
    display: none
}

form .jy_verificationcode label .jy_yzm,form .upload_attachments .upload_attach_con {
    flex-grow: 1;
    width: 100%
}

form .upload_attachments .unit-form__label {
    position: relative;
    padding: 0 0 8px;
    font-size: 14px !important;
    opacity: 1 !important
}

form .upload_attachments label {
    flex-direction: column-reverse
}

form .upload_attachments .form-control {
    border-bottom: 0;
    padding: 0 !important
}

form .upload_attach_gray {
    font-size: 12px;
    opacity: .5;
    padding-top: 8px
}

form .upload_box {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #000
}

form .add_file_a {
    border: 1px dashed;
    border-color: inherit
}

form .form-control.is-invalid,form.was-validated .form-control:invalid {
    border-color: #dc3545 !important
}

form .form-control.is-valid,form.was-validated .form-control:valid {
    border-color: #28a745 !important
}

form .form-control:focus:-moz-placeholder {
    color: transparent !important;
    opacity: 0
}

form .form-control:focus::-moz-placeholder {
    color: transparent !important;
    opacity: 0
}

form .form-control:focus:-ms-input-placeholder {
    color: transparent !important;
    opacity: 0
}

.unit-form__item:last-child {
    margin-bottom: 0
}

.file [type="file"] {
    padding: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    cursor: pointer;
    top: 0;
    left: 0
}

.unit-form__item.file .unit-form__label {
    display: none
}

.unit-form__control--file {
    position: relative;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    color: inherit
}

.unit-form__control--file .unit-form__control--font {
    border: 1px dashed;
    border-color: currentColor;
    font-size: 14px;
    padding: 4px;
    border-radius: 2px
}

.unit-form__control--file .unit-form__control--txt {
    padding-left: 10px;
    font-style: normal
}

.unit-form__file-item {
    font-weight: 400;
    transition: all .5s cubic-bezier(.55,0,.1,1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.unit-form__file-item .icon {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    color: #67c23a
}

.unit-form__file-item .icon::after {
    content: '\e62c'
}

.unit-form__file-item:hover .icon::after {
    content: '\e64e';
    color: #606266
}

.unit-form__file-item i {
    font-style: normal;
    font-size: 14px;
    padding-left: 10px;
    opacity: .5
}

.unit-form__file-prompt {
    text-transform: capitalize;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 5px 0;
    color: #606266
}

.file-feedback {
    font-weight: bold
}

.unit-form__control--file.show_error {
    border-color: #dc3545 !important
}

.unit-form__control--file.show_error+.file-feedback {
    display: block
}

@media screen and (min-width: 0\0) {
    form .unit-form__label {
        display:none
    }

    form .form-control:-ms-input-placeholder {
        color: #999 !important
    }

    form .form-control::-ms-input-placeholder {
        color: #999 !important
    }
}

.unit-list__items {
    margin: -1.5vw
}

.unit-list.is-swiper .unit-list__items {
    margin: 0 !important
}

.unit-list__item {
    padding: 1.5vw
}

.unit-list__item.hide-more-box {
    display: none
}

.unit-list__title {
    margin-top: 1vw
}

.unit-list__subtitle,.unit-list__description {
    opacity: .8;
    margin: .5vw 0
}

.text_ellipsis {
    width: 100%;
    line-height: inherit;
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: normal;
    word-break: break-word
}

.unit-list__item.no-image .unit-list__image {
    display: none
}

.unit-list__item .unit-list__image {
    position: relative
}

div[package-type="list"] *:hover .unit-list__item .unit-list__image[hover-img='true'] .base-image img {
    transform: none !important
}

.unit-video-list__image,.unit-list__video {
    position: relative
}

.unit-list__item .unit-list__image .unit-list-hover__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

[video-gif] .unit-list-hover__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.unit-list__item .unit-list__image .unit-list-hover__image.hover_img_before_load {
    opacity: 0
}

[video-gif] .unit-list-hover__image.hover_img_before_load {
    opacity: 0
}

[video-gif] .unit-list-hover__image img {
    max-height: 100%;
    width: auto !important
}

[video-gif] .unit-list-hover__image .base-image,[video-gif] .unit-list-hover__image .base-image__item,[video-gif] .unit-list-hover__image .base-video__thumb {
    height: 100%
}

[video-gif] .unit-list-hover__image .base-image__item {
    display: flex;
    align-items: center;
    justify-content: center
}

.unit-list__item .unit-list__image .unit-list-hover__image img {
    animation-fill-mode: both
}

.is-swiper .swiper-slide.col-xl-12 {
    margin: 0;
    padding: 0
}

.is-swiper [carousel] {
    position: relative
}

.is-swiper {
    position: relative;
    --swiper-navigation-size: 48px;
    --swiper-navigation-gap: 10px
}

.is-swiper .swiper-button-prev {
    left: var(--swiper-navigation-gap)
}

.is-swiper .swiper-button-next {
    right: var(--swiper-navigation-gap)
}

.is-swiper .swiper-button-prev,.is-swiper .swiper-button-next {
    background-color: var(--swiper-navigation-bg-color);
    border-radius: 50%;
    color: var(--swiper-navigation-icon-color);
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    transition: background-color .3s,color .3s
}

.is-swiper .swiper-button-prev:hover,.is-swiper .swiper-button-next:hover {
    background-color: var(--swiper-navigation-hover-bg-color);
    color: var(--swiper-navigation-hover-icon-color)
}

.is-swiper .swiper-button-prev:after,.is-swiper .swiper-button-next:after {
    font-size: calc(var(--swiper-navigation-size) * 0.42);
    font-weight: 700
}

.unit-list .swiper-button-prev,.unit-list .swiper-button-next,.unit-video-list .swiper-button-prev,.unit-video-list .swiper-button-next,.unit-product-list .swiper-button-prev,.unit-product-list .swiper-button-next,.unit-download-list .swiper-button-prev,.unit-download-list .swiper-button-next {
    opacity: 0
}

.swiper-button-prev.initialized,.swiper-button-next.initialized {
    opacity: 1
}

.swiper-button-prev.initialized.swiper-button-disabled,.swiper-button-next.initialized.swiper-button-disabled {
    opacity: .35
}

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

.swiper-button-prev--outside.initialized.swiper-button-disabled,.swiper-button-next--outside.initialized.swiper-button-disabled {
    opacity: .35
}

@media(max-width: 767px) {
    .is-swiper[navigation-position="outside"] .swiper-button-prev,.is-swiper[navigation-position="outside"] .swiper-button-next {
        display:none
    }

    .is-swiper[navigation-position="outside"] .swiper-button-prev--outside {
        display: flex;
        left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))
    }

    .is-swiper[navigation-position="outside"] .swiper-button-next--outside {
        display: flex;
        right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .is-swiper[navigation-position-md="outside"] .swiper-button-prev,.is-swiper[navigation-position-md="outside"] .swiper-button-next {
        display:none
    }

    .is-swiper[navigation-position-md="outside"] .swiper-button-prev--outside {
        display: flex;
        left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))
    }

    .is-swiper[navigation-position-md="outside"] .swiper-button-next--outside {
        display: flex;
        right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))
    }
}

@media(min-width: 1200px) {
    .is-swiper[navigation-position-xl="outside"] .swiper-button-prev,.is-swiper[navigation-position-xl="outside"] .swiper-button-next {
        display:none
    }

    .is-swiper[navigation-position-xl="outside"] .swiper-button-prev--outside {
        display: flex;
        left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))
    }

    .is-swiper[navigation-position-xl="outside"] .swiper-button-next--outside {
        display: flex;
        right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap))
    }
}

img[lazy-src][src=""],img[lazy-src]:not([src]) {
    opacity: 0
}

.unit-list__product,.unit-list__price,.unit-list__extend {
    display: flex;
    align-items: center;
    justify-content: center
}

.unit-list__price {
    flex: 1 0 0;
    flex-wrap: wrap
}

.unit-list__extend {
    flex-shrink: 0;
    width: 50%
}

.unit-list__product {
    flex-wrap: wrap;
    min-width: 60%
}

.unit-list__product i {
    font-style: normal
}

.unit-list__price-min {
    padding-right: 5px
}

.unit-list__price-max {
    text-decoration-line: line-through;
    font-size: 14px;
    opacity: .6;
    padding-right: 5px
}

[package-type="list"] {
    border-radius: 12px
}

.unit-list__items.swiper-wrapper {
    width: auto
}

.unit-list__inquire a {
    cursor: pointer
}

.unit-list__inquire,.unit-list__product.no-price .unit-list__price,.unit-list__product.no-price .unit-list__cart {
    display: none
}

.unit-list__product.no-price .unit-list__inquire {
    display: block
}

.unit-list__product.no-price .unit-list__extend {
    width: 100%
}

.unit-list.is-swiper .swiper-wrapper {
    padding-bottom: 2vw
}

.unit-list.is-swiper .swiper-pagination {
    bottom: 0
}

.unit-list__pagination .swiper-pagination-bullet {
    box-shadow: 0 0 2px #000;
    background: #fff;
    opacity: .5
}

.unit-list__pagination .swiper-pagination-bullet-active {
    background: var(--main-color);
    opacity: 1
}

.unit-product-list.is-swiper .unit-product-list__items {
    margin: 0 !important
}

.empty_price_tips {
    opacity: .6;
    display: none
}

.no-price .empty_price_tips {
    display: block
}

.unit-product-list-6__wrapper .unit-list__cart.text-capitalize a {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0
}

.unit-list.is-swiper .swiper-wrapper.no-swiper-pagination {
    padding-bottom: 0 !important
}

.unit-product-list.is-swiper .swiper-wrapper.no-swiper-pagination {
    padding-bottom: 0 !important
}

.unit-download-list.is-swiper .swiper-wrapper.no-swiper-pagination {
    padding-bottom: 0 !important
}

@media(max-width: 1200px) {
    .unit-list.is-swiper .swiper-wrapper {
        padding-bottom:5vw
    }
}

@media(max-width: 767px) {
    .unit-product-list-7__wrapper .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__extend {
        display:inline-block !important
    }

    .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__price {
        max-width: 100% !important;
        border: 0 !important
    }
}

@media(max-width: 576px) {
    .unit-list__item.col-6 .unit-list__product {
        width:100%
    }

    .unit-list__date {
        font-size: 12px
    }

    .unit-list__title {
        margin-top: 2vw
    }
}

@media(min-width: 768px) {
    .unit-list__items {
        margin:-.8vw
    }

    .unit-list__item {
        padding: .8vw
    }
}

.unit-login .unit-form__label,.unit-register .unit-form__label {
    position: static;
    padding: 5px 0;
    text-transform: capitalize
}

.unit-login .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown),.unit-register .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) {
    padding: var(--y) var(--x)
}

.unit-login .unit-login__control,.unit-register__control {
    padding: 12px 1rem !important;
    border-color: transparent;
    border-radius: 5px;
    background-color: #f3f3f4
}

.unit-register__back {
    background-color: #fff;
    text-transform: uppercase;
    border-color: rgba(0,0,0,.15);
    width: 100%;
    color: inherit;
    padding: .75rem 1rem;
    border-radius: 50px
}

.unit-login__submit,.unit-register__submit {
    width: 100%;
    padding: .75rem 1rem;
    border-color: rgb(var(--rgb-color));
    background-color: rgb(var(--rgb-color));
    border-radius: 50px
}

.unit-login__item:last-child {
    margin-bottom: 1rem
}

.unit-register__item:last-child {
    margin-top: 1rem
}

.unit-login__item:last-child {
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: 1rem;
    margin-bottom: 0
}

.unit-login__nav {
    margin-top: 2rem;
    text-transform: capitalize
}

.unit-map__iframe {
    max-width: 100%
}

[package-group="widget"] {
    z-index: 110
}

.widget-toTop-wrap {
    position: fixed;
    right: 15px;
    bottom: calc(10% - 70px);
    cursor: pointer;
    z-index: 9;
    width: 60px;
    border-radius: 50%
}

.widget-toTop-btn {
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    transition: all .6s;
    width: 60px;
    line-height: 60px;
    background-color: #fff;
    color: var(--main-color);
    text-align: center;
    box-shadow: 0 5px 15px 0 rgba(40,47,54,0.08);
    border-radius: 50%
}

.widget-toTop-btn.active {
    opacity: 1;
    visibility: visible
}

.widget-toTop-btn:active {
    background-color: var(--main-color);
    color: #fff
}

@media(min-width: 768px) {
    .widget-toTop-btn:hover {
        background-color:var(--main-color);
        color: #fff
    }
}

.widget-quote-list {
    display: none
}

.widget-quote-list.show {
    display: block
}

.widget-quote-list__content-wrap {
    position: fixed;
    right: 15px;
    bottom: calc(10% + var(--FAQ-B) + var(--social-height));
    cursor: pointer;
    z-index: 100
}

.widget-quote-list__btn {
    display: block;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%),0 2px 16px 0 rgb(0 0 0 / 12%);
    background-color: var(--main-color);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.widget-quote-list__icon {
    position: relative;
    font-size: 22px;
    color: #fff
}

.widget-quote-list__badge {
    position: absolute;
    top: 0;
    right: 10px;
    transform: translate(100%,-50%);
    font-size: 12px;
    color: #fff;
    background-color: #ef0c0c;
    border-radius: 10px;
    display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid var(--main-color)
}

.widget-product-lives-wrap {
    position: fixed;
    right: 5px;
    bottom: calc(50% + 55px);
    cursor: pointer;
    z-index: 9;
    width: 50px;
    display: none
}

.widget-product-lives-wrap a {
    border-radius: 50%;
    display: block;
    overflow: hidden
}

#app[page-type="landing_page"] [package-widget-type="product-lives"] {
    display: none
}

.button-disabled {
    cursor: not-allowed !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    opacity: .4;
    border: solid 1px #808080 !important
}

.unit-logo img {
    height: 65px
}

@media(max-width: 768px) {
    .unit-logo img {
        height:45px
    }
}

.col-12_7,.col-12_7 {
    max-width: calc(100% / 7);
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7)
}

.col-12_8,.col-12_8 {
    max-width: calc(100% / 8);
    -ms-flex: 0 0 calc(100% / 8);
    flex: 0 0 calc(100% / 8)
}

.col-12_9,.col-12_9 {
    max-width: calc(100% / 9);
    -ms-flex: 0 0 calc(100% / 9);
    flex: 0 0 calc(100% / 9)
}

.col-12_10,.col-12_10 {
    max-width: calc(100% / 10);
    -ms-flex: 0 0 calc(100% / 10);
    flex: 0 0 calc(100% / 10)
}

.col-12_11,.col-12_11 {
    max-width: calc(100% / 11);
    -ms-flex: 0 0 calc(100% / 11);
    flex: 0 0 calc(100% / 11)
}

@media(min-width: 768px) and (max-width:1200px) {
    .col-md-12_7,.col-md-12_7 {
        max-width:calc(100% / 7);
        -ms-flex: 0 0 calc(100% / 7);
        flex: 0 0 calc(100% / 7)
    }

    .col-md-12_8,.col-md-12_8 {
        max-width: calc(100% / 8);
        -ms-flex: 0 0 calc(100% / 8);
        flex: 0 0 calc(100% / 8)
    }

    .col-md-12_9,.col-md-12_9 {
        max-width: calc(100% / 9);
        -ms-flex: 0 0 calc(100% / 9);
        flex: 0 0 calc(100% / 9)
    }

    .col-md-12_10,.col-md-12_10 {
        max-width: calc(100% / 10);
        -ms-flex: 0 0 calc(100% / 10);
        flex: 0 0 calc(100% / 10)
    }

    .col-md-12_11,.col-md-12_11 {
        max-width: calc(100% / 11);
        -ms-flex: 0 0 calc(100% / 11);
        flex: 0 0 calc(100% / 11)
    }
}

@media(min-width: 1200px) {
    .col-xl-12_7,.col-xl-12_7 {
        max-width:calc(100% / 7);
        -ms-flex: 0 0 calc(100% / 7);
        flex: 0 0 calc(100% / 7)
    }

    .col-xl-12_8,.col-xl-12_8 {
        max-width: calc(100% / 8);
        -ms-flex: 0 0 calc(100% / 8);
        flex: 0 0 calc(100% / 8)
    }

    .col-xl-12_9,.col-xl-12_9 {
        max-width: calc(100% / 9);
        -ms-flex: 0 0 calc(100% / 9);
        flex: 0 0 calc(100% / 9)
    }

    .col-xl-12_10,.col-xl-12_10 {
        max-width: calc(100% / 10);
        -ms-flex: 0 0 calc(100% / 10);
        flex: 0 0 calc(100% / 10)
    }

    .col-xl-12_11,.col-xl-12_11 {
        max-width: calc(100% / 11);
        -ms-flex: 0 0 calc(100% / 11);
        flex: 0 0 calc(100% / 11)
    }
}

.cell-has-list {
    width: 100%
}

[page-type="resource_aggregation"] [package-item="unit"] {
    padding-top: 0;
    padding-bottom: 0
}

.bg-vimeo {
    --social-icon: #17d5ff
}

.bg-okru {
    --social-icon: #f4731c
}

.none {
    display: none
}

.discount-timer {
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 3px;
    background-color: rgb(244 98 64 / 8%);
    color: #ee2427;
    font-size: 12px
}

[page-type="cart"] .discount-timer {
    max-width: 180px
}

.discount-timer.is-loaded {
    opacity: 1
}

.discount-timer.no-day .discount-timer__date-wrap--day {
    display: none
}

.discount-timer em,.discount-timer i {
    font-style: normal
}

.discount-timer__date-content,.discount-timer__date-wrap {
    display: flex
}

.discount-timer__day,.discount-timer__title,.discount-timer__date-wrap,.discount-timer__date--dd em,.discount-timer__date--dd i {
    padding: 0 2px
}

.message-notice {
    padding: 8px;
    text-align: center
}

.message-notice__inner {
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%),0 6px 16px 0 rgb(0 0 0 / 8%),0 9px 28px 8px rgb(0 0 0 / 5%);
    pointer-events: all
}

.message-notice__icon {
    margin-right: 8px
}

.message-notice__icon.icon-base-info-fill {
    color: #1890ff
}

.message-notice__icon.icon-base-success-fill {
    color: #52c41a
}

.message-notice__icon.icon-base-close-fill {
    color: #ff4d4f
}

.message-notice__icon.icon-base-error-fill {
    color: #faad14
}

.message-notice__icon.loading {
    --loading-size: 8px;
    padding-left: 1em
}

.message-notice__icon.loading::after {
    border-width: 2px
}

.modal-open [package-block-type="header"] {
    z-index: -1
}

.modal {
    display: flex;
    position: absolute;
    top: 0;
    left: -100vw;
    z-index: 2;
    width: 100vw;
    height: calc(100vh - var(--SAIB));
    background-color: rgba(0,0,0,.45);
    justify-content: center;
    align-items: flex-start;
    padding: 10vh 5vw;
    transition: opacity .2s;
    opacity: 0;
    visibility: hidden
}

.modal.show {
    visibility: visible;
    opacity: 1;
    left: 0
}

.modal.pos--tl {
    justify-content: flex-start;
    align-items: flex-start
}

.modal.pos--tc {
    justify-content: center;
    align-items: flex-start
}

.modal.pos--tr {
    justify-content: flex-end;
    align-items: flex-start
}

.modal.pos--cl {
    justify-content: flex-start;
    align-items: center
}

.modal.pos--cc {
    justify-content: center;
    align-items: center
}

.modal.pos--cr {
    justify-content: flex-end;
    align-items: center
}

.modal.pos--bl {
    justify-content: flex-start;
    align-items: flex-end
}

.modal.pos--bc {
    justify-content: center;
    align-items: flex-end
}

.modal.pos--br {
    justify-content: flex-end;
    align-items: flex-end
}

.modal.allow_overflow .modal__inner,.modal.allow_overflow .modal__body {
    overflow: initial
}

.modal__inner {
    max-height: 100%;
    background-color: #FFF;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%),0 6px 16px 0 rgb(0 0 0 / 8%),0 9px 28px 8px rgb(0 0 0 / 5%);
    display: flex;
    flex-flow: column;
    overflow: hidden
}

.modal__inner-sm {
    width: 300px
}

.modal__inner-md {
    width: 500px
}

.modal__inner-lg {
    width: 800px
}

.modal__inner-xl {
    width: 1140px
}

.modal__header {
    flex: 0;
    position: relative;
    padding: 16px 24px;
    color: rgba(0,0,0,.85);
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0
}

.modal__title {
    margin: 0;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word
}

.modal__close {
    font-family: iconfont,sans-serif;
    text-shadow: 0 0 1px rgba(0,0,0,.05);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    line-height: 50px;
    font-size: 30px;
    width: 56px;
    height: 56px;
    text-align: center;
    color: rgba(0,0,0,.45);
    cursor: pointer
}

.modal__body {
    flex: 1 1;
    overflow: auto;
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word
}

.modal__body::-webkit-scrollbar {
    width: 3px
}

.modal__footer {
    flex: 0;
    padding: 10px 16px;
    overflow: hidden;
    background: 0;
    border-top: 1px solid #f0f0f0;
    border-radius: 0 0 2px 2px
}

.modal__footer-inner {
    margin: -4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.modal__footer-btn {
    padding: 4px
}

.modal__footer .btn {
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: rgba(0,0,0,.85);
    background: #fff;
    border: 1px solid #d9d9d9
}

.modal__footer .btn-primary {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 0 rgb(0 0 0 / 5%)
}

.move-up-appear,.move-up-enter,.move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-appear,.move-up-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    -webkit-animation-name: antMoveUpIn;
    animation-name: antMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveUpOut;
    animation-name: antMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.pos--tl .move-up-appear.move-up-appear-active,.pos--cl .move-up-appear.move-up-appear-active,.pos--bl .move-up-appear.move-up-appear-active {
    -webkit-animation-name: antMoveLeftIn;
    animation-name: antMoveLeftIn
}

.pos--tl .move-up-leave.move-up-leave-active,.pos--cl .move-up-leave.move-up-leave-active,.pos--bl .move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveLeftOut;
    animation-name: antMoveLeftOut
}

.pos--tr .move-up-appear.move-up-appear-active,.pos--cr .move-up-appear.move-up-appear-active,.pos--br .move-up-appear.move-up-appear-active {
    -webkit-animation-name: antMoveRightIn;
    animation-name: antMoveRightIn
}

.pos--tr .move-up-leave.move-up-leave-active,.pos--cr .move-up-leave.move-up-leave-active,.pos--br .move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveRightOut;
    animation-name: antMoveRightOut
}

.pos--bc .move-up-appear.move-up-appear-active {
    -webkit-animation-name: antMoveDownIn;
    animation-name: antMoveDownIn
}

.pos--bc .move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveDownOut;
    animation-name: antMoveDownOut
}

@-webkit-keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveUpOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveUpOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveLeftOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveLeftOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveRightOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveRightOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveDownOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveDownOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

.unit-video-popup__preview {
    text-align: center;
    position: relative;
    padding-top: 20px
}

.unit-video-popup__thumbnail {
    display: inline-block
}

.unit-video-popup__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    cursor: pointer;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s
}

.unit-video-popup__play i {
    font-size: 40px;
    color: #FFF;
    text-shadow: 0 0 40px #000;
    transition: .3s
}

.unit-video-popup__play:hover {
    background: rgba(0,0,0,.8);
    transform: translate(-50%,-50%) scale(1.2)
}

.unit-video-popup__play:hover i {
    text-shadow: 0 0 30px #000
}

.unit-video-popup__window-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0,0,0,.8);
    transition: .3s
}

.unit-video-popup__window-wrap.show {
    z-index: 1024;
    visibility: visible;
    opacity: 1
}

.unit-video-popup__window {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100vw;
    max-height: 100vh
}

@media(max-width: 765px) {
    .unit-video-popup__window {
        width:100%
    }
}

.unit-video-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 40px;
    line-height: 1;
    color: #FFFF;
    transition: .3s;
    z-index: 9999
}

.unit-video-popup__close:hover {
    text-shadow: 0 0 20px #FFF
}

.unit-video-popup__content {
    padding-top: 50px;
    text-align: center;
    font-size: 0
}

.unit-video-popup__content video,.unit-video-popup__content iframe {
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 80px);
    display: inline-block;
    border: 0;
    outline: 0
}

.unit-video-popup__content iframe {
    width: 80vw;
    height: 80vw
}

@media(max-width: 768px) {
    .unit-video-popup__content iframe {
        width:90vw
    }
}

@media(min-width: 1200px) {
    .unit-video-popup__content video {
        max-width:1200px
    }
}

.drawer-mask {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: auto;
    display: none
}

.drawer-mask.active {
    display: block;
    opacity: 1
}

.drawer-container {
    z-index: 999;
    position: fixed;
    bottom: 0;
    transform: translateY(70vh);
    width: 100%;
    height: 70vh;
    background: white;
    box-shadow: -2px 0 8px rgba(0,0,0,0.15);
    transition: transform .3s ease-in-out;
    pointer-events: none
}

.drawer-container.active {
    transform: translateY(0);
    pointer-events: auto
}

.drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0
}

.drawer-title {
    font-size: 18px;
    font-weight: 500;
    padding: 15px
}

.drawer-close-btn {
    font-size: 20px;
    color: #888;
    height: 40px;
    line-height: 38px;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px
}

.drawer-content {
    padding: 15px;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: calc(100% - 58px);
    padding-right: 12px
}

.drawer-content::-webkit-scrollbar {
    width: 3px
}

.drawer-content::-webkit-scrollbar-track {
    background: #fff
}



form label {
    margin-bottom: 0
}

.unit-form .dropdown-item {
    white-space: break-spaces;
    word-break: break-word
}

[form-style] .form-control,[form-style] .dropdown-menu,[form-style] .dropdown-item,[form-style] .dropdown-item.active,[form-style] .dropdown-item:active {
    color: unset;
    font-size: unset
}

.unit-form__select-box:after {
    content: "\e65c";
    font-family: iconfont;
    color: #000;
    position: absolute;
    right: var(--x);
    top: 2px;
    padding-top: var(--y);
    pointer-events: none
}

[form-style] .unit-form__select-box:after {
    color: inherit
}

.unit-form .unit-form__select-options {
    width: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border-radius: 0;
    border: solid 1px rgba(0,0,0,0.1);
    background-color: #f5f5f5
}

.unit-form .unit-form__select-option:active,.unit-form .unit-form__select-option:hover {
    background-color: rgba(0,0,0,0.15)
}

.unit-form .unit-form__select-option {
    min-height: 32px
}

form .dropdown {
    position: relative
}

form .unit-form__select-box {
    flex-grow: 1
}

.unit-form__checkbox img {
    position: relative;
    --loading-size: 1rem;
    --loading-bg: rgba(245,245,245,1)
}

.unit-form__checkbox img.loading:before {
    background: var(--loading-bg);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.unit-form__checkbox img.img-error {
    opacity: 0
}

.unit-form__checkbox-list {
    display: flex;
    flex-grow: 1
}

.unit-form__checkbox-list-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    flex-wrap: wrap;
    row-gap: 10px
}

.unit-form__item {
    display: flex
}

.unit-form__item.unit-form__item-submit {
    display: block
}

.unit-form__item-inner {
    flex-grow: 1
}

.checkbox-use-img .unit-form__checkbox-label {
    padding-top: 8px;
    text-align: center;
    display: flex;
    flex-direction: row
}

.unit-form__checkbox-label {
    text-align: left
}

.unit-form__checkbox-inner {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

form .unit-form__checkbox-list.unit-form__control,form .unit-form__checkbox-list.unit-form__control ~ .unit-form__label {
    padding-top: var(--y);
    padding-bottom: var(--y)
}

form .unit-form__label {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none
}

form .unit-form__checkbox-list.unit-form__control:not(.checkbox-use-img) .unit-form__checkbox-list-inner {
    padding-top: calc(var(--y) + 15px)
}

form .unit-form__checkbox-list.unit-form__control.checkbox-use-img .unit-form__checkbox-list-inner {
    padding-top: calc(var(--y) + 15px)
}

.checkbox-use-img .unit-form__checkbox-inner {
    flex-direction: column
}

.checkbox-use-img .unit-form__checkbox-input-box {
    width: 100%
}

.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label {
    --label-shrink-width: 26px;
    width: 100%;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label>.label-shrink {
    width: var(--label-shrink-width)
}

.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label>.label-content {
    flex-grow: 1
}

.checkbox-use-img .unit-form__checkbox .label-content {
    width: calc(100% - var(--label-shrink-width));
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.unit-form__checkbox-list .unit-form__checkbox {
    padding-left: 0;
    padding-right: 0
}

.unit-form__checkbox-input-box {
    margin: 0
}

.unit-form__checkbox-inner>.unit-form__checkbox-input-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.unit-form__checkbox {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: flex-start
}

.checkbox-use-img .unit-form__checkbox-inner {
    min-width: 116px;
    max-width: 118px
}

.unit-form__checkbox .custom-checkbox {
    width: 18px;
    height: 18px;
    position: relative;
    margin: 2px 8px 0 0;
    background: #f5f5f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: solid 1px rgba(0,0,0,.1);
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0
}

.unit-form__checkbox .custom-checkbox input[type="checkbox"] {
    opacity: 0
}

.unit-form__checkbox img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    display: block
}

.unit-form__checkbox input[type="checkbox"] ~ .checked {
    display: none;
    background: var(--main-color);
    color: #f5f5f5;
    font-size: 10px;
    line-height: 16px;
    font-weight: lighter;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.unit-form__checkbox input[type="checkbox"]:checked ~ .checked {
    display: block
}

.unit-form__control.form-control.phone-area-code {
    border-color: transparent !important;
    background: transparent !important;
    position: absolute;
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
    width: calc(4em + var(--x))
}

.phone-area-code:focus {
    outline: 0;
    outline-offset: 0;
    box-shadow: none
}

.phone-area-code.area-code-select {
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer
}

.phone-area-code.area-code-select option {
    color: #333
}

.phone-area-code.area-code-display {
    white-space: nowrap;
    line-height: inherit
}

.area-code-display.dropdown-toggle::after {
    vertical-align: middle
}

.unit-form__control.phone-input {
    padding-left: calc(4em + var(--x)) !important;
    -webkit-appearance: none;
    line-height: inherit
}

[label-style]:not([label-style="1"]) .unit-form__control.phone-input {
    padding-left: calc(4em + var(--x)) !important;
    padding-top: calc(var(--y) + var(--y) * (2 / 3));
    padding-bottom: calc(var(--y) / 3)
}

[checkbox-style="2"] .unit-form__checkbox img {
    width: 36px;
    height: 36px;
    margin-right: 10px
}

[checkbox-style="2"] .unit-form__checkbox-label {
    padding-top: 0
}

[checkbox-style="2"] .unit-form__checkbox-inner {
    min-width: unset;
    max-width: unset
}

[checkbox-style="2"].checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-input-box {
    align-items: flex-start
}

[checkbox-style="2"].checkbox-use-img .unit-form__checkbox .label-content {
    text-align: left;
    align-self: center
}

[checkbox-style="2"] .unit-form__checkbox .label-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.unit-form__item.unit-form__item-submit {
    max-width: 100%
}

.form-row {
    padding-top: 5px;
    padding-bottom: 5px
}

.unit-form__select-option.multi_select {
    display: flex;
    align-items: center
}

.unit-form__item .multi_select__tags-wrap {
    display: flex;
    width: calc(100% - var(--x) * 3);
    position: absolute;
    z-index: 1;
    left: var(--x);
    top: calc(var(--y) + var(--y) * (2 / 3) + 3px);
    cursor: pointer
}

.unit-form__item .multi_select__tags {
    margin: -3px;
    display: flex;
    align-items: center;
    white-space: normal;
    overflow: hidden
}

.unit-form__item .multi_select__tags-rest {
    flex-shrink: 0;
    margin-left: 3px
}

.unit-form__item .multi_select__tag {
    padding: 3px;
    cursor: auto;
    max-width: 100%
}

.unit-form__item .multi_select__tag-inner {
    padding: 1px 8px;
    max-width: 100%;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: #f5f5f5;
    border-bottom-color: #eaeaed;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #eaeaed;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #eaeaed;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #eaeaed;
    border-top-style: solid;
    border-top-width: 1px
}

.multi_select__tag-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 2px;
    font-size: 12px;
    line-height: normal
}

.unit-form__item .multi_select__tag-close {
    cursor: pointer;
    font-size: 10px;
    color: rbga(var(--text-color),.6)
}

.unit-form__select-box:has(.is-invalid):after {
    bottom: 30px;
    right: 25px
}

.chat-online-unit-form__item-inner .phone-area-code {
    top: 29px
}

[header-cart] {
    position: relative
}

[header-cart][hide] {
    display: none
}

[header-quantity] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50%,-50%);
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 12px
}

[header-cart]:hover {
    color: var(--font-active)
}

.unit-header-title {
    display: none
}

@media(min-width: 1200px) {
    .unit-header-title {
        display:inline
    }

    [header-quantity] {
        left: 1.3em;
        transform: translate(25%,-50%)
    }
}

.unit-header-language img:not([src]) {
    opacity: 0
}

.unit-header-language {
    position: relative;
    cursor: pointer;
    --font-active: var(--main-color)
}

.unit-header-language__item:hover,.unit-header-language__title:hover {
    color: var(--font-active)
}

.unit-header-language__title {
    display: flex;
    align-items: center
}

.unit-header-language__text {
    padding-left: 5px
}

.unit-header-language__items {
    height: 0;
    opacity: 0;
    transition: all .3s;
    position: absolute;
    top: calc(100% + 0);
    right: 0;
    z-index: 100;
    border-radius: 8px;
    min-width: 100%;
    width: 180px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    max-height: 60vh;
    overflow-y: auto;
    padding: 15px
}

.unit-header-language .unit-header-language__items {
    padding: 0
}

.unit-header-language .unit-header-language__items.is-language-code {
    height: auto;
    opacity: 1;
    padding: 15px
}

.unit-header-language__item {
    color: #333
}

.unit-header-language__item:not(:last-child) {
    padding-bottom: 15px
}

.unit-header-language__item img {
    width: 34px
}

.unit-header-language .flag-icon {
    --flag-scale: .68;
    --flag-height: 21
}

.unit-header-language__item a {
    display: flex;
    align-items: center
}

.unit-header-language__item .unit-header-language__item--title {
    padding-left: 8px
}

[design-mode] .unit-header-language:hover .unit-header-language__items {
    height: 0;
    opacity: 0
}

.unit-header-language__modal .modal__inner-lg {
    width: 930px
}

.unit-header-language__modal .modal__title {
    font-size: 18px;
    font-weight: bold;
    color: #202223;
    line-height: 25px
}

.unit-header-language__modal .modal__title .modal__close {
    top: 12px
}

.unit-header-language__modal .modal__body {
    padding: 0
}

.unit-header-language__modal .unit-region-language__list.unit-region-language__list-by-continent {
    padding-top: 14px
}

.unit-header-language__modal .unit-region-language__title {
    font-size: 16px;
    font-weight: 400;
    color: #202223;
    line-height: 22px;
    padding-left: 24px
}

.unit-header-language__modal .unit-header-language__items {
    max-height: unset;
    display: grid;
    position: unset;
    opacity: 1;
    height: auto;
    box-shadow: unset;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
    grid-row-gap: 16px;
    justify-content: space-evenly;
    justify-items: center;
    padding: 8px
}

.unit-header-language__modal .unit-region-language__list-by-continent .unit-header-language__items {
    margin-top: -4px
}

.unit-header-language__modal .unit-header-language__item a {
    width: 122px;
    height: 122px;
    border-radius: 8px;
    border: 1px solid #eceeef;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    transition: all .2s
}

.unit-header-language__modal .unit-header-language__item a:hover {
    text-decoration: underline;
    opacity: 1;
    background: #fff;
    border-color: #fff;
    box-shadow: 0 1px 15px #ddd
}

.unit-header-language__modal .unit-header-language__item a img {
    width: 50px;
    height: auto;
    display: block
}

.unit-header-language__modal .unit-header-language__item a .unit-header-language__item--title,.unit-header-language__modal .unit-header-language__item a .unit-header-language__item--code {
    font-size: 14px;
    font-weight: 500;
    color: #6d7175;
    line-height: 20px;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center
}

.unit-header-language__modal .modal__footer-inner {
    justify-content: center;
    font-size: 14px;
    color: #202223;
    line-height: 20px
}

.unit-header-login__box {
    position: relative;
    cursor: pointer
}

.unit-header-login__box::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    padding: 20px 10px
}

.unit-header-login__login-list {
    display: flex;
    flex-direction: column;
    height: 0;
    opacity: 0;
    transition: all .3s;
    position: absolute;
    top: 130%;
    right: -10px;
    z-index: 100;
    border-radius: 5px;
    min-width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    max-height: 60vh;
    overflow-y: auto
}

.unit-header-login__box:hover .unit-header-login__login-list {
    height: auto;
    opacity: 1
}

.unit-header-login__login-list .unit-header-login__login-item {
    text-transform: initial;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    text-align: center;
    min-width: 100px;
    text-transform: capitalize
}

.unit-header-login__login-item:first-child {
    padding-top: 10px
}

.unit-header-login__login-item:hover {
    color: var(--font-active)
}

.unit-header-login__box:hover {
    color: var(--font-active)
}

.unit-header-login__login-item.arrow::before {
    content: '\e859';
    font-family: iconfont;
    display: inline-block;
    transform: rotate(-90deg)
}

[design-mode] .unit-header-login__box:hover .unit-header-login__login-list {
    height: 0;
    opacity: 0
}

.unit-header-menu__box [firstMenu],.unit-header-menu__box [subMenu] {
    font-size: 16px
}

.unit-header-menu__switch {
    cursor: pointer
}

.unit-header-menu__box {
    --header-color: #333;
    --header-bg: #fff;
    color: var(--header-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .3s;
    z-index: 9999;
    background-color: var(--header-bg)
}

.unit-header-menu__box.show {
    transform: translateX(0);
    overflow: initial
}

.unit-header-menu__box-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px
}

.unit-header-menu__box .unit-logo_image {
    height: 40px
}

.unit-header-menu__close {
    background-color: rgba(0,0,0,.1);
    border-radius: 50%;
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.unit-header-menu__box-body {
    padding: 10px 0
}

.unit-header-menu__search {
    margin-bottom: 10px;
    padding: 0 20px
}

.unit-header-menu__search-box {
    border-radius: 28px;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    overflow: hidden
}

.unit-header-menu__search-btn {
    padding: 0 10px
}

.unit-header-menu__search-btn .iconfont {
    font-size: 24px
}

.unit-header-menu__search-input {
    flex: 1;
    border: 0;
    font-size: 1.2em;
    padding-right: 10px;
    background-color: transparent;
    color: inherit
}

.unit-header-menu__search-input:focus-visible {
    outline: 0
}

.unit-header-menu__nav {
    height: calc(100vh - 184px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.unit-header-menu__nav__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding-bottom: 10px
}

.unit-header-menu__nav__item-link.active {
    color: var(--font-active) !important
}

.unit-header-menu__nav__item-link .iconfont {
    font-size: 14px;
    order: 2
}

.unit-header-menu__nav__item-link>div {
    order: 1
}

.unit-header-menu__nav__item-drop {
    transform: rotate(-90deg);
    position: relative;
    color: var(--header-color)
}

.unit-header-menu__nav__item-drop::after {
    content: "";
    display: block;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.unit-header-menu__nav__item-drop.active {
    transform: rotate(0)
}

.unit-header-menu__nav__item-link.active .unit-header-menu__nav__item-drop {
    color: inherit
}

.unit-header-menu__nav-item {
    padding: 0 20px 10px;
    color: var(--header-color)
}

.unit-header-menu__nav__item-son,.unit-header-menu__nav__item-grandson,.unit-header-menu__nav__item-grateson {
    padding-top: 10px;
    color: var(--header-color)
}

.unit-header-menu__nav__item-content,.unit-header-menu__nav__item-son-content,.unit-header-menu__nav__item-son-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s ease-in-out,opacity .3s ease-in-out;
    padding: 0 15px;
    padding-right: 0
}

.unit-header-menu__nav__item-content.show {
    height: auto;
    opacity: 1;
    overflow: initial
}

.unit-header-menu__nav__item-son-content.show {
    height: auto;
    opacity: 1;
    overflow: initial
}

.bubble-tag {
    margin-right: 35px;
    display: inline-flex
}

.unit-header-menu__box-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0
}

.unit-header-menu__box-item {
    flex: 1;
    position: relative;
    font-size: 16px
}

.unit-header-menu__box-item:not(:last-child)::after {
    content: '';
    height: 8px;
    width: 1px;
    background-color: #d1d1d1;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.unit-header-menu__language,.unit-header-menu__login {
    display: flex;
    justify-content: center;
    align-items: center
}

.unit-header-menu-login__box {
    position: relative
}

.unit-header-menu-login__list {
    display: none;
    position: absolute;
    bottom: 120%;
    left: 0;
    background: #fff;
    min-width: 100px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    color: #606266;
    z-index: 200;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all
}

.unit-header-menu-login__list.show {
    display: block
}

.unit-header-menu-login__list::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    margin-right: 3px;
    border-top-color: #ffff;
    border-width: 6px;
    border-bottom-width: 0;
    filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
}

.unit-header-menu-login__item {
    display: block;
    padding: 5px 0
}

.unit-header-menu-login__item.item-is__hidden {
    display: none
}

.unit-header-menu__nav_name,.unit-header-menu__nav-list_name,.unit-header-menu__nav-list_son_name {
    position: relative;
    word-break: break-word
}

.unit-header-menu__nav_bubble {
    position: absolute;
    right: -2px;
    transform: translate(100%,-30%);
    padding: 0 3px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    background: #ff961e
}

[package-block-type="header"] {
    --header-bg: #fff
}

.unit-header-nav {
    position: relative;
    --swiper-navigation-size: 18px
}

.unit-header-nav .swiper-scrollbar {
    background: 0
}

.unit-header-nav .swiper-button-prev {
    left: auto;
    margin-left: -15px;
    color: inherit;
    display: none
}

.unit-header-nav .swiper-button-next {
    right: 0;
    margin-right: -15px;
    color: inherit;
    display: none
}

.unit-header-nav .swiper-button-prev[aria-disabled='false'],.unit-header-nav .swiper-button-next[aria-disabled='false'] {
    display: flex
}

[firstMenu] {
    font-size: 16px
}

[subMenu] {
    font-size: 14px;
    --header-bg-fixed: #fff;
    --header-bg: #fff;
    color: #333
}

.unit-header-nav__item {
    width: auto;
    padding: 14px 15px;
    display: flex;
    align-items: center
}

.has-bubble {
    padding-right: 30px
}

.unit-header-nav__item-link {
    display: inline-flex;
    align-items: center
}

.unit-header-nav__item-link:hover,.unit-nav-flat_a:hover,.unit-header-nav__item-link.active,.unit-nav-flat_a.active {
    color: var(--font-active) !important
}

.unit-header-nav__item-content {
    display: none
}

.unit-header-nav__item-sub-content {
    position: absolute;
    top: 0;
    left: 100%;
    height: 0;
    background-color: var(--header-bg);
    border-radius: 5px;
    opacity: 0;
    transition: height .3s,opacity .3s;
    overflow: hidden
}

.unit-header-nav__item-sub-content.show {
    opacity: 1;
    width: auto;
    height: auto;
    overflow: initial
}

.unit-header-nav__subNav.show_right .unit-header-nav__item-sub-content {
    left: auto;
    right: 100%
}

.unit-header-nav__item-son,.unit-header-nav__item-grandson,.unit-header-nav__item-grateson {
    position: relative;
    padding: 18px 12px 0
}

.unit-header-nav__item-drop {
    transition: transform .3s
}

.unit-header-nav__item-son:hover>a .unit-header-nav__item-drop,.unit-header-nav__item-grandson:hover>a .unit-header-nav__item-drop,.unit-header-nav__item-grandson-tile:hover .unit-header-nav__item-drop,.unit-header-nav__item-grandson-tile.active .unit-header-nav__item-drop {
    transform: rotate(-90deg)
}

.unit-header-nav__item-son:last-child,.unit-header-nav__item-grandson:last-child,.unit-header-nav__item-grateson:last-child {
    padding-bottom: 18px
}

.unit-nav_title {
    flex-grow: 1
}

.unit-nav_name {
    position: sticky;
    display: inline-flex;
    max-width: 360px;
    word-break: break-word
}

.unit-nav_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word
}

[submenu] .unit-nav_name {
    max-width: 800px;
    white-space: nowrap;
    text-overflow: clip
}

[submenu] .unit-nav_text {
    max-width: 800px;
    white-space: nowrap;
    text-overflow: clip
}

.unit-nav_img {
    width: 60px;
    margin-right: 5px
}

.unit-nav_img img {
    width: 60px;
    max-width: inherit
}

.unit-nav_bubble {
    text-transform: lowercase;
    position: absolute;
    right: -2px;
    top: 0;
    transform: translate(100%,-50%);
    padding: 0 3px 3px;
    line-height: 14px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    background: #ff961e
}

.unit-header-nav__subNav {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s,opacity .3s;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background-color: var(--header-bg);
    border-radius: 5px
}

.unit-header-nav__subNav.show {
    height: auto;
    opacity: 1;
    overflow: initial
}

.unit-header-nav__subNav .unit-header-nav__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.unit-header-nav__subNav[sub-menu-type="1"].show {
    min-height: 40vh;
    max-height: 70vh;
    overflow-y: scroll;
    background-clip: padding-box
}

.unit-nav-flat_container {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 20px
}

.unit-header-nav-flat__item-son {
    width: calc(100% / var(--header-columns));
    display: flex;
    align-items: flex-start
}

.nav-item-img {
    text-align: right;
    margin-top: 20px
}

.item-list-container {
    max-height: 310px;
    overflow: hidden;
    width: 100%;
    padding-top: 20px
}

.right-container {
    width: 100%;
    padding-bottom: 10px;
    padding-right: 0
}

.unit-nav-flat_img {
    width: 100%;
    max-width: 140px
}

.unit-nav-flat_name {
    font-weight: bold;
    display: block
}

.unit-nav-flat_name,.unit-nav-flat_son_name {
    position: sticky;
    display: inline-block
}

.unit-nav-flat_more {
    position: relative;
    right: 0;
    top: 93%;
    cursor: pointer;
    font-weight: 700;
    color: #000;
    display: inline-block;
    transform: rotate(0);
    visibility: hidden
}

.unit-nav-flat_more.show {
    transform: rotate(180deg)
}

.unit-nav-flat_dropdown {
    position: absolute;
    background-color: var(--header-bg);
    border-radius: 5px;
    transition: height .3s,opacity .3s;
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 20%);
    opacity: 0;
    display: none
}

.unit-nav-flat_dropdown.show {
    opacity: 1;
    display: block
}

.bubble-tag {
    margin-right: 35px
}

.unit-header-nav__item-grandson-tile {
    position: relative;
    padding: 4px 0
}

.unit-nav-flat_dropdown .unit-header-nav__item-grateson {
    padding: 8px 8px 0
}

.unit-nav-flat_dropdown .unit-header-nav__item-grateson:last-child {
    padding-bottom: 8px
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-track {
    background-color: var(--header-bg)
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar {
    width: 5px
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.5)
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .border-line {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 1px;
    background: #eee
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"].show {
    opacity: 1;
    max-height: 1000px;
    pointer-events: initial
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] {
    opacity: 0;
    max-height: 0;
    transition-property: height,opacity,max-height;
    transition-duration: 300ms;
    transition-delay: 50ms;
    transition-timing-function: ease-in-out;
    pointer-events: none
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--header-bg);
    position: relative
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -15px
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son {
    cursor: pointer;
    padding: 0 15px
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son>a {
    font-weight: 400;
    line-height: 60px;
    display: flex;
    align-items: center
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son>a .unit-header-nav__item-drop {
    transition-property: transform;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
    padding-right: .25rem
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name,.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name {
    font-weight: 400;
    margin-right: 0;
    display: flex;
    align-items: center
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name .unit-nav_bubble,.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name .unit-nav_bubble {
    position: unset;
    transform: translate(0);
    margin-left: .25rem
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content {
    background-color: var(--header-bg);
    cursor: default;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    left: 0;
    z-index: 1;
    max-height: 70vh;
    border-top: 1px solid #EEE;
    display: none
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .flattwo-son-content_container {
    padding: 40px 0
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .unit-nav-flat_son_name {
    margin-right: 0
}

.flattwo-item-son_links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_a {
    font-size: inherit
}

.flattwo-item-son_links .link-column-header a .unit-nav_text {
    font-weight: 700
}

.flattwo-item-son_links_container .flattwo-item-son_links_column {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    margin: 0 -30px
}

.flattwo-item-son_links_column>div {
    width: calc(100% / var(--header-columns));
    gap: 15px;
    padding: 0 30px
}

.unit-nav-flattwo_grandson {
    display: inline-flex;
    flex-direction: column;
    gap: 15px
}

.unit-nav-flattwo_grandson a:hover .special-tex {
    text-decoration: underline
}

.flattwo-item-son_tile-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 20px
}

.flattwo-item-son_tile-container .flattwo-item-son_tile {
    display: inline-block;
    min-width: 150px;
    max-width: 50%
}

.flattwo-item-son_tile-container .flattwo-item-son_tile a {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: left;
    line-height: inherit
}

.flattwo-item-son_tile-container .flattwo-item-son_tile a.no-cursor {
    cursor: unset
}

.flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.jump-a):hover {
    text-decoration: underline
}

.flattwo-item-son_tile-container .flattwo-item-son_tile img.flattwo-item-son_tile-img {
    display: block;
    width: 100%
}

.flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: bold
}

.flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption .special-tex {
    word-break: break-all
}

.flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.no-cursor) .special-tex {
    text-decoration: underline
}

.flattwo-item-son_tile-container .flattwo-item-son_tile img {
    max-height: 200px
}

.flattwo-item-son_bottom {
    margin-top: 32px
}

.flattwo-item-son_bottom a {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    font-weight: bold;
    font-size: 14px
}

.flattwo-item-son_bottom a:hover .special-tex {
    text-decoration: underline
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover>a {
    font-weight: bold;
    box-shadow: 0 -2px 0 0 var(--main-color) inset
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover>a .unit-header-nav__item-drop {
    transform: rotate(180deg)
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .unit-header-nav-flattwo_item-son-content {
    display: block
}

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .border-line {
    display: block
}

.unit-header-nav .unit-header-nav__item.is-active {
    background-color: var(--first-header-bg)
}

[package-type="header"] [package-type="header-nav"] {
    padding: 0
}

.unit-header-nav__item.is-active>a .unit-header-nav__item-drop {
    transform: rotateX(180deg)
}

@-moz-document url-prefix() {
    .unit-header-nav__item-grandson-tile {
        position: relative;
        padding: 8px 0 4px
    }
}

.mobile_menu_overlay {
    background: rgba(46,45,43,0.8);
    z-index: 8;
    left: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none
}

.unit-header-search {
    position: relative
}

.unit-header-search:hover {
    color: var(--font-active)
}

.unit-header-search__box {
    display: flex
}

.unit-header-search__box.reverse {
    flex-direction: row-reverse
}

.unit-header-search__input {
    border-color: rgba(0,0,0,.1);
    outline: 0;
    box-shadow: none;
    display: none
}

.unit-header-search__input:focus {
    outline: 0;
    box-shadow: none
}

.unit-header-search__btn {
    cursor: pointer
}

.unit-header-search__btn .iconfont {
    font-size: inherit
}

.unit-header-search__btn,.unit-header-search__input {
    padding: .4rem .8rem;
    border-radius: .3rem
}

.unit-header-search__box:not([group]) .unit-header-search__btn {
    padding: 0
}

[group] .unit-header-search__input {
    display: block;
    border: 1px solid #dcdfe6
}

[group] .unit-header-search__input:focus {
    border-color: var(--font-active)
}

[group] .unit-header-search__btn {
    background-color: var(--font-active);
    color: #fff
}

[group]:not(.reverse) .unit-header-search__btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

[group]:not(.reverse) .unit-header-search__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[group].reverse .unit-header-search__btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[group].reverse .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.unit-header-search__modal {
    color: #333;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    z-index: 11;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s,opacity .3s
}

.unit-header-search__modal.show {
    height: auto;
    opacity: 1;
    overflow: initial
}

.unit-header-search__content {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    border-radius: 24px;
    border: 1px solid #e5e5e5;
    width: calc(100% - 20px);
    margin: 15px auto;
    height: 38px
}

.unit-header-search__modal-btn {
    font-weight: 700;
    opacity: .8;
    cursor: pointer
}

.unit-header-search__modal-input {
    font-size: 14px;
    padding-left: 0;
    border: 0
}

.unit-header-search__modal-input:focus {
    box-shadow: none;
    outline: 0
}

.unit-header-search__modal-close {
    font-weight: 300;
    opacity: .3;
    cursor: pointer;
    transition: all .3s
}

.unit-header-search__modal-close:hover {
    opacity: 1
}

.search-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 99
}

.search-mask-body {
    width: 100vw;
    height: calc(100vh - var(--SAIB));
    background-color: rgba(0,0,0,.45);
    transition: opacity .2s;
    opacity: 0;
    visibility: hidden
}

.search-mask-body.show {
    visibility: visible;
    opacity: 1
}

.unit-header-search__modal-box {
    position: absolute;
    width: 100%;
    z-index: 10
}

.unit-header-search__modal-box .unit-header-search__modal {
    position: unset;
    padding: 15px 0;
    box-shadow: unset;
    border-top: 1px solid #e8e8e8
}

.unit-header-search__modal-box .unit-header-search__modal .unit-header-search__content {
    margin: 0 auto
}

.unit-header-search__modal-box .unit-header-search__modal-input::-webkit-input-placeholder {
    color: #929292
}

@media(min-width: 1024px) {
    .unit-header-search__content {
        width:800px;
        margin: 40px auto;
        height: 48px
    }

    .unit-header-search__modal-box .unit-header-search__modal {
        padding: 40px 0
    }
}

a.unit-image--zoom {
    cursor: zoom-in
}

.image-zoom-box {
    cursor: default !important;
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center
}

.image-zoom-box {
    --swiper-navigation-size: 14px
}

.image-zoom-box .zoom-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: none
}

.image-zoom-box .zoom-box__close {
    position: absolute;
    right: 50px;
    top: 50px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    z-index: 100
}

.image-zoom-box .zoom-box__close .icon-action-close-2 {
    font-size: 20px
}

.image-zoom-box .swiper-container {
    width: 100%;
    height: 100%
}

.image-zoom-box .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.image-zoom-box .swiper-lazy-preloader {
    border-color: #fff
}

.image-zoom-box .zoom-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.image-zoom-box .zoom-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 10px;
    background: rgba(0,0,0,.2);
    font-size: 18px;
    color: #fff;
    width: 100%
}

.image-zoom-box .zoom-title-wrapper {
    display: inline-block;
    text-align: left;
    max-width: 100%;
    word-wrap: break-word
}

.image-zoom-box .swiper-slide img {
    display: block;
    max-width: 80vw;
    max-height: 80vh;
    min-width: 20vw;
    min-height: 20vh
}

.image-zoom-box .swiper-pagination-fraction {
    top: 50px;
    left: 50px;
    width: 64px;
    height: 32px;
    background: rgba(0,0,0,.2);
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.image-zoom-box .swiper-button-next,.image-zoom-box .swiper-button-prev {
    color: #fff;
    background: rgba(204,204,204,.5);
    padding: 20px;
    border-radius: 100%
}

.image-zoom-box .swiper-button-prev {
    left: 50px
}

.image-zoom-box .swiper-button-next {
    right: 50px
}

@media(max-width: 600px) {
    .image-zoom-box .zoom-box__close {
        right:20px;
        top: 20px
    }

    .image-zoom-box .swiper-pagination-fraction {
        top: 20px;
        left: 20px;
        font-size: 14px
    }

    .image-zoom-box .swiper-button-prev {
        left: 20px;
        bottom: 20px;
        top: auto
    }

    .image-zoom-box .swiper-button-next {
        right: 20px;
        bottom: 20px;
        top: auto
    }

    .image-zoom-box .zoom-title-wrapper {
        font-size: 14px
    }
}

.inquiry-modal .modal__inner-lg {
    width: 80%
}

.inquiry-modal .modal__footer {
    display: none
}

.inquiry-modal .unit-inquire-lists {
    height: auto;
    max-height: 400px
}

.inquiry-modal .modal__title,.inquiry-modal .custom-control-label {
    text-transform: capitalize
}

.unit-list__date {
    display: flex;
    flex-wrap: nowrap;
    opacity: .5;
    font-size: 14px
}

.unit-list__date-split::before {
    content: '-';
    padding: 0 1px
}

.nav {
    justify-content: center
}

.nav-item {
    cursor: pointer
}

.unit-list .tab-content {
    padding-top: 10px
}

a.unit-list__image--zoom {
    cursor: zoom-in
}

.list-zoom-box {
    cursor: default !important;
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center
}

.list-zoom-box {
    --swiper-navigation-size: 14px
}

.list-zoom-box .zoom-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: none
}

.list-zoom-box .zoom-box__close {
    position: absolute;
    right: 50px;
    top: 50px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    z-index: 100
}

.list-zoom-box .zoom-box__close .icon-action-close-2 {
    font-size: 20px
}

.list-zoom-box .swiper-container {
    width: 100%;
    height: 100%
}

.list-zoom-box .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.list-zoom-box .swiper-lazy-preloader {
    border-color: #fff
}

.list-zoom-box .zoom-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.list-zoom-box .zoom-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 10px;
    background: rgba(0,0,0,.5);
    font-size: 18px;
    color: #fff;
    width: 100%
}

.list-zoom-box .zoom-title-wrapper {
    display: inline-block;
    text-align: left;
    max-width: 100%;
    word-wrap: break-word
}

.list-zoom-box .swiper-slide img {
    display: block;
    max-width: 80vw;
    max-height: 80vh;
    min-width: 20vw;
    min-height: 20vh
}

.list-zoom-box .swiper-pagination-fraction {
    top: 50px;
    left: 50px;
    width: 64px;
    height: 32px;
    background: rgba(0,0,0,.2);
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.list-zoom-box .swiper-button-next,.list-zoom-box .swiper-button-prev {
    color: #fff;
    background: rgba(204,204,204,.5);
    padding: 20px;
    border-radius: 100%
}

.list-zoom-box .swiper-button-prev {
    left: 50px
}

.list-zoom-box .swiper-button-next {
    right: 50px
}

@media(max-width: 600px) {
    .list-zoom-box .zoom-box__close {
        right:20px;
        top: 20px
    }

    .list-zoom-box .swiper-pagination-fraction {
        top: 20px;
        left: 20px;
        font-size: 14px
    }

    .list-zoom-box .swiper-button-prev {
        left: 20px;
        bottom: 20px;
        top: auto
    }

    .list-zoom-box .swiper-button-next {
        right: 20px;
        bottom: 20px;
        top: auto
    }

    .list-zoom-box .zoom-title-wrapper {
        font-size: 14px
    }
}

@media(max-width: 768px) {
    .inquiry-modal {
        padding:0;
        align-items: flex-end;
        padding-bottom: var(--SAIB)
    }

    .inquiry-modal .modal__inner {
        max-height: 85%;
        width: 100%
    }

    .inquiry-modal .modal__footer-inner {
        display: flex;
        align-items: center
    }

    .inquiry-modal .modal__footer-btn {
        flex: 1
    }

    .inquiry-modal .modal__footer-inner .btn {
        width: 100%;
        border-radius: 20px
    }

    .inquiry-modal .btn-primary {
        background: linear-gradient(135deg,#ff7e00 0,#ff532c 100%);
        border: 0
    }

    .inquiry-modal .btn {
        height: 40px
    }

    .inquiry-modal .modal__footer {
        padding-bottom: calc(10px + var(--SAIB));
        display: block
    }

    .inquiry-modal .unit-form__item-submit {
        display: none
    }

    .inquiry-modal-inner .py-4 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
}

.resize-container .unit-list__item:first-child {
    position: absolute;
    z-index: 1
}

.resize-container .unit-list__item:last-child img[lazy-src][src=""] {
    display: block;
    margin-left: auto
}

.resize-container[direction="y"] .unit-list__item-inner {
    height: auto !important
}

.unit-list__split-line {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    cursor: e-resize
}

.resize-container[direction="y"] .unit-list__split-line {
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: n-resize
}

.unit-list__dragger {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center
}

.unit-list__icon-resize {
    line-height: 40px;
    font-size: 8px
}

.resize-container[direction="y"] .unit-list__split-line .unit-list__icon-resize::before {
    display: block;
    transform: rotate(90deg)
}

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

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

.swiper-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50%,1fr))
}

.swiper-grid .unit-list__item {
    max-width: unset
}

.swiper-grid .unit-list__a,.swiper-grid .unit-list__item-inner {
    height: 100%
}

@media(max-width: 767px) {
    .gcol-12 {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }

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

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

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

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

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

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

    .gcol-12_8 {
        grid-template-columns: repeat(8,minmax(0,1fr))
    }

    .gcol-12_9 {
        grid-template-columns: repeat(9,minmax(0,1fr))
    }

    .gcol-12_10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .gcol-12_11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

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

@media(min-width: 768px) and (max-width:1199px) {
    .gcol-md-12 {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }

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

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

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

    .gcol-md-2_4 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

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

    .gcol-md-12_7 {
        grid-template-columns: repeat(7,minmax(0,1fr))
    }

    .gcol-md-12_8 {
        grid-template-columns: repeat(8,minmax(0,1fr))
    }

    .gcol-md-12_9 {
        grid-template-columns: repeat(9,minmax(0,1fr))
    }

    .gcol-md-12_10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .gcol-md-12_11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

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

@media(min-width: 1200px) {
    .gcol-xl-12 {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }

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

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

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

    .gcol-xl-2_4 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

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

    .gcol-xl-12_7 {
        grid-template-columns: repeat(7,minmax(0,1fr))
    }

    .gcol-xl-12_8 {
        grid-template-columns: repeat(8,minmax(0,1fr))
    }

    .gcol-xl-12_9 {
        grid-template-columns: repeat(9,minmax(0,1fr))
    }

    .gcol-xl-12_10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .gcol-xl-12_11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

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

.unit-list.is-swiper .swiper-wrapper {
    align-items: stretch
}

.unit-list.is-swiper .swiper-wrapper {
    align-items: stretch;
    height: 100% !important
}

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

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

.is-swiper .unit-list__a,.is-swiper .unit-list__item-inner {
    height: 100%
}

.unit-list.is-swiper .swiper-wrapper {
    align-items: stretch;
    height: 100% !important
}

.is-swiper .unit-list__a,.is-swiper .unit-list__item-inner {
    height: 100%
}

.unit-list-10 {
    --border-color: #e4e4e4;
    --border-size: 1px;
    background: transparent
}

.unit-list-10 .unit-list__item {
    padding: 0;
    height: auto
}

.unit-list-10 .unit-list__item-inner {
    padding: 3.75rem
}

.unit-list-10 .unit-list__content {
    padding: 0
}

.unit-list-10 .unit-list__text {
    text-align: left;
    margin-top: 1rem;
    line-height: 1.36
}

.unit-list-10 .unit-list__text-inner {
    padding: 0
}

.unit-list-10 .base-image__item {
    display: flex;
    justify-content: flex-start
}

.unit-list-10 .base-image__img {
    height: 64px
}

.unit-list-10 .unit-list__description {
    margin: 10px 0 0 0
}

.unit-list-10 .base-image__img {
    color: var(--main-color)
}

.unit-list-10 svg {
    fill: currentColor
}

.unit-list-10 .unit-list__items {
    margin: 0
}

.unit-list-10 .unit-list__item .unit-list__item-inner {
    border: solid 1px var(--border-color);
    flex-direction: column !important
}

.unit-list__item-hover-linear {
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink)
}

@media(max-width: 768px) {
    .base-image__item[with-border="true"] .base-image__img {
        border:solid 1px transparent
    }
}

@media(max-width: 1200px) {
    .base-image__item[with-border-md="true"] .base-image__img {
        border:solid 1px transparent
    }
}

@media(min-width: 1200px) {
    .base-image__item[with-border-xl="true"] .base-image__img {
        border:solid 1px transparent
    }
}

.unit-list__item-hover-linear .unit-list__item-inner {
    position: relative;
    overflow: hidden
}

.unit-list__item-hover-linear {
    --hover-linear-bg-color: var(--main-color);
    --hover-linear-img-color: rgba(255,255,255,1);
    --hover-linear-font-color: rgba(255,255,255,1);
    transition: .6s all ease
}

.unit-list__item-hover-linear .unit-list__item-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 210%;
    transition: .6s all ease;
    background-image: linear-gradient(to left,transparent 50%,var(--hover-linear-bg-color) 50%) !important;
    background-position-x: calc(100% + 1px)
}

.unit-list__item-hover-linear>.unit-list__a {
    flex: 1
}

.unit-list__item-hover-linear .unit-list__text,.unit-list__item-hover-linear .unit-list__image {
    position: relative
}

.unit-list__item-hover-linear svg,.unit-list__item-hover-linear img,.unit-list__item-hover-linear .unit-list__text {
    transition: .6s ease-out
}

.unit-list__item-hover-linear:hover svg {
    fill: var(--hover-linear-img-color) !important;
    color: var(--hover-linear-img-color) !important
}

.unit-list__item-hover-linear:hover .unit-list__item-inner:before {
    background-position: left
}

.unit-list__item-hover-linear:hover .unit-list__title,.unit-list__item-hover-linear:hover .text_ellipsis,.unit-list__item-hover-linear:hover .unit-list__subtitle {
    color: var(--hover-linear-font-color) !important
}

.unit-list__item-hover-linear:hover {
    color: var(--hover-linear-font-color)
}

.hide-videotext .unit-list__text {
    opacity: 0;
    display: none !important
}

.module-banner-3-unit-1 .padding-left-container-width {
    padding-left: calc(50vw - var(--container-width) / 2)
}

.module-banner-3-unit-1 .padding-right-container-width {
    padding-right: calc(50vw - var(--container-width) / 2)
}

.module-banner-4-unit-1 .padding-left-container-width {
    padding-left: calc(50vw - var(--container-width) / 2)
}

.module-banner-4-unit-1 .padding-right-container-width {
    padding-right: calc(50vw - var(--container-width) / 2)
}

@media(max-width: 768px) {
    .unit-list-10 .unit-list__item-inner {
        padding:2.5rem
    }
}

.module-banner-7-unit-1 .swiper-pagination-bullet::before {
    border-top-width: 3px;
    width: 0
}

.module-banner-7-unit-1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    box-shadow: unset
}

.module-banner-7-unit-1 .swiper-pagination-bullet-active {
    background: #fff
}

.module-irregular-5-unit-1 .swiper-pagination-bullet::before {
    border-top-width: 3px;
    width: 0
}

.module-irregular-5-unit-1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    box-shadow: unset
}

.module-irregular-5-unit-1 .swiper-pagination-bullet-active {
    background: #fff
}

.module-irregular-5-unit-1 .unit-list__text.unit-list__text--outside {
    transform: none !important;
    top: 0 !important
}

@media(min-width: 1200px) {
    [composing-xl="image-left-alternate"][even-row="true"] .unit-list__item-inner,[composing-xl="image-right"] .unit-list__item-inner,[composing-xl="image-right-alternate"] .unit-list__item-inner {
        flex-direction:row-reverse !important
    }

    [composing-xl="image-left"] .unit-list__item-inner,[composing-xl="image-right-alternate"][even-row="true"] .unit-list__item-inner {
        flex-direction: row !important
    }
}

.unit-list__item-inner {
    --vw-scale: 1
}

[point-content="1"] .unit-list__content {
    display: flex
}

[point-content="1"] .unit-list__description {
    margin-left: auto
}

[point-content="1"] .unit-list__content {
    align-items: flex-end
}

[point-content="1"] .unit-list__text-inner {
    width: 100%
}

[point-content="1"] .unit-list__image {
    align-items: center
}

[point-content="1"] .unit-list__content {
    overflow: hidden
}

[point-content="1"] .unit-list__title,[point-content="1"] .unit-list__subtitle {
    max-width: 100%
}

[point-content="1"] .unit-list__title .text_ellipsis {
    -webkit-line-clamp: 1;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: left
}

[point-content="1"] .unit-list__description .text_ellipsis {
    padding-right: 1px
}

[point-content="2"] .unit-list__content {
    display: flex;
    flex-wrap: wrap
}

[point-content="2"] .unit-list__subtitle {
    display: flex;
    align-items: end
}

[point-content="2"] .unit-list__image {
    align-items: center
}

[point-content="2"] .unit-list__description {
    width: 100%
}

[point-content="2"] .unit-list__content {
    text-align: left
}

@media(min-width: 1200px) {
    [layout_superiority_xl='3'] .unit-list__image,[layout_superiority_xl='4'] .unit-list__image {
        width:100% !important;
        display: flex
    }

    [layout_superiority_xl='3'] .unit-list__text,[layout_superiority_xl='4'] .unit-list__text {
        width: 100% !important
    }

    [layout_superiority_xl='1'] .unit-list__image,[layout_superiority_xl='2'] .unit-list__image {
        width: 13%
    }

    [layout_superiority_xl='1'] .unit-list__text,[layout_superiority_xl='2'] .unit-list__text {
        width: 87%
    }

    [point-content_xl="1"] .unit-list__content {
        display: flex
    }

    [point-content_xl="1"] .unit-list__description {
        margin-left: auto
    }

    [point-content_xl="1"] .unit-list__content {
        align-items: flex-end
    }

    [point-content_xl="1"] .unit-list__text-inner {
        width: 100%
    }

    [point-content_xl="1"] .unit-list__image {
        align-items: center
    }

    [point-content_xl="1"] .unit-list__content {
        overflow: hidden
    }

    [point-content_xl="1"] .unit-list__title,[point-content_xl="1"] .unit-list__subtitle {
        max-width: 100%
    }

    [point-content_xl="1"] .unit-list__title .text_ellipsis {
        -webkit-line-clamp: 1;
        white-space: nowrap;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        text-align: left
    }

    [point-content_xl="1"] .unit-list__description .text_ellipsis {
        padding-right: 1px
    }

    [point-content_xl="2"] .unit-list__content {
        display: flex;
        flex-wrap: wrap
    }

    [point-content_xl="2"] .unit-list__subtitle {
        display: flex;
        align-items: end
    }

    [point-content_xl="2"] .unit-list__image {
        align-items: center
    }

    [point-content_xl="2"] .unit-list__description {
        width: 100%
    }

    [point-content_xl="2"] .unit-list__content {
        text-align: left
    }
}

@media(min-width: 767px) and (max-width:1199px) {
    [layout_superiority_md='3'] .unit-list__image,[layout_superiority_md='4'] .unit-list__image {
        width:100% !important;
        display: flex
    }

    [layout_superiority_md='3'] .unit-list__text,[layout_superiority_md='4'] .unit-list__text {
        width: 100% !important
    }

    [layout_superiority_md='1'] .unit-list__image,[layout_superiority_md='2'] .unit-list__image {
        width: 13%
    }

    [layout_superiority_md='1'] .unit-list__text,[layout_superiority_md='2'] .unit-list__text {
        width: 87%
    }

    [point-content_md="1"] .unit-list__content {
        display: flex
    }

    [point-content_md="1"] .unit-list__description {
        margin-left: auto
    }

    [point-content_md="1"] .unit-list__content {
        align-items: flex-end
    }

    [point-content_md="1"] .unit-list__text-inner {
        width: 100%
    }

    [point-content_md="1"] .unit-list__image {
        align-items: center
    }

    [point-content_md="1"] .unit-list__content {
        overflow: hidden
    }

    [point-content_md="1"] .unit-list__title,[point-content_md="1"] .unit-list__subtitle {
        max-width: 100%
    }

    [point-content_md="1"] .unit-list__title .text_ellipsis {
        -webkit-line-clamp: 1;
        white-space: nowrap;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        text-align: left
    }

    [point-content_md="1"] .unit-list__description .text_ellipsis {
        padding-right: 1px
    }

    [point-content_md="2"] .unit-list__content {
        display: flex;
        flex-wrap: wrap
    }

    [point-content_md="2"] .unit-list__subtitle {
        display: flex;
        align-items: end
    }

    [point-content_md="2"] .unit-list__image {
        align-items: center
    }

    [point-content_md="2"] .unit-list__description {
        width: 100%
    }

    [point-content_md="2"] .unit-list__content {
        text-align: left
    }
}

@media(max-width: 766px) {
    [layout_superiority_default='3'] .unit-list__image,[layout_superiority_default='4'] .unit-list__image {
        width:100% !important;
        display: flex
    }

    [layout_superiority_default='3'] .unit-list__text,[layout_superiority_default='4'] .unit-list__text {
        width: 100% !important
    }

    [layout_superiority_default='1'] .unit-list__image,[layout_superiority_default='2'] .unit-list__image {
        width: 13%
    }

    [layout_superiority_default='1'] .unit-list__text,[layout_superiority_default='2'] .unit-list__text {
        width: 87%
    }

    [point-content_default="1"] .unit-list__content {
        display: flex
    }

    [point-content_default="1"] .unit-list__description {
        margin-left: auto
    }

    [point-content_default="1"] .unit-list__content {
        align-items: flex-end
    }

    [point-content_default="1"] .unit-list__text-inner {
        width: 100%
    }

    [point-content_default="1"] .unit-list__image {
        align-items: center
    }

    [point-content_default="1"] .unit-list__content {
        overflow: hidden
    }

    [point-content_default="1"] .unit-list__title,[point-content_default="1"] .unit-list__subtitle {
        max-width: 100%
    }

    [point-content_default="1"] .unit-list__title .text_ellipsis {
        -webkit-line-clamp: 1;
        white-space: nowrap;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        text-align: left
    }

    [point-content_default="1"] .unit-list__description .text_ellipsis {
        padding-right: 1px
    }

    [point-content_default="2"] .unit-list__content {
        display: flex;
        flex-wrap: wrap
    }

    [point-content_default="2"] .unit-list__subtitle {
        display: flex;
        align-items: end
    }

    [point-content_default="2"] .unit-list__image {
        align-items: center
    }

    [point-content_default="2"] .unit-list__description {
        width: 100%
    }

    [point-content_default="2"] .unit-list__content {
        text-align: left
    }
}

.unit-product-list__tabs .nav-item {
    margin: 0 10px
}

.unit-content-list .unit-list__items {
    margin: -10px
}

.unit-content-list .unit-list__item {
    padding: 10px
}

@media(min-width: 768px) {
    .unit-content-list .unit-list__items {
        margin:-0.4vw
    }

    .unit-content-list .unit-list__item {
        padding: .4vw
    }
}

.unit-content-list .unit-list__date {
    opacity: 1
}

.unit-content-list .unit-list__tags {
    color: rgba(0,0,0,0.8);
    -webkit-line-clamp: 1;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: left
}

.unit-content-list .unit-list__tag {
    margin-right: .3em
}

.unit-content-list .unit-list__subtitle,.unit-content-list .unit-list__description {
    opacity: 1
}

.unit-content-list.is-swiper .unit-list__items {
    margin: 0 !important
}

.unit-content-list.is-swiper .swiper-wrapper {
    align-items: stretch;
    height: 100% !important
}

.unit-content-list.is-swiper .swiper-wrapper {
    padding-bottom: 2vw
}

.unit-content-list.is-swiper .swiper-pagination {
    bottom: 0
}

.unit-content-list.is-swiper .swiper-wrapper.no-swiper-pagination {
    padding-bottom: 0 !important
}

@media(max-width: 1200px) {
    .unit-content-list.is-swiper .swiper-wrapper {
        padding-bottom:5vw
    }
}

.unit-content-list .tab-header .unit-product-list__tabs {
    justify-content: flex-start
}

.unit-content-list .more-content {
    display: none
}

.unit-content-list .more-content[show-read-more="0"] {
    display: block
}

.unit-content-list .content-set {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    flex-wrap: wrap;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 9
}

.unit-content-list .content-set .change-set {
    display: flex
}

.unit-content-list .content-set .change-set span {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 14px;
    color: rgba(0,0,0,0.8);
    cursor: pointer
}

.unit-content-list .content-set .change-set span.active {
    background: var(--main-color);
    color: #fff
}

.unit-content-list .content-set .change-set span:not(:last-child) {
    margin-right: 10px
}

.unit-content-list .content-set .total {
    font-size: 14px;
    color: #000000cc;
    padding-top: 15px;
    display: none
}

.unit-content-list .content-set .total .lowercase-text {
    text-transform: lowercase
}

.unit-content-list .unit-breadcrumb-content {
    margin: 10px 0;
    display: none
}

@media(max-width: 767px) {
    .unit-content-list [show-read-more="5"],.unit-content-list [show-read-more="6"],.unit-content-list [show-read-more="7"] {
        display:block
    }

    .unit-content-list .tab-header {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 11
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .unit-content-list [show-read-more="3"],.unit-content-list [show-read-more="4"],.unit-content-list [show-read-more="7"] {
        display:block
    }
}

@media(min-width: 1200px) {
    .unit-content-list .content-set {
        padding-bottom:24px;
        padding-top: 0;
        position: static
    }

    .unit-content-list .content-set .total {
        padding-top: 0;
        display: block
    }

    .unit-content-list [show-read-more="2"],.unit-content-list [show-read-more="4"],.unit-content-list [show-read-more="6"] {
        display: block
    }

    .unit-content-list .unit-breadcrumb-content {
        margin: 0 0 10px;
        display: block
    }

    .unit-content-list .more-inner {
        padding-top: 20px !important
    }
}

.unit-content-list.scroll-list {
    padding-bottom: 40px
}

.unit-content-list .unit-content-list_pagination {
    padding-top: 10px
}

.unit-content-list .loading-inner {
    height: 40px;
    position: absolute;
    left: 50%
}

.unit-content-list .loading-inner .loading {
    height: 100%
}

.unit-content-list .more-inner {
    padding-top: 10px;
    text-align: center
}

.unit-content-list .more-inner .more-text {
    color: var(--main-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.unit-content-list .more-inner i {
    display: inline-block;
    transform: rotateY(180deg);
    padding-right: 5px
}

.unit-content-list .more-inner span {
    text-transform: capitalize
}

.unit-content-list .put-away i {
    transform: rotateX(180deg);
    padding-left: 5px;
    padding-right: 0
}

.unit-content-list .hidden-load-item .load-item {
    display: none
}

.unit-content-list .unit-product-list__tabs .nav-item {
    margin: 0;
    margin-right: 10px
}

.unit-content-list .unit-product-list__tabs .nav-item:last-child {
    margin-right: 0
}

.unit-content-list .unit-product-list__tabs .nav-item {
    background: #f1f1f1;
    border-radius: 8px;
    padding: 9px 18px;
    font-size: 14px;
    color: rgba(0,0,0,0.8)
}

.unit-content-list .unit-product-list__tabs .nav-item.active {
    background: var(--main-color);
    color: #fff
}

.unit-content-list .unit-breadcrumb>.breadcrumb-item+.breadcrumb-item::before {
    content: "\e600";
    font-family: "iconfont" !important;
    transform: rotate(180deg);
    padding: 0;
    color: inherit;
    display: flex;
    align-items: center
}

.unit-content-list .breadcrumb-item+.breadcrumb-item {
    padding: 0;
    position: relative
}

.unit-content-list .unit-breadcrumb-content .unit-breadcrumb {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.unit-content-list .breadcrumb-item {
    display: flex
}

.unit-content-list .unit-breadcrumb>.unit-breadcrumb__item:not(:first-child) a {
    padding: 0 5px
}

.unit-content-list .unit-breadcrumb>.unit-breadcrumb__item:first-child a {
    padding-right: 5px;
    text-transform: capitalize
}

.unit-content-list .unit-list__count-wrap {
    display: flex;
    flex-wrap: wrap
}

.unit-content-list .unit-list__count-wrap .iconfont {
    font-size: inherit;
    opacity: .8
}

.unit-content-list .unit-list__count-split::before {
    content: '';
    padding: 0 10px
}

.unit-content-list .unit-list__count-name {
    display: none
}

.module-content-detail-1-unit-3__wrapper .design-box .add-btn {
    display: none
}

.unit-list__tags {
    word-break: break-all;
    text-align: left
}

.unit-list__tags .unit-list__tag:not(:last-child) {
    margin-right: 3px
}

.unit-list__tags .unit-list__tag:hover {
    color: var(--main-color)
}

.unit-content-list__filter {
    background: #f8f8f8;
    border-radius: 8px;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 20px
}

.unit-content-list__filter-text {
    text-transform: capitalize;
    cursor: pointer;
    font-size: 14px !important
}

.unit-content-list__filter-text .unit-content-list__filter-default {
    font-weight: 500;
    font-size: 14px;
    color: #000
}

.unit-content-list__filter-text .iconfont {
    display: inline-block;
    transition: .3s;
    color: #999;
    font-weight: normal;
    font-size: 14px
}

.unit-content-list__filter-text.active .iconfont {
    transform: rotate(-180deg)
}

.unit-content-list__filter-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: #fff;
    z-index: 2;
    opacity: 0;
    display: none;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 10px 0
}

.unit-content-list__filter-text.active .unit-content-list__filter-dropdown {
    opacity: 1;
    display: block
}

.unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-list::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: '';
    border-width: 6px;
    top: -6px;
    border-bottom-color: #fff;
    border-top-width: 0;
    left: 40%
}

.unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-item {
    padding: 5px 30px;
    cursor: pointer;
    position: relative;
    color: rgba(0,0,0,0.8)
}

.unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-item:hover {
    color: var(--main-color)
}

.unit-content-list__filter-dropdown-item.active::before {
    content: '\e6b3';
    font-family: "iconfont" !important;
    font-size: 12px;
    transform: scale(.7);
    position: absolute;
    left: 10px;
    top: 7px;
    opacity: .5
}

.unit-content-list__filter-type {
    flex-shrink: 0;
    display: none
}

.unit-content-list__filter-type .iconfont {
    cursor: pointer;
    font-size: 18px
}

.unit-content-list__filter-type .iconfont.active {
    color: var(--main-color)
}

.unit-content-list__filter-type .iconfont:not(.active) {
    opacity: .8
}

.unit-content-list .unit-list__items-single-row {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.unit-content-list .unit-list__items-single-row .unit-list__item-inner {
    flex-direction: row !important;
    align-items: center
}

.unit-content-list .unit-list__items-single-row .unit-list__video,.unit-content-list .unit-list__items-single-row .unit-list__image {
    width: 40%
}

.unit-content-list .unit-list__items-single-row .unit-list__text {
    padding: 0 !important;
    padding-left: 10px !important;
    flex: 1;
    width: 0
}

.unit-content-list [data-tabtype="all_polymerize_list"].nav-item {
    text-transform: capitalize
}

@media(min-width: 768px) {
    .unit-content-list__filter-dropdown {
        padding:5px 0;
        font-weight: normal
    }

    .unit-content-list .unit-list__items-single-row .unit-list__video,.unit-content-list .unit-list__items-single-row .unit-list__image {
        width: 22%
    }

    .unit-content-list [tab-type="short_video"] .unit-list__items-single-row .unit-list__video,.unit-content-list [tab-type="short_video"] .unit-list__items-single-row .unit-list__image {
        width: 25%
    }

    .unit-content-list .unit-list__items-single-row .unit-list__text {
        padding-left: 15px !important
    }

    .unit-content-list.content-tag-shorts .unit-list__items-single-row {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(min-width: 1200px) {
    .unit-content-list__filter-type {
        display:block
    }

    .unit-content-list__filter-text .unit-content-list__filter-default {
        font-size: 16px
    }

    .unit-content-list__filter {
        padding: 15px
    }
}

.unit-pop-up {
    display: none;
    text-align: center;
    border: 1px dashed #333;
    font-size: 18px;
    background-color: rgba(255,255,255,.3);
    padding: 30px 0
}

[design-mode] .unit-pop-up {
    display: block
}

.pop-up-modal {
    padding: 10vh 0
}

.pop-up-modal .modal__inner {
    background-color: transparent;
    padding: 0 15px;
    padding-right: 50px;
    box-shadow: none;
    position: relative;
    overflow: visible
}

.pop-up-modal .modal__header {
    background-color: transparent;
    border-bottom: 0;
    padding: 0
}

.pop-up-modal .modal__body {
    padding: 0;
    position: relative
}

.pop-up-modal .modal__inner:after {
    width: calc(100% - 65px);
    position: absolute;
    content: '';
    bottom: 0;
    height: 15px;
    background-color: var(--bgc-val)
}

.pop-up-modal .modal__inner:before {
    width: calc(100% - 65px);
    position: absolute;
    content: '';
    top: 0;
    height: 15px;
    background-color: var(--bgc-val);
    z-index: 1
}

.pop-up-modal .modal__title,.pop-up-modal .modal__footer {
    display: none
}

.pop-up-modal .modal__close {
    font-family: iconfont,sans-serif;
    position: absolute;
    top: 0;
    right: -50px;
    z-index: 2;
    line-height: 30px;
    font-size: 28px;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #fff;
    font-weight: 100
}

.pop-up-modal .modal__inner {
    max-width: 94%
}

[page-type="all_pop_up"] .pop-up-title {
    font-size: 12px;
    color: #666;
    margin: 20px 0 10px
}

[page-type="all_pop_up"] [package-group="module"] .pop-up-title:nth-of-type(2) {
    margin-top: 0
}

.pop-up-modal [package-item].all-pop-up_module {
    display: block
}

.unit-product-sort-m__filter {
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.unit-product-sort-m .unit-product-sort-m__filter-text {
    width: 100%;
    flex-grow: 1;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: bold
}

.unit-product-sort-m .unit-product-sort-m__filter-text .iconfont {
    opacity: .8;
    display: inline-block;
    transition: .3s;
    font-size: 14px !important;
    color: #6d6d6d
}

.unit-product-sort-m .unit-product-sort-m__filter-text.is_active .iconfont {
    transform: rotate(-180deg)
}

.unit-product-sort-m .unit-product-sort-m__filter .unit-product-sort-m__filter-posi {
    position: absolute;
    top: calc(100% + 7px);
    left: -14px;
    background: #fff;
    z-index: 4;
    display: none;
    width: calc(100vw - 30px);
    color: #333;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: .25rem
}

.unit-product-sort-m__filter-text.is_active .unit-product-sort-m__filter-posi {
    display: block;
    padding: 15px 0
}

.unit-product-sort-m__filter-posi p {
    padding: 5px 15px;
    padding-left: 13px;
    cursor: pointer;
    position: relative;
    color: #212529;
    line-height: 1.3;
    font-weight: normal
}

.unit-product-sort-m__filter-posi p:first-child {
    padding-top: 0
}

.unit-product-sort-m__filter-posi p:last-child {
    padding-bottom: 0
}

.unit-product-sort-m__filter-posi p:hover {
    opacity: 1;
    background-color: #f8f9fa;
    color: #16181b;
    text-decoration: none;
    color: rgb(var(--rgb-color))
}

.unit-product-sort-m__filter-posi p.is_active {
    color: rgb(var(--rgb-color))
}

.unit-product-sort-m {
    padding: 14px;
    color: rgb(var(--font-color));
    --font-color: 0,0,0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    height: 48px;
    display: none;
    border: 1px solid rgba(0,0,0,.15)
}

.unit-product-sort-m-view {
    display: none
}

.unit-product-sort-m .unit-product-sort__filter {
    padding: 0
}

.unit-product-sort__filter_btn {
    color: rgb(var(--font-color));
    cursor: pointer;
    font-weight: bold
}

.unit-product-sort__filter_btn .iconfont {
    color: #6f6f6f;
    font-size: 14px
}

.unit-header-menu_right_slide_view {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 9999;
    background: rgba(0,0,0,.06);
    display: none
}

.unit-header-menu_right_slide {
    --header-color: #333;
    --header-bg: #fff;
    color: var(--header-color);
    transition: all .3s;
    width: 80%;
    height: 100%;
    background-color: var(--header-bg);
    position: fixed;
    right: 0;
    top: 0
}

.unit-header-menu_right_slide .unit-header_right_slide-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeefef;
    padding: 10px
}

.unit-header-menu_right_slide .unit-header_right_slide-title {
    font-size: 16px;
    font-weight: bold;
    color: #101010
}

.unit-header_right_slide-header .unit-header_right_slide-close {
    font-size: 12px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.unit-header_right_slide-body {
    padding: 10px;
    overflow-y: auto;
    height: calc(100% - 125px)
}

.unit-header_right_slide__nav {
    width: 100%
}

.unit-header_right_slide-body .unit-header_right_slide__nav-item {
    padding: 0;
    color: #000;
    line-height: 1.3
}

.unit-header_right_slide-body .unit-header-menu__nav_name {
    font-weight: bold;
    font-size: 16px
}

.unit-header-menu_right_slide__nav__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px
}

.unit-header-menu_right_slide__nav__item-link .px-2 {
    padding-left: 3px !important
}

.unit-header_right_slide__nav-item:first-child .unit-header-menu_right_slide__nav__item-link {
    padding-top: 0
}

.unit-header-menu_right_slide__nav__item-link.active {
    color: var(--font-active) !important
}

.unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav_name {
    position: relative;
    word-break: break-word;
    line-height: 1.2
}

.unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav__item-drop {
    color: inherit;
    cursor: pointer
}

.unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav__item-drop.active {
    transform: rotate(0)
}

.unit-header-menu_right_slide__nav__item-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s ease-in-out,opacity .3s ease-in-out;
    padding: 0 15px;
    padding-right: 0;
    cursor: pointer;
    padding-bottom: 20px;
    display: none
}

.unit-header-menu_right_slide__nav__item-content:last-child {
    padding-bottom: 0
}

.unit-header-menu_right_slide__nav__item-content.show {
    height: auto;
    opacity: 1;
    overflow: initial;
    display: block;
    margin-top: 12px
}

.unit-header-menu_right_slide__nav__item-content.show div:first-child {
    padding-top: 0
}

.unit-header-menu_right_slide__nav__item-content.show div:last-child {
    padding-bottom: 0
}

.unit-header-menu_right_slide__nav__item-content input {
    margin-right: 10px
}

.unit-attr-text-search-right_slide__items {
    width: 100%;
    margin-bottom: 12px
}

.unit-header_right_slide-body .input-group-right_slide {
    position: relative;
    display: flex;
    justify-content: flex-end;
    border: solid 1px #ddd;
    border-radius: 8px;
    height: 36px
}

.input-group-right_slide {
    position: relative;
    display: flex;
    justify-content: flex-end;
    border: solid 1px #ddd;
    border-radius: 8px
}

.input-group-right_slide .btn-text {
    font-size: 14px;
    color: #101010
}

.input-group-right_slide .dropdown-item {
    font-size: 14px;
    color: #101010
}

.unit-header_right_slide-body .input-group-prepend-right_slide {
    position: relative;
    width: 30%;
    max-width: 90px;
    display: flex
}

.unit-header_right_slide-body .input-group-prepend-right_slide button {
    display: flex;
    align-items: center;
    padding: 0 5px
}

.unit-header_right_slide-body .input-group-prepend-right_slide button:focus {
    box-shadow: none
}

.unit-header_right_slide-body .btnSearch {
    top: 5px
}

.btn-outline-secondary-right_slide {
    cursor: pointer;
    padding: 8px;
    font-size: 13px
}

.unit-header_right_slide-body .btn-outline-secondary-right_slide .text-truncate {
    max-width: 50px
}

.dropdown-menu-right_slide {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    margin: .125rem 0 0;
    padding: 15px 0;
    width: 75vw;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #212529;
    list-style: none;
    text-align: left;
    font-size: 1rem;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.dropdown-menu-right_slide.show {
    display: block
}

.form-control-right_slide {
    flex: 1;
    width: 50%;
    padding-right: 30px;
    font-size: 15px;
    border: 0;
    border-left: 1px solid #d9d9d9;
    border-radius: 0 10px 10px 0;
    outline: 0
}

.unit-header-menu_right_slide_view .unit-header_right_slide__nav {
    --font-color: 51,51,51
}

.unit-header_right_slide-bottom {
    display: flex;
    height: 80px;
    justify-content: space-around;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 14px
}

.unit-header_right_slide-bottom button {
    padding: 10px 30px 10px 30px !important
}

.unit-header-menu_right_slide .unit-header_right_slide-body .unit-header_right_slide__nav .unit-attr-search__content--checkbox [text-style="3"] {
    color: #101010;
    font-size: 14px
}

.unit-header_right_slide__nav .unit-attr-search__content--checkbox.is_active {
    color: rgb(var(--rgb-color))
}

.unit-header-menu_right_slide_view .unit-attr-search__content--checkbox {
    padding: 8px 0;
    line-height: 1.3;
    opacity: .8
}

.dropdown-menu-right_slide .dropdown-item {
    width: 100%;
    white-space: normal;
    padding: 0;
    font-weight: normal;
    padding: 5px 15px
}

.dropdown-menu-right_slide .dropdown-item:first-child {
    padding-top: 0
}

.dropdown-menu-right_slide .dropdown-item:last-child {
    padding-bottom: 0
}

.dropdown-menu-right_slide .dropdown-item.is_active {
    color: rgb(var(--rgb-color))
}

.dropdown-menu-right_slide .dropdown-item:hover {
    background-color: #f8f9fa
}

.unit-header_right_slide__nav .unit-header-menu__nav__item-drop::before {
    color: #6d6d6d
}

.unit-header_right_slide-body::-webkit-scrollbar {
    width: 4px
}

@media screen and (max-width: 1200px) {
    .unit-product-sort-m {
        display:flex
    }

    .unit-product-sort-m-view {
        display: block;
        padding: 14px 14px 4px 14px
    }

    .unit-attr-search,.unit-product-sort,.unit-product-sort-1__wrapper,.unit-attr-text-search-1__wrapper,.unit-attr-sort-search-1__wrapper,.unit-attr-search-1__wrapper,.unit-attr-text-search:not(.download-text-search),.unit-attr-sort-search,[package-unit-type="attr-search"] {
        display: none !important
    }
}

.unit-social-list {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fill,minmax(170px,1fr))
}

.unit-social-list .bg-facebook {
    --social-icon: #3b5998
}

.unit-social-list .bg-youtube {
    --social-icon: red
}

.unit-social-list .bg-twitter {
    --social-icon: #000
}

.unit-social-list .bg-linkedin {
    --social-icon: #377ca5
}

.unit-social-list .bg-instagram {
    --social-icon: #be347f
}

.unit-social-list .bg-pinterest {
    --social-icon: #bc081c
}

.unit-social-list .bg-reddit {
    --social-icon: #ff4500
}

.unit-social-list .bg-skype {
    --social-icon: #00aff0
}

.unit-social-list .bg-telegram {
    --social-icon: #22a0d3
}

.unit-social-list .bg-tiktok {
    --social-icon: #010101
}

.unit-social-list .bg-tumblr {
    --social-icon: #35465e
}

.unit-social-list .bg-vk {
    --social-icon: #0189fd
}

.unit-social-list .bg-whatsapp {
    --social-icon: #42c655
}

.unit-social-list .bg-viber {
    --social-icon: #7b519f
}

.unit-social-list .bg-more {
    --social-icon: rgba(255,255,255,0.8)
}

.unit-social-list .unit-social-list__item {
    color: white;
    --social-icon-active: var(--social-icon);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    justify-self: center
}

.unit-social-list .unit-social-list__more,.unit-social-list .unit-social-list__icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--social-icon);
    border-width: 1px;
    border-style: solid;
    border-color: transparent
}

.unit-social-list .unit-social-list__more {
    color: #424344;
    border: 1px solid #ebebeb;
    cursor: pointer;
    line-height: 28px
}

.unit-social-list .unit-social-list__more:hover,.unit-social-list .unit-social-list__icon:hover {
    background-color: var(--social-icon-active)
}

.modal .unit-social-list__icon {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.modal .unit-social-list__icon .iconfont {
    font-size: 22px
}

.new-modal-social .modal__inner {
    border-radius: 8px
}

.new-modal-social .modal__inner .unit-social-list a:hover .unit-social-list__itemabox {
    background-color: #cbdffe;
    border-radius: 8px
}

.new-modal-social .modal__footer {
    display: none
}

.new-modal-social .modal__inner-md {
    width: 1080px
}

.new-modal-social .col-lg-2dot4 {
    width: 170px;
    padding: 20px
}

.new-modal-social .unit-social-list__itemabox {
    height: 130px;
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #eceeef;
    border-radius: 8px
}

.new-modal-social .unit-social-list__title {
    margin-top: 10px
}

.new-modal-social .unit-social-list__title {
    color: #212529
}

@media(max-width: 1025px) {
    .new-modal-social .modal__inner {
        width:705px
    }
}

@media(max-width: 820px) {
    .new-modal-social .modal__inner {
        width:695px
    }
}

@media(max-width: 780px) {
    .new-modal-social .modal__inner {
        width:664px
    }

    .unit-social-list {
        grid-template-columns: repeat(auto-fill,minmax(136px,1fr))
    }

    .new-modal-social .col-lg-2dot4 {
        width: 136px;
        padding: 4px
    }
}

@media(max-width: 420px) {
    .new-modal-social .modal__inner {
        width:325px
    }
}

[data-type="Mail"] .unit-social-list__icon {
    background-color: gray !important
}

.unit-tabs__header {
    overflow: hidden
}

.unit-tabs__nav-wrap {
    display: flex;
    flex-wrap: wrap
}

.unit-tabs__nav-item {
    padding: 0;
    cursor: pointer;
    height: auto
}

.unit-tabs__item-inner {
    height: 100%
}

.unit-tabs__nav-item.active {
    position: relative;
    z-index: 1
}

.unit-tabs__item-inner {
    transition: background-color .3s
}

.unit-tabs__text {
    transition: all .3s
}

.unit-tabs__image {
    flex-shrink: 0
}

.unit-tabs__panel-wrap.swiper-wrapper {
    transform: unset
}

@media(max-width: 1199px) {
    .unit-tabs {
        --swiper-navigation-size:16px
    }

    .unit-tabs .unit-tabs__nav-wrap {
        flex-wrap: nowrap;
        justify-content: flex-start !important
    }

    .unit-tabs__header .swiper-slide {
        transition: all .3s;
        transform: scale(0.8)
    }

    .unit-tabs__header .swiper-slide.active {
        transform: scale(1)
    }

    .unit-tabs__header .swiper-button-prev,.unit-tabs__header .swiper-button-next {
        transform: translateY(-50%);
        margin-top: 0
    }

    .unit-tabs__header .swiper-button-prev {
        padding: 20px 20px 20px 10px;
        left: 0
    }

    .unit-tabs__header .swiper-button-next {
        padding: 20px 10px 20px 20px;
        right: 0
    }
}

@media(min-width: 768px) and (max-width:1200px) {
    .unit-tabs__header .swiper-button-prev {
        padding:20px 20px 20px 10px;
        left: 0
    }

    .unit-tabs__header .swiper-button-next {
        padding: 20px 10px 20px 20px;
        right: 0
    }
}

@media(min-width: 1200px) {
    .unit-tabs-direction--left,.unit-tabs-direction--right,.unit-tabs-direction--bottom {
        display:flex
    }

    .unit-tabs-direction--left .unit-tabs__nav-wrap,.unit-tabs-direction--right .unit-tabs__nav-wrap {
        flex-direction: column;
        max-width: 200px
    }

    .unit-tabs-direction--left .unit-tabs__nav-item,.unit-tabs-direction--right .unit-tabs__nav-item {
        max-width: 100%;
        flex: 1
    }

    .unit-tabs-direction--left .unit-tabs__content,.unit-tabs-direction--right .unit-tabs__content {
        flex: 1
    }

    .unit-tabs-direction--right {
        flex-direction: row-reverse
    }

    .unit-tabs-direction--bottom {
        flex-direction: column-reverse
    }

    .unit-tabs__item-inner.tab-img-direction--left,.unit-tabs__item-inner.tab-img-direction--right {
        display: flex;
        align-items: center
    }

    .unit-tabs__item-inner.tab-img-direction--left {
        flex-direction: row
    }

    .unit-tabs__item-inner.tab-img-direction--right {
        flex-direction: row-reverse
    }

    .unit-tabs__item-inner.tab-img-direction--top {
        display: flex;
        flex-direction: column
    }

    .unit-tabs__item-inner.tab-img-direction--bottom {
        display: flex;
        flex-direction: column-reverse
    }

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

.unit-text__item {
    text-decoration: inherit
}

[package-type="copyright"] [package-type="text"] {
    --lifisher-copyright-color: currentcolor;
    --lifisher-copyright-font-size: 1em
}

.lifisher-copyright-shadow {
    color: var(--lifisher-copyright-color) !important;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    vertical-align: bottom;
    min-height: 1.5em;
    text-transform: capitalize
}

.lifisher-copyright {
    color: var(--lifisher-copyright-color) !important;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-end;
    vertical-align: baseline
}

.lifisher-copyright__link {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-end;
    vertical-align: baseline
}

.lifisher-copyright__icon {
    display: flex;
    margin-right: 2px;
    margin-left: 6px
}

.lifisher-copyright svg {
    fill: currentColor;
    height: var(--lifisher-copyright-font-size);
    width: auto
}

.unit-video-popup {
    position: relative
}

.unit-video-popup .base-image__img {
    margin: auto;
    display: block
}

.unit-video-popup .alert {
    padding: 0
}

.with-footer div.widget-social-media-chat__content-wrap {
    bottom: calc(140px + var(--SAIB) + var(--FAQ-B))
}

.widget-social-media-chat__content-wrap {
    position: fixed;
    right: 15px;
    bottom: calc(10% + var(--FAQ-B));
    cursor: pointer;
    z-index: 100
}

.is-landing-page .widget-social-media-chat__content-wrap {
    bottom: 10%
}

.widget-social-media-chat__content {
    position: relative;
    margin-top: 6px
}

.widget-social-media-chat__content--bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    background-color: #fff;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    display: none
}

.widget-social-media-chat__content--bottom .base-button {
    width: 100%;
    color: #fff;
    font-size: 16px;
    background: var(--main-color);
    border-radius: 20px;
    border-color: transparent;
    text-align: center
}

.widget-social-media-chat__content--bottom .base-button .base-button__inner {
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    width: 100%;
    color: #fff !important;
    padding: 7px 0;
    text-transform: capitalize
}

.widget-social-media-chat__server,.widget-social-media-chat__modal-close {
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%),0 2px 16px 0 rgb(0 0 0 / 12%)
}

.widget-social-media-chat__server img {
    border-radius: 6px
}

.widget-social-media-chat__modal-close {
    display: none
}

.widget-social-media-chat__sign {
    width: 180px !important
}

.widget-social-media-chat__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.widget-social-media-chat__item {
    border-bottom: solid 1px #eee;
    padding: 12px;
    width: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.widget-social-media-chat__item:hover {
    border-bottom: 1px var(--main-color) solid
}

.widget-social-media-chat__item-text {
    padding: 2px 6px;
    text-transform: capitalize;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis
}

.widget-social-media-chat__icon {
    display: inline-block;
    line-height: 40px;
    width: 40px;
    flex-shrink: 0;
    text-align: center;
    background-color: rebeccapurple;
    color: white;
    border-radius: 5px
}

.widget-social-media-chat__icon.icon-skype {
    background-color: #00aff0
}

.widget-social-media-chat__icon.icon-fbmessenger {
    background-color: #0084ff
}

.widget-social-media-chat__icon.icon-telegram {
    background-color: #08c
}

.widget-social-media-chat__icon.icon-trademanager {
    background-color: #1896eb
}

.widget-social-media-chat__icon.icon-viber {
    background-color: #744882
}

.widget-social-media-chat__icon.icon-vk {
    background-color: #4c6c91
}

.widget-social-media-chat__icon.icon-wechat {
    background-color: #4ec034
}

.widget-social-media-chat__icon.icon-whatsapp {
    background-color: #25d366
}

.widget-social-media-chat__icon.icon-send-inquiry {
    background-color: var(--main-color);
    font-size: 22px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%
}

.widget-social-media-chat__icon.icon-action-close-2 {
    background-color: var(--main-color);
    font-size: 18px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%
}

.widget-social-media-chat__icon.icon-base-email {
    background-color: var(--main-color);
    font-size: 16px
}

.widget-social-media-chat__icon.icon-phone {
    background-color: var(--main-color);
    font-size: 16px
}

.widget-social-media-chat__modal {
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 10px;
    background-color: #fff;
    transform: translate(calc(-100% + 60px),-65px);
    width: 350px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden
}

.widget-social-media-chat__modal.show {
    opacity: 1;
    visibility: visible
}

.widget-social-media-chat__modal-head {
    background-color: rgb(var(--rgb-color));
    text-align: center;
    padding: 30px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.col-plugins-list .icon-base-email,.col-plugins-list .icon-phone {
    font-size: 24px;
    line-height: 60px
}

.widget-social-media-chat__inquiry [button-style="1"] .btn,.widget-social-media-chat__inquiry [button-style="2"] .btn {
    font-family: inherit
}

.widget-social-media-chat__inquiry .widget-social-media-chat__modal-title {
    font-weight: bold
}

.widget-social-media-chat__inquiry .widget-social-media-chat__modal-title_des {
    font-weight: normal
}

.widget-social-media-chat__inquiry form .unit-form__label {
    font-size: 14px
}

.widget-social-media-chat__modal-title_des {
    text-align: center;
    font-size: 14px;
    margin-top: 8px;
    opacity: .6
}

.widget-social-media-chat__modal-title {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500
}

.widget-social-media-chat__modal-desc {
    font-size: 14px;
    color: #666;
    padding: 15px 0
}

.widget-social-media-chat__modal .base-button .btn {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    margin: 0 auto
}

.widget-social-media-chat__mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
    display: none
}

.widget-social-media-chat__cancel {
    width: 100%;
    border-radius: 44px;
    border: 1px solid rgba(0,0,0,.1);
    padding: 10px 0;
    text-align: center;
    color: #333;
    text-transform: capitalize
}

.widget-social-media-chat__modal-form {
    padding: 25px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(80vh - 260px);
    font-size: 14px;
    background: #f9fafa;
    padding-bottom: 45px
}

.widget-social-media-chat__modal-form .unit-form .form-control {
    font-size: 14px;
    border-radius: 4px;
    border-color: #f5f5f5;
    box-shadow: none;
    background-color: #f5f5f5;
    text-transform: none
}

.widget-social-media-chat__modal-form .unit-form .unit-form__item-inner {
    color: #141414;
    font-size: 14px
}

.widget-social-media-chat__modal-form .unit-form__item-submit {
    margin-top: 11px
}

.widget-social-media-chat__modal-form .form-group {
    margin-bottom: 7px
}

.widget-social-media-chat__modal-form::-webkit-scrollbar {
    width: 3px
}

.widget-social-media-chat__modal-form::-webkit-scrollbar-thumb {
    background-color: #d7d7d7
}

.widget-social-media-chat__modal-close-1 {
    display: none
}

.widget-social-media-chat__content-wrap i:hover .onlineservice_tips {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    display: block
}

.onlineservice_tips {
    padding: 5px 8px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    border-radius: 4px;
    position: absolute;
    right: 72px;
    top: 15px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .4s;
    transition: all .4s
}

.onlineservice_tips:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -5px;
    top: 10px;
    background-color: #fff
}

.onlineservice_tips:hover {
    text-decoration: underline
}

.onlineservice_tips {
    display: block;
    min-height: 28px;
    text-align: center;
    line-height: 28px;
    color: #333 !important;
    font-size: 15px
}

@media(max-width: 1440px) {
    .widget-social-media-chat__modal-form {
        max-height:calc(88vh - 220px)
    }
}

.col-plugins-list {
    flex-direction: column;
    display: flex
}

.col-plugins-list i {
    margin-top: 6px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 2;
    border-radius: 50%;
    position: relative
}

@media(max-width: 768px) {
    [page-type="product_detail"] .widget-social-media-chat__content>.widget-social-media-chat__modal-close {
        opacity:0
    }

    [page-type="product_detail"] .widget-social-media-chat__server {
        display: none !important
    }

    .widget-social-media-chat__modal {
        position: fixed;
        width: 100%;
        transform: translateX(0);
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        bottom: 0;
        border-radius: 8px 8px 0 0
    }

    .widget-social-media-chat__mask.show {
        display: block
    }

    .widget-social-media-chat__wrap {
        overflow-x: auto;
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .widget-social-media-chat__wrap::-webkit-scrollbar {
        display: none
    }

    .widget-social-media-chat__item {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 0;
        padding: 20px 10px
    }

    .widget-social-media-chat__cancel {
        display: block
    }

    .widget-social-media-chat__modal-form {
        max-height: calc(100vh - 250px - var(--SAIT) - var(--SAIB))
    }

    .widget-social-media-chat__icon {
        line-height: 45px;
        width: 45px;
        font-size: 22px
    }

    .move_chat_close {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        color: #fff
    }

    .widget-social-media-chat__modal-close {
        box-shadow: none
    }

    .col-plugins-list {
        display: none !important
    }

    .no-need-inquiry.not-only-one .col-plugins-list {
        display: none
    }

    .only-one.has-inquiry .col-plugins-list {
        display: none
    }
}

.chat-online-unit-form__item {
    margin-bottom: 18px !important
}

.chat-online-unit-form__item-inner {
    display: flex;
    flex-direction: column;
    flex-flow: column-reverse
}

.chat-online-unit-form__item-inner .unit-form__label {
    order: 3
}

.chat-online-unit-form__item-inner .unit-form__control {
    order: 2
}

.chat-online-unit-form__item-inner .unit-form__label {
    position: static;
    padding: 0;
    padding-bottom: 8px
}

.chat-online-unit-form__item-inner .form-control {
    background-color: #fff !important;
    border: 1px solid #e3e3e3 !important
}

.chat-online-unit-form__item-inner .form-control {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.chat-online-unit-form__item-inner .widget-social-media-chat__modal-body {
    padding: 0
}

.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .form-control:not(:placeholder-shown) ~ .unit-form__label {
    padding-top: 0;
    padding-bottom: 8px;
    opacity: .8;
    font-size: 14px;
    max-width: unset
}

.chat-online-unit-form__item-inner textarea::-webkit-scrollbar {
    width: 4px
}

.chat-online-unit-form__item-inner .form-group {
    margin-bottom: 10px
}

.chat-online-unit-form__item-inner.unit-form__select-box:after {
    padding-top: 0;
    top: unset;
    bottom: calc(43px* 0.5 - 22px* 0.5)
}

.chat-online-unit-form__item-inner.unit-form__select-box:has(.is-invalid):after {
    bottom: 30px;
    right: 25px
}

.chat-online-unit-form__item-inner.unit-form__select-box .form-control {
    padding-right: 35px
}

.chat-online-unit-form__item-inner .unit-form__select-option {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list.unit-form__control .unit-form__checkbox-list-inner {
    padding-top: 0;
    row-gap: 0
}

.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list {
    max-height: 196px;
    overflow-y: auto;
    padding-bottom: 0 !important
}

.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list::-webkit-scrollbar {
    width: 2px
}

.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list .unit-form__checkbox {
    padding-bottom: 10px
}

.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-webkit-input-placeholder {
    color: #999 !important
}

.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control:-ms-input-placeholder {
    color: #999 !important
}

.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-ms-input-placeholder {
    color: #999 !important
}

.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-moz-placeholder {
    color: #999 !important
}

.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::placeholder {
    color: #999 !important
}

.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .placeholder {
    display: none !important
}

.widget-social-media-chat__modal-form [label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
    display: block !important
}

.no-need-inquiry .widget-social-media-chat__item {
    padding: 12px
}

.only-one.no-inquiry .col-plugins-list {
    display: flex
}

[data-inquirystatus="2"] .cont-text {
    display: none
}

.no-inquiry .cont-text {
    display: none
}

@media(min-width: 769px) {
    .no-inquiry .widget-social-media-chat__server {
        display:none
    }

    .no-need-inquiry[data-inquirystatus="1"] .widget-social-media-chat__wrap {
        display: none
    }
}

.widget-ai-chat .widget-social-media-chat__icon {
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: var(--main-color)
}

.widget-social-media-chat__icon.widget-main-icon {
    font-size: 22px
}

.with-footer .widget-ai-chat .widget-ai-chat__content-wrap {
    bottom: calc(140px + var(--SAIB))
}

.widget-ai-chat .widget-ai-chat__content-wrap {
    position: fixed;
    right: 15px;
    bottom: 10%;
    cursor: pointer;
    z-index: 10
}

.widget-ai-chat .widget-ai-chat__modal {
    transform: translate(calc(-100% + 60px),-126px)
}

.widget-ai-chat__iframe {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    height: 100%
}

.widget-ai-chat .widget-social-media-chat__modal-body {
    height: 500px
}

.widget-ai-chat__icon_list {
    flex-direction: column;
    display: flex
}

.widget-ai-chat__icon_list .widget-social-media-chat__icon {
    margin-top: 6px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 2;
    border-radius: 50%
}

@media(max-width: 768px) {
    .widget-ai-chat .widget-ai-chat__modal {
        position:fixed;
        width: 100%;
        transform: translateX(0)
    }

    .widget-ai-chat .widget-ai-chat__content-wrap {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .widget-ai-chat .widget-ai-chat__content-wrap::-webkit-scrollbar {
        display: none
    }

    [page-type="faq_messages"] [package-group="widget"] {
        display: none
    }
}

.widget-social-media-chat__modal-body .multi_select__tags-wrap {
    top: auto;
    top: 40px
}



.base-button__inner {
    font-size: 12px;
}

.base-pagination__item .base-pagination__link {
    height: 46px;
    line-height: 46px;
    width: 46px;
}

.base-pagination__item.active .base-pagination__link {
    background: transparent;
    border-color: transparent;
    color: #fff;
}

.base-pagination__item.active::before {
    border-color: inherit;
}

.container {
    --container-width: 1440px;
    --is-custom: false;
    max-width: 1440px;
}

.container__article {
    --container-width: 345px;
    max-width: 345px;
}

.unit-form__control {
    border: 0;
}

.unit-form__control:focus {
    background-color: transparent;
    border-color: inherit;
    color: inherit;
}

.unit-form__submit {
    margin: 1vw auto 1vw auto;
    display: block;
}

:root {
    --animate__name: none;
    --compress__ratio: 97,97,97;
    --compress_banner__ratio: 80;
    --img__convert_dst: true;
    --img__convert_quality: true;
    --img__dpi: false;
    --rgb-color: 26, 49, 105;
}

[button-style="1"] .btn {
    padding: 10px 22px 10px 22px;
    --button-type: 0;
    background: rgba(240, 133, 25, 1);
    background-color: rgba(240, 133, 25, 1);
    border-bottom-color: rgba(240, 133, 25, 1);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-radius: 20px;
    border-right-width: 0;
    border-top-width: 0;
    color: rgba(248, 248, 248, 1);
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: Poppins Regular;
}

[button-style="2"] .btn {
    padding: 10px 22px 10px 22px;
    --button-type: 0;
    background-color: var(--main-color);
    border-bottom-width: 0;
    border-left-width: 0;
    border-radius: 5px 5px 5px 5px;
    border-right-width: 0;
    border-top-width: 0;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: Poppins Regular;
}

[form-style="1"] .unit-form__control {
    --form-type: 0;
    background-color: rgba(245, 245, 245, 1);
    border-bottom-width: 0;
    border-left-width: 0;
    border-radius: 5px 5px 5px 5px;
    border-right-width: 0;
    border-top-width: 0;
}

[form-style="1"] .unit-form__item-inner, [form-style="2"] .unit-form__item-inner,#unit-uC3ASWeveZ .unit-text__item {
    color: rgba(16, 16, 16, 1);
}

[form-style="2"] .unit-form__control {
    --form-type: 0;
    background-color: rgba(230, 233, 238, 0.6);
    border-bottom-width: 0;
    border-left-width: 0;
    border-radius: 5px 5px 5px 5px;
    border-right-width: 0;
    border-top-width: 0;
}

[package-group] {
    position: static;
    top: 0px;
}

[package-item='module'] {
    padding-bottom: 10vw;
    padding-top: 10vw;
}

[package-item='unit'] {
    padding-bottom: 10px;
    padding-top: 10px;
}

[tab-style="1"] .nav-item, [tab-style="1"] .nav-item.active, [tab-style="2"] .nav-item, [tab-style="2"] .nav-item.active {
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    border-radius: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-top-style: solid;
    border-top-width: 0px;
    text-align: center;
    text-transform: capitalize;
}

[text-style="1"] {
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Montserrat Regular";
}

[text-style="2"] {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Montserrat Regular";
}

[text-style="3"] {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.8;
    font-family: "Montserrat Light";
}

[text-style="4"] {
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8;
    text-transform: uppercase;
    font-family: "Montserrat Light";
}

#block-ikvFICHKZq {
    --font-fixed: #fff;
    --header-bg: var(--main-color);
    --header-bg-fixed: var(--main-color);
    color: #fff;
}

[firstMenu] {
    --font-active: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: "Montserrat Regular";
}

[subMenu] {
    --font-active: var(--main-color);
    --header-bg: #fff;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 1.5;
    font-family: "Montserrat Light";
}

#block-t20mo44INr {
    background-color: rgba(255, 255, 255, 1);
}

#module-dQEXsmY8fL {
    padding: 0px;
    --font-fixed: rgba(255, 255, 255, 1);
    --header-bg: var(--main-color);
    --header-bg-fixed: var(--main-color);
    color: rgba(255, 255, 255, 1);
}

#module-sK2vzWFvPj {
    padding: 0px;
    --font-fixed: rgba(255, 255, 255, 1);
    --header-bg: rgba(23, 51, 103, 1);
    --header-bg-fixed: rgba(23, 51, 103, 1);
    color: rgba(255, 255, 255, 1);
}

#module-MMxVlF5UQ5 {
    padding: 0px;
    --font-fixed: rgba(255, 255, 255, 0.8);
    --header-bg: var(--main-color);
    --header-bg-fixed: var(--main-color);
    color: rgba(255, 255, 255, 0.8);
}

#module-BFb39kmJTj .container-fluid {
    padding: 0px;
}

#module-BFb39kmJTj {
    padding: 0px;
    background-color: var(--main-color);
}

#module-hw0VoakT9m {
    padding-bottom: 5vw;
    padding-top: 5vw;
}

#module-caXKEPSutI {
    background-color: var(--main-color);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    padding-bottom: 4vw;
    padding-top: 10vw;
}

#module-s6PxO8lAw2 {
    --linear: linear-gradient(transparent, transparent);
    background-color: rgba(248, 246, 246, 0);
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    linear: unset;
    padding-bottom: 5vw;
    padding-top: 10vw;
}

#module-pHZsnvzxZ1 {
    --linear: linear-gradient(transparent, transparent);
    background-color: rgba(245, 245, 245, 1);
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    linear: unset;
    padding-bottom: 10vw;
    padding-top: 10vw;
}

#module-UctBNI49La,#module-zKiorsI8Bt {
    background-color: rgba(242, 244, 246, 1);
    color: #fff;
    padding-bottom: 10vw;
    padding-top: 10vw;
}

#module-A2f1w86svF {
    --linear: linear-gradient(transparent, transparent);
    background-color: rgba(255, 255, 255, 1);
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    linear: unset;
    padding-bottom: 10vw;
    padding-top: 10vw;
}

#module-45ekp8XsUd {
    background-color: rgba(255, 255, 255, 0);
    color: #000;
    padding-bottom: 10vw;
    padding-top: 10vw;
}

#module-inbLXitvrI {
    background-color: var(--main-color);
    color: #fff;
    padding-bottom: 0px;
    padding-top: 5vw;
}

#module-CjMsjP0Zy5 {
    background-color: var(--main-color);
    color: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
}

#module-ieZkYEFVgn {
    background-color: rgba(248, 248, 248, 1);
    padding-left: 5vw;
    padding-right: 5vw;
}

#grid-HpQ7t5CXAG [package-group="cell"],#grid-aLJhenKZUL [package-group="cell"],#grid-U8uKHI0SNS [package-group="cell"] {
    align-items: center;
}

#grid-HpQ7t5CXAG {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
}

#grid-HAxPR3JwYo,#grid-rK5pVb5wTj,#grid-wKxkEXvYKQ,#grid-ThmQvNDctl,#grid-HsKsqK4YpM,#grid-rOyKh6626u,#grid-bM4EAXMov5,#grid-LbarSCzyfE,#grid-0uqLfqmw0p,#grid-FlUX5hoSpx,#grid-nEwhSw4Vdt,#grid-UxVzgrIgFi,#grid-Q2NcH6F1mR {
    padding-left: 0px;
    padding-right: 0px;
}

#grid-lB55iOsTfY {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3vw;
}

#grid-0mCKZU2M3d {
    padding-bottom: 4vw;
    padding-top: 2vw;
}

#cell-MDHfgVtPZ7 [package-item="unit"],#cell-mj4yMy8sZY [package-item="unit"] {
    min-height: 1px;
}

#cell-mj4yMy8sZY [package-group="unit"],#cell-xOTxUevAyP [package-group="unit"],#cell-SWWzq83ecU [package-group="unit"] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

#cell-quv2ShIuWQ [package-group="unit"] {
    display: flex;
}

#cell-VPCKUaUtsw,#unit-H5Yli26yXR .unit-list__text,#cell-aNDGcEv2JM {
    padding-top: 1vw;
}

#cell-oIVY8e1hch {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1vw;
}

#cell-JFrlZ5c4dI {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1.5vw;
}

#cell-tiGapSdTdW {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2vw;
}

#cell-l3EsSDKM9V,#cell-G8Hz4XdgeA,#grid-0s0EARl1Fs,#unit-XI4PA3YaIe {
    padding-top: 2vw;
}

#cell-YIAdJE045q,#unit-hFTp6kUCPQ {
    padding-bottom: 2px;
}

#cell-PDvnw5ZJ14,#cell-CNzKV9c1LH,#cell-6OdUPxGkT0,#cell-DUtge0adfr,#cell-itngsJ3XWd {
    align-items: center;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5vw;
    padding-right: 5vw;
}

#cell-Wu93YFaWfn {
    display: block;
    flex-direction: column;
}

#cell-9BiM3pkzFk {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 3vw;
}

#cell-eU1iL23b16 {
    padding-top: 0.5vw;
}

#cell-f2hQvmizpi,#cell-paLv7hXnNI,#cell-jNygsvq9ip {
    padding-left: 1vw;
}

#cell-LcOP5UxVhl {
    display: flex;
    flex-direction: column;
    padding-left: 5vw;
    padding-right: 5vw;
}

#unit-uvGvRa1yog .icon-base-email {
    padding-right: 10px;
}

#unit-uvGvRa1yog .icon-base-phone-lighter {
    padding-right: 5px;
}

#unit-uvGvRa1yog .unit-text__item {
    color: rgba(255, 255, 255, 0.8);
}

#unit-uvGvRa1yog {
    font-size: 14px;
}

#unit-O3pzNrhjrk .unit-social-list__icon {
    border-radius: 50%;
}

#unit-EBPpRRV84q .unit-header-cart,#unit-fWqrRlYmM9 .unit-header-language,#unit-SApJntZ0wV {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

#unit-uSnOxQ2r7Y .unit-header-search,#unit-SApJntZ0wV .unit-header-login,#unit-MoCaz6NXXl .unit-header-search {
    --font-active: rgba(255, 255, 255, 1);
}

#unit-uSnOxQ2r7Y .unit-header-search__btn,#unit-LKkcLkI6LB {
    padding: 0;
}

#unit-uSnOxQ2r7Y {
    padding-left: 10px;
    padding-right: 10px;
}

#unit-3Qkfct4tg0,#cell-1tGarctilt,#unit-hFTp6kUCPQ .unit-text__item,#unit-xOh62t6INT .unit-form__submit-wrap,#unit-9SXszcLAqE .unit-form__submit-wrap {
    text-align: center;
}

#unit-dKaJTOMecV .unit-logo_image {
    height: 40px;
}

#unit-MoCaz6NXXl {
    font-size: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

#unit-wau5EZF1wA .iconfont {
    font-size: inherit;
}

#unit-wau5EZF1wA {
    font-size: 20px;
    padding-left: 5px;
}

#unit-erwIDequQL .base-button {
    margin-top: 2vw;
    text-transform: capitalize;
}

#unit-erwIDequQL .base-image__img {
    color: rgba(26, 49, 105,1);
    height: 100%;
    width: 100%;
}

#unit-erwIDequQL .base-image__item,#unit-erwIDequQL .unit-list__item,#unit-ww01EiF5dR .base-image__item,#unit-eXqulf5vBa .base-image__item,#unit-d8YqTFbrNy .base-image__item,#unit-rC80fMzsUn .base-image__item,#unit-4KVE49Gagg .base-image__item,#unit-SY4d1HfUoj .base-image__item,#unit-tjHdnK6krm .base-image__item,#unit-hUHlSVC27Z .base-image__item,#unit-DS853sQfyv .base-image__item,#unit-uKcruXw6yN .base-image__item,#unit-rraFIjGkYg .base-image__item {
    overflow: hidden;
}

#unit-erwIDequQL .is-swiper .unit-list__item {
    padding: 0px;
    margin: 0px;
}

#unit-erwIDequQL .unit-list__description {
    padding-bottom: 0px;
    padding-top: 0.8vw;
}

#unit-erwIDequQL .unit-list__image,#unit-erwIDequQL .unit-list__video {
    width: 50%;
}

#unit-erwIDequQL .unit-list__item-inner {
    background-color: var(--main-color);
    flex-direction: row!important;
    position: relative;
    width: 200%;
}

#unit-erwIDequQL .unit-list__items {
    margin: -1.5vw;
    padding-bottom: 0px;
}

#unit-erwIDequQL .unit-list__subtitle {
    opacity: unset;
}

#unit-erwIDequQL .unit-list__text {
    align-self: center;
    display: flex;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-top: 0px;
    transform: translate(-100%);
    width: 50%;
}

#unit-erwIDequQL .unit-list__text-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: calc(50vw - var(--container-width) / 2);
    width: 50%;
}

#unit-erwIDequQL .unit-list__title {
    color: rgba(255, 255, 255, 1);
    padding-top: 0px;
    text-align: left;
}

#unit-erwIDequQL .unit-list__video video,#unit-TMF8hStcsC .no-price .unit-list__extend,#unit-MQ9rBTlzqZ .no-price .unit-list__extend,#unit-qnzMnIJA1L .no-price .unit-list__extend,#unit-bORjuFpVmD .no-price .unit-list__extend,#unit-YYa4HEAM8J .no-price .unit-list__extend,#unit-SY4d1HfUoj .unit-list__text,#unit-xOh62t6INT .base-button__inner {
    width: 100%;
}

#unit-erwIDequQL [text-style="0"] {
    font-size: 20px;
    line-height: 1.3;
    font-family: "Montserrat Regular";
}

#unit-erwIDequQL [text-style="000"] {
    font-size: 18px;
    line-height: 1.9;
    font-family: "Montserrat Light";
}

#unit-erwIDequQL {
    background-color: rgba(255, 255, 255, 1);
    color: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
}

#unit-LafN9YmkKd .unit-text__item,#unit-oKrgVVozZy .unit-text__item,#unit-5asYI1Py9C .unit-text__item {
    color: var(--main-color);
    text-align: center;
}

#unit-oKrgVVozZy {
    padding: 1vw 12vw 1vw 12vw;
}

#unit-2N2hrHJrwL .unit-tabs__image,#unit-NdOlKwM6xH .unit-tabs__image,#unit-zYZNRleIwb .base-image__item {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

#unit-2N2hrHJrwL .unit-tabs__img,#unit-NdOlKwM6xH .unit-tabs__img,#unit-ww01EiF5dR .base-image__img,#unit-eXqulf5vBa .base-image__img,#unit-d8YqTFbrNy .base-image__img,#unit-rC80fMzsUn .base-image__img,#unit-4KVE49Gagg .base-image__img,#unit-SY4d1HfUoj .base-image__img,#unit-tjHdnK6krm .base-image__img,#unit-hUHlSVC27Z .base-image__img,#unit-uKcruXw6yN .base-image__img {
    color: rgba(26, 49, 105,1);
    height: auto;
    width: auto;
}

#unit-2N2hrHJrwL .unit-tabs__item-inner {
    border-bottom-color: rgba(0,0,0,0);
    border-bottom-width: 0px;
    border-left-color: rgba(0,0,0,0);
    border-left-width: 0px;
    border-right-color: rgba(0,0,0,0);
    border-right-width: 0px;
    border-top-color: rgba(0,0,0,0);
    border-top-width: 0px;
    padding-bottom: 32px;
    padding-top: 32px;
}

#unit-2N2hrHJrwL .unit-tabs__nav-item.active .unit-tabs__text,#unit-NdOlKwM6xH .unit-tabs__nav-wrap .unit-tabs__nav-item.active .unit-tabs__text {
    color: var(--main-color);
}

#unit-2N2hrHJrwL .unit-tabs__text {
    color: var(--main-color);
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.5vw;
    text-align: center;
}

#unit-2N2hrHJrwL .unit-tabs__text .text_ellipsis,#unit-NdOlKwM6xH .unit-tabs__text .text_ellipsis,#unit-DS853sQfyv .unit-list__title .text_ellipsis {
    -webkit-line-clamp: 2;
}

#unit-2N2hrHJrwL [package-item='grid'],#unit-NdOlKwM6xH [package-item='grid'] {
    max-width: 100%;
}

#unit-2N2hrHJrwL,#unit-gZPZPz8ygU,#unit-NdOlKwM6xH,#unit-ww01EiF5dR,#unit-eXqulf5vBa,#unit-d8YqTFbrNy,#unit-rC80fMzsUn,#unit-4KVE49Gagg,#unit-lTaJf0F6c8,#unit-zYZNRleIwb {
    padding-bottom: 0px;
    padding-top: 0px;
}

#unit-TMF8hStcsC .base-image__img,#unit-MQ9rBTlzqZ .base-image__img,#unit-qnzMnIJA1L .base-image__img,#unit-bORjuFpVmD .base-image__img,#unit-YYa4HEAM8J .base-image__img {
    color: rgba(26, 49, 105,1);
    height: 100%;
    transition: .4s ease-out;
    width: 100%;
}

#unit-TMF8hStcsC .base-image__item,#unit-MQ9rBTlzqZ .base-image__item,#unit-qnzMnIJA1L .base-image__item,#unit-bORjuFpVmD .base-image__item,#unit-YYa4HEAM8J .base-image__item {
    justify-content: center;
    overflow: hidden;
}

#unit-TMF8hStcsC .no-price .unit-list__extend span,#unit-MQ9rBTlzqZ .no-price .unit-list__extend span,#unit-qnzMnIJA1L .no-price .unit-list__extend span,#unit-bORjuFpVmD .no-price .unit-list__extend span,#unit-YYa4HEAM8J .no-price .unit-list__extend span {
    display: block;
}

#unit-TMF8hStcsC .no-price .unit-list__inquire,#unit-MQ9rBTlzqZ .no-price .unit-list__inquire,#unit-qnzMnIJA1L .no-price .unit-list__inquire,#unit-bORjuFpVmD .no-price .unit-list__inquire,#unit-YYa4HEAM8J .no-price .unit-list__inquire {
    padding: 2px 0px 2px 0px;
    border-radius: 40px;
    display: inline-block;
    transition: .4s;
}

#unit-TMF8hStcsC .no-price .unit-list__price,#unit-TMF8hStcsC .unit-list__extend span,#unit-MQ9rBTlzqZ .no-price .unit-list__price,#unit-MQ9rBTlzqZ .unit-list__extend span,#unit-qnzMnIJA1L .no-price .unit-list__price,#unit-qnzMnIJA1L .unit-list__extend span,#unit-bORjuFpVmD .no-price .unit-list__price,#unit-bORjuFpVmD .unit-list__extend span,#unit-YYa4HEAM8J .no-price .unit-list__price,#unit-YYa4HEAM8J .unit-list__extend span,#unit-uKcruXw6yN .unit-list__image {
    display: none;
}

#unit-TMF8hStcsC .unit-list:not(.is-swiper) .unit-list__item,#unit-TMF8hStcsC .unit-list:not(.is-swiper) .unit-list__items,#unit-MQ9rBTlzqZ .unit-list:not(.is-swiper) .unit-list__item,#unit-MQ9rBTlzqZ .unit-list:not(.is-swiper) .unit-list__items,#unit-qnzMnIJA1L .unit-list:not(.is-swiper) .unit-list__item,#unit-qnzMnIJA1L .unit-list:not(.is-swiper) .unit-list__items,#unit-bORjuFpVmD .unit-list:not(.is-swiper) .unit-list__item,#unit-bORjuFpVmD .unit-list:not(.is-swiper) .unit-list__items,#unit-YYa4HEAM8J .unit-list:not(.is-swiper) .unit-list__item,#unit-YYa4HEAM8J .unit-list:not(.is-swiper) .unit-list__items,#unit-H5Yli26yXR .unit-list__item,#unit-H5Yli26yXR .unit-list__items {
    height: auto;
}

#unit-TMF8hStcsC .unit-list__a,#unit-MQ9rBTlzqZ .unit-list__a,#unit-qnzMnIJA1L .unit-list__a,#unit-bORjuFpVmD .unit-list__a,#unit-YYa4HEAM8J .unit-list__a {
    cursor: pointer;
    height: 100%;
}

#unit-TMF8hStcsC .unit-list__a:hover .base-image__img,#unit-MQ9rBTlzqZ .unit-list__a:hover .base-image__img,#unit-qnzMnIJA1L .unit-list__a:hover .base-image__img,#unit-bORjuFpVmD .unit-list__a:hover .base-image__img,#unit-YYa4HEAM8J .unit-list__a:hover .base-image__img,#unit-cv2j94IvfF .unit-list__a:hover img,#unit-DS853sQfyv .unit-list__a:hover img,#unit-uKcruXw6yN .unit-list__a:hover img {
    transform: scale(1.05);
}

#unit-TMF8hStcsC .unit-list__extend,#unit-MQ9rBTlzqZ .unit-list__extend,#unit-qnzMnIJA1L .unit-list__extend,#unit-bORjuFpVmD .unit-list__extend,#unit-YYa4HEAM8J .unit-list__extend {
    display: inline-block;
    padding: 0 10px;
    width: auto;
}

#unit-TMF8hStcsC .unit-list__item-inner,#unit-qnzMnIJA1L .unit-list__item-inner,#unit-bORjuFpVmD .unit-list__item-inner,#unit-YYa4HEAM8J .unit-list__item-inner {
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: .4s;
}

#unit-TMF8hStcsC .unit-list__item-inner:hover,#unit-MQ9rBTlzqZ .unit-list__item-inner:hover,#unit-qnzMnIJA1L .unit-list__item-inner:hover,#unit-bORjuFpVmD .unit-list__item-inner:hover,#unit-YYa4HEAM8J .unit-list__item-inner:hover {
    box-shadow: 0 0 12px rgba(0,0,0,.12);
}

#unit-TMF8hStcsC .unit-list__price,#unit-MQ9rBTlzqZ .unit-list__price,#unit-qnzMnIJA1L .unit-list__price,#unit-bORjuFpVmD .unit-list__price,#unit-YYa4HEAM8J .unit-list__price {
    border-right: 1px solid #fff;
    display: inline-block;
    padding: 0 10px;
}

#unit-TMF8hStcsC .unit-list__price-max,#unit-TMF8hStcsC .unit-list__price-min,#unit-MQ9rBTlzqZ .unit-list__price-max,#unit-MQ9rBTlzqZ .unit-list__price-min,#unit-qnzMnIJA1L .unit-list__price-max,#unit-qnzMnIJA1L .unit-list__price-min,#unit-bORjuFpVmD .unit-list__price-max,#unit-bORjuFpVmD .unit-list__price-min,#unit-YYa4HEAM8J .unit-list__price-max,#unit-YYa4HEAM8J .unit-list__price-min {
    display: inline-block;
}

#unit-TMF8hStcsC .unit-list__product,#unit-MQ9rBTlzqZ .unit-list__product,#unit-qnzMnIJA1L .unit-list__product,#unit-bORjuFpVmD .unit-list__product,#unit-YYa4HEAM8J .unit-list__product {
    padding: 8px 10px 8px 10px;
    margin: 20px auto 0px auto;
    border-radius: 45px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#unit-TMF8hStcsC .unit-list__product::after,#unit-MQ9rBTlzqZ .unit-list__product::after,#unit-qnzMnIJA1L .unit-list__product::after,#unit-bORjuFpVmD .unit-list__product::after,#unit-YYa4HEAM8J .unit-list__product::after {
    background-color: var(--main-color);
    content: '';
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    transition: .4s;
    width: 100%;
    z-index: -1;
}

#unit-TMF8hStcsC .unit-list__product:hover::after,#unit-MQ9rBTlzqZ .unit-list__product:hover::after,#unit-qnzMnIJA1L .unit-list__product:hover::after,#unit-bORjuFpVmD .unit-list__product:hover::after,#unit-YYa4HEAM8J .unit-list__product:hover::after {
    opacity: .8;
}

#unit-TMF8hStcsC .unit-list__text,#unit-MQ9rBTlzqZ .unit-list__text,#unit-qnzMnIJA1L .unit-list__text,#unit-bORjuFpVmD .unit-list__text,#unit-YYa4HEAM8J .unit-list__text {
    padding: 15px 0px 15px 0px;
    text-align: center;
    width: 100%;
}

#unit-TMF8hStcsC [text-style="0"],#unit-MQ9rBTlzqZ [text-style="0"],#unit-qnzMnIJA1L [text-style="0"],#unit-bORjuFpVmD [text-style="0"],#unit-YYa4HEAM8J [text-style="0"] {
    font-weight: 600;
}

#unit-MQ9rBTlzqZ .unit-list__item-inner {
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
    overflow: hidden;
    padding-right: 5px;
    position: relative;
    transition: .4s;
}

#unit-KXSeotKQzl .unit-text__item {
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

#unit-XeH38u52C4 .base-video__play {
    height: 50px;
    width: 50px;
}

#unit-XeH38u52C4 .base-video__play i {
    font-size: 20px;
}

#unit-XeH38u52C4 {
    --auto: 0;
}

#unit-cv2j94IvfF .base-button,#unit-kqV9Ekx1bp .unit-text__item,#unit-Od92D9XfZ4 .unit-text__item,#unit-E1oB8dEgTG .unit-text__item,#unit-PNUc18bL1c .unit-text__item,#unit-7vNq7znmYd .unit-text__item,#unit-v8YPNP2I8N .unit-text__item,#unit-1ixX1sp6aU .unit-text__item,#unit-HmUyJISwxL .unit-text__item,#unit-0g5ipOiX5R .unit-text__item,#unit-qbXdhlMrnX .unit-text__item {
    text-align: left;
}

#unit-cv2j94IvfF .base-image__img {
    color: rgba(26, 49, 105,1);
    height: 100%;
    object-fit: unset;
    width: 100%;
}

#unit-cv2j94IvfF .base-image__item {
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}

#unit-cv2j94IvfF .unit-list__content {
    padding: 15px;
}

#unit-cv2j94IvfF .unit-list__description {
    color: rgba(52, 52, 52, 1);
    margin-bottom: 0px;
    text-align: left;
}

#unit-cv2j94IvfF .unit-list__description .text_ellipsis,#unit-H5Yli26yXR .unit-list__description .text_ellipsis,#unit-SY4d1HfUoj .unit-list__description .text_ellipsis,#unit-SY4d1HfUoj .unit-list__title .text_ellipsis {
    -webkit-line-clamp: unset;
}

#unit-cv2j94IvfF .unit-list__item-inner {
    background-color: rgba(242, 244, 246, 1);
    border-radius: 10px 10px 10px 10px;
    flex-direction: column !important;
    position: relative;
}

#unit-cv2j94IvfF .unit-list__subtitle {
    margin-bottom: 0;
}

#unit-cv2j94IvfF .unit-list__text {
    text-align: center;
    width: 100%;
}

#unit-cv2j94IvfF .unit-list__title {
    margin-top: 0px;
    text-align: left;
}

#unit-cv2j94IvfF,#unit-SY4d1HfUoj {
    color: #000;
}

#unit-cv2j94IvfF img,#unit-DS853sQfyv img {
    transition: .4s ease-out;
}

#unit-gZPZPz8ygU .unit-text__item,#unit-E5o8JrN4nk .unit-text__item,#unit-H5Yli26yXR .unit-list__description,#unit-H5Yli26yXR .unit-list__subtitle,#unit-H5Yli26yXR .unit-list__title,#unit-VzkIkVXiQS .unit-text__item,#unit-QlEESzJ0TL .unit-text__item,#unit-UT5PbebwOg .unit-text__item,#unit-tjHdnK6krm .unit-list__description,#unit-tjHdnK6krm .unit-list__title {
    color: rgba(0, 0, 0, 1);
}

#unit-E5o8JrN4nk,#unit-QlEESzJ0TL {
    color: rgba(255,255,255,.8);
    padding-bottom: 0px;
    padding-top: 1vw;
}

#unit-H5Yli26yXR .base-image__img {
    color: rgba(26, 49, 105,1);
    height: 100%;
    max-height: 100%;
    object-fit: unset;
    width: auto;
}

#unit-H5Yli26yXR .base-image__item {
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

#unit-H5Yli26yXR .unit-list__a,#cell-fkQyy3LI5A [package-group='unit'] {
    height: 100%;
}

#unit-H5Yli26yXR .unit-list__item-inner {
    padding: 5vw 15px 5vw 15px;
    --border-size: 1px;
    --linear: linear-gradient(transparent, transparent);
    background-color: rgba(248, 246, 246, 0);
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid rgba(255, 255, 255, .1);
    border-bottom-color: rgba(0, 0, 0, 1);
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 1);
    border-left-style: dashed;
    border-left-width: 1px;
    border-radius: 10px;
    border-right-color: rgba(0, 0, 0, 1);
    border-right-style: dashed;
    border-right-width: 1px;
    border-top-color: rgba(0, 0, 0, 1);
    border-top-style: dashed;
    border-top-width: 1px;
    height: 100%;
    linear: unset;
    transition: .2s;
}

#unit-H5Yli26yXR .unit-list__item-inner:hover {
    border: 2px solid rgb(var(--rgb-color));
    height: 100%;
}

#unit-H5Yli26yXR .unit-list__title::after {
    background-color: rgba(255, 255, 255, 0.1);
    content: '';
    display: block;
    height: 2px;
    margin: 10px auto;
    width: 100px;
}

#unit-H5Yli26yXR {
    --border-size: 0px;
    --linear: linear-gradient(transparent, transparent);
    --reset-bd: 1;
    background-color: rgba(255, 255, 255, 0);
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom-color: var(--main-color);
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-left-color: var(--main-color);
    border-left-style: none;
    border-left-width: 1px;
    border-right-color: var(--main-color);
    border-right-style: none;
    border-right-width: 1px;
    border-top-color: var(--main-color);
    border-top-style: none;
    border-top-width: 1px;
    color: #fff;
    linear: unset;
    text-align: center;
}

#unit-NdOlKwM6xH .unit-tabs__item-inner {
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    padding-bottom: 32px;
    padding-top: 32px;
}

#unit-NdOlKwM6xH .unit-tabs__text {
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.5vw;
    text-align: center;
}

#unit-VzkIkVXiQS {
    padding-bottom: 0px;
    padding-top: 1vw;
}

#unit-5b0qOVea9g .base-button {
    text-align: right;
}

#unit-SY4d1HfUoj .base-button__inner {
    text-transform: uppercase;
}

#unit-SY4d1HfUoj .read_more {
    margin: 2vw 0px 1vw;
    width: 100%;
}

#unit-SY4d1HfUoj .unit-list__image {
    flex-shrink: 0;
    width: 100%;
}

#unit-SY4d1HfUoj .unit-list__item-inner {
    background-color: #fff;
    flex-direction: row!important;
    flex-wrap: wrap;
    overflow: hidden;
}

#unit-SY4d1HfUoj .unit-list__pagination {
    bottom: 2vw;
    left: auto;
    right: 0px;
    width: 100%;
}

#unit-SY4d1HfUoj .unit-list__text-inner {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    padding: 2vw;
    text-align: center;
}

#unit-SY4d1HfUoj .unit-list__title {
    margin-top: 0;
}

#unit-SY4d1HfUoj image {
    width: 100%!important;
}

#unit-8AdWZIZle8 {
    color: rgb(var(--rgb-color));
    padding-bottom: 0px;
    padding-top: 0px;
}

#unit-UT5PbebwOg {
    color: rgba(255,255,255,.8);
    padding-bottom: 0px;
    padding-top: 2vw;
}

#unit-tjHdnK6krm .unit-list__image {
    flex-shrink: 0;
    width: 80px;
}

#unit-tjHdnK6krm .unit-list__item-inner {
    align-items: center;
    flex-direction: row!important;
}

#unit-tjHdnK6krm .unit-list__text {
    padding-left: 1.5vw;
}

#unit-tjHdnK6krm {
    padding-bottom: 0px;
    padding-top: 2vw;
}

#unit-9t6MlC9Nzp .unit-text__item,#unit-DS853sQfyv .unit-list__description {
    color: rgba(52, 52, 52, 1);
}

#unit-DS853sQfyv .base-button__inner {
    padding: 0px 50px 0px 0px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    color: rgb(var(--rgb-color));
    font-size: 14px;
    position: relative;
}

#unit-DS853sQfyv .base-button__inner::before,#unit-uKcruXw6yN .base-button__inner::before {
    border-top: 1px solid rgb(var(--rgb-color));
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}

#unit-DS853sQfyv .base-image__img {
    color: rgba(26, 49, 105,1);
    height: 100%;
    object-fit: cover;
    width: 100%;
}

#unit-DS853sQfyv .unit-list {
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.03);
}

#unit-DS853sQfyv .unit-list__a {
    background-color: #fff;
}

#unit-DS853sQfyv .unit-list__article {
    position: absolute;
    top: 11px;
}

#unit-DS853sQfyv .unit-list__description .text_ellipsis,#unit-uKcruXw6yN .unit-list__description .text_ellipsis,#unit-uKcruXw6yN .unit-list__title .text_ellipsis {
    -webkit-line-clamp: 3;
}

#unit-DS853sQfyv .unit-list__item-inner {
    background-color: rgba(0,0,0,0);
}

#unit-DS853sQfyv .unit-list__item-inner:hover .unit-list__title,#unit-uKcruXw6yN .unit-list__item-inner:hover .unit-list__title {
    color: rgb(var(--rgb-color));
}

#unit-DS853sQfyv .unit-list__text {
    padding: 10% 5% 5%;
    position: relative;
    width: 100%;
}

#unit-DS853sQfyv .unit-list__title {
    color: rgba(16, 16, 16, 1);
    margin-top: 0px;
}

#unit-DS853sQfyv {
    background-color: rgba(0,0,0,0);
    padding-top: 0px;
}

#unit-uKcruXw6yN .base-button__inner {
    padding: 0px 50px 0px 0px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    color: rgb(var(--rgb-color));
    margin-top: 1vw;
    position: relative;
}

#unit-uKcruXw6yN .unit-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

#unit-uKcruXw6yN .unit-list__a {
    padding: 8% 4%;
    position: relative;
}

#unit-uKcruXw6yN .unit-list__article {
    position: absolute;
    top: -10px;
}

#unit-uKcruXw6yN .unit-list__item-inner {
    background-color: rgba(0,0,0,0);
    border-radius: 0px 0px 0px 0px;
}

#unit-uKcruXw6yN .unit-list__item:not(:last-child) .unit-list__a::after {
    border-bottom: 1px solid rgba(0,0,0,.1);
    bottom: 0px;
    content: '';
    left: 4%;
    position: absolute;
    width: 92%;
}

#unit-uKcruXw6yN .unit-list__text {
    position: relative;
    width: 100%;
}

#unit-uKcruXw6yN .unit-list__title {
    margin-top: 4vw;
}

#unit-uKcruXw6yN {
    background-color: #fff;
    border-bottom-width: 0;
    border-left-width: 0;
    border-radius: 0px 0px 0px 0px;
    border-right-width: 0;
    border-top: 6px solid rgb(var(--rgb-color));
    border-top-width: 0;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.03);
    height: 100%;
    padding-top: 0px;
}

#unit-uKcruXw6yN img {
    transition: .4s ease-out;
    width: 100%;
}

#unit-lTaJf0F6c8 .unit-text__item {
    color: rgba(16, 16, 16, 1);
    text-align: center;
}

#unit-XI4PA3YaIe .unit-text__item {
    color: rgba(52, 52, 52, 1);
    text-align: center;
}

#unit-rraFIjGkYg .base-image__img {
    height: auto;
    width: auto;
}

#unit-dRpU9TcVB3 .unit-social-list__icon {
    --social-icon: rgba(255, 255, 255, 0.6);
    --social-icon-active: rgba(202, 165, 80, 1);
    color: var(--main-color);
}

#unit-W0OUsUjyBk .unit-text__item,#unit-sZAcFalE2N .unit-text__item,#unit-Oe8BSOY63p .unit-text__item,#unit-9BB42xs5SK .unit-text__item,#unit-uV5gGLzX1p .unit-text__item {
    color: rgba(255, 255, 255, 1);
}

#unit-W0OUsUjyBk,#unit-sZAcFalE2N,#unit-Oe8BSOY63p,#unit-9BB42xs5SK,#unit-uV5gGLzX1p {
    padding-bottom: 1vw;
}

#unit-out92fZWDe .unit-text__item,#unit-fxTSCKYVn4 .unit-text__item,#unit-fpph4j7cOx .unit-text__item,#unit-YSYVGE7GXL .unit-text__item,#unit-8Q7EqAJIWq .unit-text__item {
    color: rgba(255, 255, 255, 0.6);
}

#unit-M5PAFKb9BJ .unit-text__item {
    color: rgba(255, 255, 255, 0.6);
    text-align: left;
}

#unit-M5PAFKb9BJ [text-style="0"] {
    font-size: 14px;
    font-family: "Montserrat Light";
}

#unit-M5PAFKb9BJ {
    border-top-color: rgba(255,255,255,.1);
    border-top-style: solid;
    border-top-width: 1px;
    color: rgba(255,255,255,.8);
    font-size: 14px;
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}

#unit-zYZNRleIwb .base-image__img {
    color: rgba(26, 49, 105,1);
    height: auto;
    object-fit: unset;
    width: auto;
}

#unit-9SXszcLAqE {
    padding-left: 6vw;
    padding-right: 6vw;
}

@media(min-width: 768px) {
    .container__article {
        --container-width:737px;
        max-width: 737px;
    }

    [button-style="1"] .btn, [button-style="2"] .btn {
        padding-left: 24px;
        padding-right: 24px;
        font-family: Poppins Regular;
    }

    [package-item='module'] {
        padding-bottom: 5vw;
        padding-top: 5vw;
    }

    [text-style="1"] {
        font-size: 30px;
        line-height: 1.2;
    }

    [text-style="2"] {
        font-size: 18px;
    }

    [text-style="3"] {
        font-size: 15px;
        line-height: 1.9;
    }

    #module-caXKEPSutI,#module-A2f1w86svF,#module-zKiorsI8Bt {
        padding-bottom: 6vw;
        padding-top: 6vw;
    }

    #module-s6PxO8lAw2 {
        padding-bottom: 3vw;
        padding-top: 6vw;
    }

    #module-pHZsnvzxZ1,#module-UctBNI49La,#module-45ekp8XsUd {
        padding-bottom: 6vw;
        padding-top: 5vw;
    }

    #cell-I35eoX4K6A {
        padding-right: 1.5vw;
    }

    #cell-9BiM3pkzFk {
        padding-left: 1.5vw;
        padding-top: 0px;
    }

    #unit-erwIDequQL [text-style="0"] {
        font-size: 28px;
    }

    #unit-erwIDequQL .base-image__img[img-index="0"],#unit-SY4d1HfUoj .base-image__img[img-index="0"],#unit-SY4d1HfUoj .base-image__img[img-index="1"],#unit-SY4d1HfUoj .base-image__img[img-index="2"],#unit-SY4d1HfUoj .base-image__img[img-index="3"],#unit-SY4d1HfUoj .base-image__img[img-index="4"],#unit-SY4d1HfUoj .base-image__img[img-index="5"],#unit-SY4d1HfUoj .base-image__img[img-index="6"] {
        height: auto;
    }

    #unit-TMF8hStcsC .unit-list__product,#unit-MQ9rBTlzqZ .unit-list__product,#unit-qnzMnIJA1L .unit-list__product,#unit-bORjuFpVmD .unit-list__product,#unit-YYa4HEAM8J .unit-list__product {
        padding-bottom: 12px;
        padding-top: 12px;
    }

    #unit-TMF8hStcsC .unit-list__title,#unit-MQ9rBTlzqZ .unit-list__title,#unit-qnzMnIJA1L .unit-list__title,#unit-bORjuFpVmD .unit-list__title,#unit-YYa4HEAM8J .unit-list__title {
        margin-top: 1vw;
    }

    #unit-TMF8hStcsC [text-style="0"],#unit-MQ9rBTlzqZ [text-style="0"],#unit-qnzMnIJA1L [text-style="0"],#unit-bORjuFpVmD [text-style="0"],#unit-YYa4HEAM8J [text-style="0"] {
        font-weight: 600;
    }

    #unit-XeH38u52C4 .base-video__play {
        height: 65px;
        width: 65px;
    }

    #unit-XeH38u52C4 .base-video__play i {
        font-size: 30px;
    }

    #unit-H5Yli26yXR .unit-list__title::after {
        width: 30%;
    }

    #unit-SY4d1HfUoj .unit-list__item-inner {
        flex-wrap: row!important;
    }

    #unit-DS853sQfyv .unit-list__article {
        top: 19px;
    }

    #unit-DS853sQfyv .unit-list__description .text_ellipsis,#unit-uKcruXw6yN .unit-list__description .text_ellipsis {
        -webkit-line-clamp: 2;
    }

    #unit-DS853sQfyv .unit-list__text {
        padding-top: 48px;
    }

    #unit-uKcruXw6yN .unit-list__a {
        padding: 8%;
    }

    #unit-uKcruXw6yN .unit-list__article {
        top: 0px;
    }

    #unit-uKcruXw6yN .unit-list__item:not(:last-child) .unit-list__a::after {
        border-bottom-width: 0px;
        left: 8%;
        width: 84%;
    }

    #unit-uKcruXw6yN .unit-list__title {
        margin-top: 3vw;
    }

    #unit-uKcruXw6yN .unit-list__title .text_ellipsis {
        -webkit-line-clamp: 1;
    }

    #unit-zYZNRleIwb .base-image__img {
        height: 300px;
        max-height: 100%;
    }

    #unit-zYZNRleIwb .base-image__img[img-index="0"] {
        height: 300px;
    }
}

@media(min-width: 1200px) {
    .base-button__inner {
        font-size:14px;
    }

    .container__article {
        --container-width: 966px;
        max-width: 966px;
    }

    [button-style="1"] .btn {
        font-size: 15px;
        padding-left: 16px;
        padding-right: 16px;
        font-family: Poppins Regular;
    }

    [button-style="2"] .btn {
        padding: 13px 36px 13px 36px;
        font-size: 15px;
        font-family: Poppins Regular;
    }

    [package-item='module'],#unit-H5Yli26yXR .unit-list__item-inner {
        padding-bottom: 3vw;
        padding-top: 3vw;
    }

    [text-style="1"] {
        font-size: 2.4vw;
    }

    [subMenu] {
        --font-active: rgba(0, 100, 179, 1);
        color: rgba(52, 52, 52, 1);
    }

    #module-caXKEPSutI {
        background-size: initial;
        padding-bottom: 4vw;
        padding-top: 4vw;
    }

    #module-s6PxO8lAw2,#module-A2f1w86svF,#module-zKiorsI8Bt {
        padding-bottom: 4vw;
        padding-top: 4vw;
    }

    #module-pHZsnvzxZ1,#module-UctBNI49La {
        padding-bottom: 4vw;
        padding-top: 3vw;
    }

    #module-45ekp8XsUd {
        padding-bottom: 5vw;
    }

    #cell-qkZuaoBGm2 {
        padding-right: 2vw;
    }

    #cell-fkQyy3LI5A {
        padding-left: 2vw;
    }

    #cell-aNDGcEv2JM {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    #unit-erwIDequQL .unit-list__items {
        margin: -.8vw;
    }

    #unit-erwIDequQL [text-style="0"] {
        font-size: 2.8vw;
        line-height: 1.2;
    }

    #unit-2N2hrHJrwL .unit-tabs__item-inner {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-width: 1px;
        border-right-style: solid;
        border-right-width: 1px;
        border-top-style: solid;
        border-top-width: 1px;
    }

    #unit-2N2hrHJrwL .unit-tabs__nav-item.active .unit-tabs__item-inner,#unit-NdOlKwM6xH .unit-tabs__nav-wrap .unit-tabs__nav-item.active .unit-tabs__item-inner {
        background-color: var(--main-color);
    }

    #unit-2N2hrHJrwL .unit-tabs__nav-item.active .unit-tabs__text {
        color: rgba(255, 255, 255, 1);
    }

    #unit-TMF8hStcsC [text-style="0"],#unit-MQ9rBTlzqZ [text-style="0"],#unit-qnzMnIJA1L [text-style="0"],#unit-bORjuFpVmD [text-style="0"],#unit-YYa4HEAM8J [text-style="0"] {
        font-weight: 600;
    }

    #unit-H5Yli26yXR .unit-list__title::after {
        width: 50%;
    }

    #unit-NdOlKwM6xH .unit-tabs__item-inner {
        border-bottom-color: #E2E2E2;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: #E2E2E2;
        border-left-style: solid;
        border-left-width: 1px;
        border-right-color: #E2E2E2;
        border-right-style: solid;
        border-right-width: 1px;
        border-top-color: #E2E2E2;
        border-top-style: solid;
        border-top-width: 1px;
    }

    #unit-NdOlKwM6xH .unit-tabs__nav-wrap {
        display: flex;
        justify-content: flex-start;
    }

    #unit-NdOlKwM6xH .unit-tabs__nav-wrap .unit-tabs__nav-item.active .unit-tabs__text {
        color: rgba(245, 245, 245, 1);
    }

    #unit-SY4d1HfUoj .unit-list__image {
        width: 66%;
    }

    #unit-SY4d1HfUoj .unit-list__item-inner {
        flex-wrap: nowrap;
    }

    #unit-SY4d1HfUoj .unit-list__pagination {
        width: 34%;
    }

    #unit-SY4d1HfUoj .unit-list__title {
        font-size: 28px;
    }

    #unit-tjHdnK6krm .unit-list__title {
        margin-top: 0px;
    }

    #unit-DS853sQfyv .base-button__inner {
        padding-right: 70px;
    }

    #unit-DS853sQfyv .base-button__inner::before {
        border-width: 2px;
        font-size: 16px;
        width: 50px;
    }

    #unit-DS853sQfyv .unit-list__article {
        top: 29px;
    }

    #unit-DS853sQfyv .unit-list__text {
        padding-top: 64px;
    }

    #unit-uKcruXw6yN .base-button__inner {
        padding-right: 50px;
    }

    #unit-uKcruXw6yN .base-button__inner::before {
        border-width: 2px;
        font-size: 16px;
        width: 30px;
    }

    #unit-uKcruXw6yN .unit-list__item:not(:last-child) .unit-list__a::after {
        border-bottom-width: 1px;
    }

    #unit-uKcruXw6yN .unit-list__title {
        margin-top: 2vw;
    }

    #unit-XI4PA3YaIe {
        padding-left: 12vw;
        padding-right: 12vw;
        padding-top: 1vw;
    }
}

@font-face {
    font-family: "Poppins Regular";
    src: url('/font/en/Poppins-Regular.woff2');
    font-display: swap;
}

@font-face {
    font-family: "Montserrat Regular";
    src: url('data:font/woff2;charset=utf-8;base64,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');
    font-display: swap;
}

@font-face {
    font-family: "Montserrat Light";
    src: url('data:font/woff2;charset=utf-8;base64,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');
    font-display: swap;
}



#unit-W5EDRIoNxS .unit-header-nav__item-son, #unit-W5EDRIoNxS .unit-header-nav__item-grandson, #unit-W5EDRIoNxS .unit-header-nav__item-grateson {
    padding: 16px 12px 0;
    min-width: 250px;
}

#unit-W5EDRIoNxS .unit-header-nav__item-son:last-child, #unit-W5EDRIoNxS .unit-header-nav__item-grandson:last-child, #unit-W5EDRIoNxS .unit-header-nav__item-grateson:last-child {
    padding-bottom: 16px;
}

.unit-article-detail-html video {
    max-width: 100%;
}

/*案例*/
.d-tem09-graphic {
    padding-top: 0;
    padding-bottom: 0;
}

.unit-article-detail-html ul li {
    left: 0em;
}

.d-tem09-graphic .description ul li a {
    font-size: 16px;
    color: #343434;
}

.d-tem09-graphic .description ul li span {
    color: #caa550;
    font-size: 18px;
}

.d-tem04-title h2::before, .d-tem04-title .h2::before {
    width: 3px;
    background: #173367;
}

.d-tem18-graphic .item .text .description {
    font-size: 15px;
    color: #343434;
}

.d-tem18-graphic .item .text .title {
    font-weight: bold;
}

.d-tem15-graphic.mockup .col-md-4 .caption .h3 {
    font-weight: bold;
}

.d-tem04-title.text-left.d-interval {
    font-weight: bold;
}

@-moz-document url-prefix() {
    #module-HhXGcIyW6o {
        margin-bottom: 12vw;
    }
}

#unit-49oumkhZmh .unit-list__text, #unit-wzkNHqP32M .unit-list__text {
    top: 86%;
}

#unit-20iRpjgz0Q .unit-list__item {
    height: auto;
}

#unit-20iRpjgz0Q .unit-list__a, #unit-20iRpjgz0Q .unit-list__item-inner {
    height: 100%;
}

#unit-u1XRl7Lhko .unit-list__content, #unit-TvhFaQqMVv .unit-list__content {
    padding: 2vw;
}

#unit-u1XRl7Lhko .unit-list__item {
    height: auto;
}

#unit-u1XRl7Lhko .unit-list__a,#unit-u1XRl7Lhko .unit-list__item-inner {
    height: 100%;
}

#unit-erwIDequQL .unit-list__title {
    text-shadow: 0 3px 5px rgb(0 0 0 / 30%);
}

#unit-erwIDequQL .unit-list__description {
    text-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    padding-right: 4vw;
}

.unit-list__subtitle, .unit-list__description {
    opacity: 1;
}

#module-45ekp8XsUd #unit-DS853sQfyv .unit-list {
    box-shadow: none;
}

#module-45ekp8XsUd #unit-uKcruXw6yN {
    box-shadow: none;
}

#module-45ekp8XsUd #unit-uKcruXw6yN {
    background-color: transparent;
}

#module-inbLXitvrI .unit-text .unit-text__item a:hover {
    color: #e6e9ee !important;
}

#unit-8Q7EqAJIWq .unit-text__item a:hover span {
    color: #e6e9ee !important;
}

#unit-KdXvyCW1dk .unit-list__text {
    width: 100%;
    padding: 0;
    background: rgb(26 49 105 / 60%);
}

#unit-KdXvyCW1dk .unit-list__content {
    background: rgb(26 49 105 / 0%);
    padding: 1vw;
}

#unit-KdXvyCW1dk .unit-list__item-inner:hover .unit-list__text {
    background: rgb(26 49 105 / 60%);
    height: 100%;
    animation: myfirst .4s;
}

@keyframes myfirst {
    from {
        height: 0%;
    }

    to {
        height: 100%;
    }
}

#unit-KdXvyCW1dk .unit-list__item-inner:hover .unit-list__title {
    transition: .4s;
}

#unit-KdXvyCW1dk .unit-list__item-inner:hover .unit-list__content {
    padding: 22% 12%;
    transition: .4s;
}

#unit-KdXvyCW1dk .unit-list__description {
    display: none;
}

#unit-KdXvyCW1dk .unit-list__item-inner:hover .unit-list__description {
    display: block;
}

#module-CJU7Hy1waR .unit-list__text-inner {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10%;
}

#module-CJU7Hy1waR .unit-list__content {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
}

#module-O5wajX6n6X .unit-list__content {
    padding-left: 0;
    padding-right: 0;
}

#unit-eSruLrFaSe .unit-list__a:hover img {
    transform: scale(1);
}

#unit-E9rHhwsbgF .unit-list__a:hover img {
    transform: scale(1);
}

#unit-bipihuG8C5 .unit-list__a:hover img {
    transform: scale(1);
}

#unit-VNI2B7SBdV .unit-list__a:hover img {
    transform: scale(1);
}

#module-2iXOeUno4U .unit-list.is-swiper .swiper-wrapper {
    padding-bottom: 1vw;
}

#unit-c7xCnManxc .unit-list__content, #unit-CBrwphVqE4 .unit-list__content, #unit-zb06vzflN5 .unit-list__content, #unit-wv5kbXUs1b .unit-list__content, #unit-MfujSoDIas .unit-list__content, #unit-TLAFIfI5sM .unit-list__content, #unit-JktpWRBnro .unit-list__content, #unit-NzeJ10Zuvs .unit-list__content, #unit-NhNIIdfIss .unit-list__content, #unit-GVaSxStTeu .unit-list__content {
    padding: 10px 0;
}

#unit-wv5kbXUs1b .unit-list__item {
    padding: 0;
}

#unit-wv5kbXUs1b .unit-list__items {
    margin: 0;
}

@media (min-width: 1200px) {
    #module-VUapH1x0Kv #cell-b5GjO5xMdh {
        margin-top: -8vw;
    }

    #unit-20iRpjgz0Q .unit-list__content {
        padding: 2vw 4vw;
    }

    #swiper-unit-20iRpjgz0Q .unit-list__item {
        width: 960px !important;
    }

    #module-HhXGcIyW6o .container {
        background-color: #fff;
        padding: 3vw 4vw;
        margin-top: -12vw;
        border-radius: 15px;
    }

    #unit-biyrASHuEX .unit-list__title {
        margin-top: 0px;
    }

    #unit-biyrASHuEX .unit-list__item-inner {
        padding: 2vw;
    }

    #unit-KdXvyCW1dk .unit-list__item {
        padding: 0.5vw;
    }

    #unit-zq24fzOTZG .unit-list__item, #unit-fjlWpIcMOs .unit-list__item, #unit-7MrdBtZtNw .unit-list__item {
        padding: 0.5vw;
    }

    #unit-uKcruXw6yN .unit-list__a {
        padding: 0 2vw 1.5vw 0;
    }

    #unit-uKcruXw6yN .unit-list__item:not(:last-child) .unit-list__a::after {
        left: 0;
        width: 100%;
    }

    #unit-p9XuUO9TXw .unit-list__description {
        height: 80px;
    }
}

@media (min-width: 1366px) and (max-width: 1520px) {
    #module-EkEhJSbHIV #cell-lJrABChXrP {
        padding-left: 0px;
    }

    .container {
        padding-left: 5%;
        padding-right: 5%;
    }

    #unit-erwIDequQL .unit-list__text {
        padding-left: 2%;
    }

    #unit-erwIDequQL .unit-list__title {
        text-shadow: 0 3px 8px rgb(0 0 0 / 40%);
    }

    #unit-erwIDequQL .unit-list__description {
        text-shadow: 0 3px 8px rgb(0 0 0 / 40%);
        padding-right: 6vw;
    }
}

@media (max-width: 768px) {
    #module-lSHGKcOKcJ .swiper-container .swiper-slide[data-swiper-slide-index='1'] .unit-list__text-inner {
        padding-bottom:70vw;
    }

    .d-tem15-graphic.mockup .col-6 {
        max-width: 100%;
        min-width: 100%;
    }

    .d-tem14-graphic.mockup .col-6 {
        max-width: 100%;
        min-width: 100%;
    }

    #module-geEQvWqJNA .unit-download-list__text {
        padding: 2vw;
    }

    #module-tyJjHK487y .unit-download-list__text {
        padding: 2vw;
    }

    #module-rRVxnsWrnj .unit-download-list__text {
        padding: 2vw;
    }

    #module-ZDtVEVeNTZ .unit-download-list__text {
        padding: 2vw ;
    }

    #unit-uKcruXw6yN .unit-list__item:not(:last-child) .unit-list__a::after {
        border-bottom: 1px solid rgba(0,0,0,.1);
        left: 5%;
    }

    #unit-uKcruXw6yN .unit-list__a {
        padding: 5%;
    }

    #unit-m8pSKlVxHw .unit-list__text {
        width: 100%;
        padding: 0;
        background: rgb(26 49 105 / 60%);
    }

    #unit-m8pSKlVxHw .unit-list__content {
        background: rgb(26 49 105 / 0%);
        padding: 1vw;
    }

    #unit-geSjv8lm5R .unit-list__text-inner {
        width: 60% !important;
    }
}

@media (max-width: 640px) {
    #unit-geSjv8lm5R .unit-list__text-inner {
        width:85% !important;
    }
}



                                                @media (min-width: 1200px) {
                                                    #unit-erwIDequQL .unit-list__items {
                                                    }
                                                }

                                                @media (min-width: 768px) and (max-width: 1199px) {
                                                    #unit-erwIDequQL .unit-list__items {
                                                    }
                                                }

                                                @media (max-width: 767px) {
                                                    #unit-erwIDequQL .unit-list__items {
                                                    }
                                                }
                                            


                                                @media (min-width: 1200px) {
                                                    #unit-2N2hrHJrwL .unit-tabs__nav-wrap {
                                                        padding-right:1px;
                                                    }

                                                    #unit-2N2hrHJrwL .unit-tabs__item-inner {
                                                        margin-right: -1px;
                                                    }

                                                    #unit-2N2hrHJrwL .unit-tabs__nav-item:nth-child(n+6) .unit-tabs__item-inner {
                                                        margin-top: -1px;
                                                    }
                                                }
                                            


                                                                                        @media (min-width: 1200px) {
                                                                                            #unit-MQ9rBTlzqZ .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (min-width: 768px) and (max-width: 1199px) {
                                                                                            #unit-MQ9rBTlzqZ .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (max-width: 767px) {
                                                                                            #unit-MQ9rBTlzqZ .unit-list__items {
                                                                                            }
                                                                                        }
                                                                                    


                                                                                        @media (min-width: 1200px) {
                                                                                            #unit-TMF8hStcsC .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (min-width: 768px) and (max-width: 1199px) {
                                                                                            #unit-TMF8hStcsC .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (max-width: 767px) {
                                                                                            #unit-TMF8hStcsC .unit-list__items {
                                                                                            }
                                                                                        }
                                                                                    


                                                                                        @media (min-width: 1200px) {
                                                                                            #unit-qnzMnIJA1L .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (min-width: 768px) and (max-width: 1199px) {
                                                                                            #unit-qnzMnIJA1L .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (max-width: 767px) {
                                                                                            #unit-qnzMnIJA1L .unit-list__items {
                                                                                            }
                                                                                        }
                                                                                    


                                                                                        @media (min-width: 1200px) {
                                                                                            #unit-bORjuFpVmD .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (min-width: 768px) and (max-width: 1199px) {
                                                                                            #unit-bORjuFpVmD .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (max-width: 767px) {
                                                                                            #unit-bORjuFpVmD .unit-list__items {
                                                                                            }
                                                                                        }
                                                                                    


                                                                                        @media (min-width: 1200px) {
                                                                                            #unit-YYa4HEAM8J .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (min-width: 768px) and (max-width: 1199px) {
                                                                                            #unit-YYa4HEAM8J .unit-list__items {
                                                                                            }
                                                                                        }

                                                                                        @media (max-width: 767px) {
                                                                                            #unit-YYa4HEAM8J .unit-list__items {
                                                                                            }
                                                                                        }
                                                                                    


                                                @media (min-width: 1200px) {
                                                    #unit-cv2j94IvfF .unit-list__items {
                                                    }
                                                }

                                                @media (min-width: 768px) and (max-width: 1199px) {
                                                    #unit-cv2j94IvfF .unit-list__items {
                                                    }
                                                }

                                                @media (max-width: 767px) {
                                                    #unit-cv2j94IvfF .unit-list__items {
                                                    }
                                                }
                                            


                                                @media (min-width: 1200px) {
                                                    #unit-H5Yli26yXR .unit-list__items {
                                                        margin-top:calc(-0.8vw + 1px );
                                                        --wrapper-margin: -0.8vw;
                                                        margin-bottom: calc(-0.8vw + 1px );
                                                        margin-left: calc(-0.8vw + 1px );
                                                        margin-right: calc(-0.8vw + 1px );
                                                    }
                                                }

                                                @media (min-width: 768px) and (max-width: 1199px) {
                                                    #unit-H5Yli26yXR .unit-list__items {
                                                        margin-top:calc(-0.8vw + 1px );
                                                        --wrapper-margin: -0.8vw;
                                                        margin-bottom: calc(-0.8vw + 1px );
                                                        margin-left: calc(-0.8vw + 1px );
                                                        margin-right: calc(-0.8vw + 1px );
                                                    }
                                                }

                                                @media (max-width: 767px) {
                                                    #unit-H5Yli26yXR .unit-list__items {
                                                        margin-top:calc(-1.5vw + 1px );
                                                        --wrapper-margin: -1.5vw;
                                                        margin-bottom: calc(-1.5vw + 1px );
                                                        margin-left: calc(-1.5vw + 1px );
                                                        margin-right: calc(-1.5vw + 1px );
                                                    }
                                                }
                                            


                                                @media (min-width: 1200px) {
                                                    #unit-NdOlKwM6xH .unit-tabs__nav-wrap {
                                                        padding-right:1px;
                                                    }

                                                    #unit-NdOlKwM6xH .unit-tabs__item-inner {
                                                        margin-right: -1px;
                                                    }

                                                    #unit-NdOlKwM6xH .unit-tabs__nav-item:nth-child(n+6) .unit-tabs__item-inner {
                                                        margin-top: -1px;
                                                    }
                                                }
                                            


                                                @media (min-width: 1200px) {
                                                    #unit-SY4d1HfUoj .unit-list__items {
                                                    }
                                                }

                                                @media (min-width: 768px) and (max-width: 1199px) {
                                                    #unit-SY4d1HfUoj .unit-list__items {
                                                    }
                                                }

                                                @media (max-width: 767px) {
                                                    #unit-SY4d1HfUoj .unit-list__items {
                                                    }
                                                }
                                            


                                                @media (min-width: 1200px) {
                                                    #unit-tjHdnK6krm .unit-list__items {
                                                    }
                                                }

                                                @media (min-width: 768px) and (max-width: 1199px) {
                                                    #unit-tjHdnK6krm .unit-list__items {
                                                    }
                                                }

                                                @media (max-width: 767px) {
                                                    #unit-tjHdnK6krm .unit-list__items {
                                                    }
                                                }
                                            


                                                @media (min-width: 1200px) {
                                                    #unit-DS853sQfyv .unit-list__items {
                                                    }
                                                }

                                                @media (min-width: 768px) and (max-width: 1199px) {
                                                    #unit-DS853sQfyv .unit-list__items {
                                                    }
                                                }

                                                @media (max-width: 767px) {
                                                    #unit-DS853sQfyv .unit-list__items {
                                                    }
                                                }
                                            


                                                @media (min-width: 1200px) {
                                                    #unit-uKcruXw6yN .unit-list__items {
                                                    }
                                                }

                                                @media (min-width: 768px) and (max-width: 1199px) {
                                                    #unit-uKcruXw6yN .unit-list__items {
                                                    }
                                                }

                                                @media (max-width: 767px) {
                                                    #unit-uKcruXw6yN .unit-list__items {
                                                    }
                                                }
                                            






    [package-group="widget"] {
        --FAQ-B: 0px;
        --social-height: 70px;
    }

    @media (max-width: 768px) {
        [package-group="widget"] {
            --social-height:70px;
        }
    }





.modal__inner-xl{
width:680px;
}
#grid-SlhIAY7rv5,#cell-LcOP5UxVhl{
padding-left:0;
padding-right:0;
}
#module-ieZkYEFVgn{
padding:20px;
}
#unit-53RhIk8HNq{
padding-left:6vw;
padding-right:8vw;
}




/*--------------- about ---------------*/


.unit-breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.unit-breadcrumb .nostyle {
  font-weight: normal;
}
.unit-breadcrumb__item.active {
  color: inherit;
}
.breadcrumb-item + .breadcrumb-item {
  padding: 0;
  position: relative;
}
.unit-breadcrumb > .breadcrumb-item + .breadcrumb-item::before {
  content: "\e600";
  font-family: "iconfont" !important;
  transform: rotate(180deg);
  padding: 0;
  color: inherit;
  display: flex;
  align-items: center;
}
.breadcrumb li:last-child a {
  text-decoration: none;
  cursor: default;
}
.breadcrumb li > a::after {
  color: inherit !important;
}
.breadcrumb-item.active {
  color: inherit;
}
.unit-breadcrumb > .unit-breadcrumb__item:not(:first-child) a {
  padding: 0 5px;
}
.unit-breadcrumb > .unit-breadcrumb__item:first-child a {
  padding-right: 5px;
  text-transform: capitalize;
}
.unit-breradcrumb__omit span {
  border-radius: 5px;
  padding: 5px 8px;
  transition: 0.4s;
  cursor: pointer;
  margin: 0 5px;
  font-size: inherit;
  background-color: rgba(0, 0, 0, 0.05);
}
.unit-breradcrumb__omit span::before {
  opacity: 0.3;
}
.unit-breradcrumb__omit span:hover::before {
  opacity: 1;
}
.unit-breradcrumb__omit-ul {
  position: absolute;
  border-radius: 6px;
  background: #f5f5f5;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none;
  color: #333;
  top: 100%;
  z-index: 2;
}
.unit-breradcrumb__omit-ul.active {
  display: block;
}
.unit-breradcrumb__omit-ul::before {
  content: "\e65c";
  font-family: "iconfont";
  font-size: 18px;
  display: block;
  transform: rotate(180deg) translate(50%, 68%);
  position: absolute;
  top: 4px;
  left: 32px;
  color: #f5f5f5;
}
.unit-breradcrumb__omit-ul .breadcrumb-item::before,
.unit-breradcrumb__omit-ul .unit-breadcrumb__item:first-child,
.unit-breradcrumb__omit-ul .unit-breadcrumb__item:last-child {
  display: none;
}
.unit-breradcrumb__omit-ul .breadcrumb-item a {
  padding: 10px 20px;
  display: block;
  width: 100%;
  text-align: center;
}
.breadcrumb-item {
  display: flex;
}
.unit-breradcrumb__omit-ul .unit-breadcrumb__item:not(.active):hover a {
  text-decoration: underline;
}
.unit-breadcrumb-img {
  position: relative;
}
.unit-breadcrumb-img .unit-breadcrumb__nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 574px) {
  #pageType_ai_product_detail [package-type="breadcrumb"] {
    display: none;
  }
  #pageType_product_detail [package-type="breadcrumb"] {
    display: none;
  }
}
form label {
  margin-bottom: 0;
}
.unit-form .dropdown-item {
  white-space: break-spaces;
  word-break: break-word;
}
[form-style] .form-control,
[form-style] .dropdown-menu,
[form-style] .dropdown-item,
[form-style] .dropdown-item.active,
[form-style] .dropdown-item:active {
  color: unset;
  font-size: unset;
}
.unit-form__select-box:after {
  content: "\e65c";
  font-family: iconfont;
  color: #000;
  position: absolute;
  right: var(--x);
  top: 2px;
  padding-top: var(--y);
  pointer-events: none;
}
[form-style] .unit-form__select-box:after {
  color: inherit;
}
.unit-form .unit-form__select-options {
  width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}
.unit-form .unit-form__select-option:active,
.unit-form .unit-form__select-option:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.unit-form .unit-form__select-option {
  min-height: 32px;
}
form .dropdown {
  position: relative;
}
form .unit-form__select-box {
  flex-grow: 1;
}
.unit-form__checkbox img {
  position: relative;
  --loading-size: 1rem;
  --loading-bg: rgba(245, 245, 245, 1);
}
.unit-form__checkbox img.loading:before {
  background: var(--loading-bg);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.unit-form__checkbox img.img-error {
  opacity: 0;
}
.unit-form__checkbox-list {
  display: flex;
  flex-grow: 1;
}
.unit-form__checkbox-list-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  flex-wrap: wrap;
  row-gap: 10px;
}
.unit-form__item {
  display: flex;
}
.unit-form__item.unit-form__item-submit {
  display: block;
}
.unit-form__item-inner {
  flex-grow: 1;
}
.checkbox-use-img .unit-form__checkbox-label {
  padding-top: 8px;
  text-align: center;
  display: flex;
  flex-direction: row;
}
.unit-form__checkbox-label {
  text-align: left;
}
.unit-form__checkbox-inner {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
form .unit-form__checkbox-list.unit-form__control,
form .unit-form__checkbox-list.unit-form__control ~ .unit-form__label {
  padding-top: var(--y);
  padding-bottom: var(--y);
}
form .unit-form__label {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
form .unit-form__checkbox-list.unit-form__control:not(.checkbox-use-img) .unit-form__checkbox-list-inner {
  padding-top: calc(var(--y) + 15px);
}
form .unit-form__checkbox-list.unit-form__control.checkbox-use-img .unit-form__checkbox-list-inner {
  padding-top: calc(var(--y) + 15px);
}
.checkbox-use-img .unit-form__checkbox-inner {
  flex-direction: column;
}
.checkbox-use-img .unit-form__checkbox-input-box {
  width: 100%;
}
.checkbox-use-img .unit-form__checkbox-inner > .unit-form__checkbox-label {
  --label-shrink-width: 26px;
  width: 100%;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.checkbox-use-img .unit-form__checkbox-inner > .unit-form__checkbox-label > .label-shrink {
  width: var(--label-shrink-width);
}
.checkbox-use-img .unit-form__checkbox-inner > .unit-form__checkbox-label > .label-content {
  flex-grow: 1;
}
.checkbox-use-img .unit-form__checkbox .label-content {
  width: calc(100% - var(--label-shrink-width));
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.unit-form__checkbox-list .unit-form__checkbox {
  padding-left: 0;
  padding-right: 0;
}
.unit-form__checkbox-input-box {
  margin: 0;
}
.unit-form__checkbox-inner > .unit-form__checkbox-input-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.unit-form__checkbox {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: flex-start;
}
.checkbox-use-img .unit-form__checkbox-inner {
  min-width: 116px;
  max-width: 118px;
}
.unit-form__checkbox .custom-checkbox {
  width: 18px;
  height: 18px;
  position: relative;
  margin: 2px 8px 0 0;
  background: #f5f5f5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.unit-form__checkbox .custom-checkbox input[type="checkbox"] {
  opacity: 0;
}
.unit-form__checkbox img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  display: block;
}
.unit-form__checkbox input[type="checkbox"] ~ .checked {
  display: none;
  background: var(--main-color);
  color: #f5f5f5;
  font-size: 10px;
  line-height: 16px;
  font-weight: lighter;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.unit-form__checkbox input[type="checkbox"]:checked ~ .checked {
  display: block;
}
.unit-form__control.form-control.phone-area-code {
  border-color: transparent !important;
  background: transparent !important;
  position: absolute;
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
  width: calc(4em + var(--x));
}
.phone-area-code:focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}
.phone-area-code.area-code-select {
  opacity: 0;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
}
.phone-area-code.area-code-select option {
  color: #333;
}
.phone-area-code.area-code-display {
  white-space: nowrap;
  line-height: inherit;
}
.area-code-display.dropdown-toggle::after {
  vertical-align: middle;
}
.unit-form__control.phone-input {
  padding-left: calc(4em + var(--x)) !important;
  -webkit-appearance: none;
  line-height: inherit;
}
[label-style]:not([label-style="1"]) .unit-form__control.phone-input {
  padding-left: calc(4em + var(--x)) !important;
  padding-top: calc(var(--y) + var(--y) * (2 / 3));
  padding-bottom: calc(var(--y) / 3);
}
[checkbox-style="2"] .unit-form__checkbox img {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
[checkbox-style="2"] .unit-form__checkbox-label {
  padding-top: 0;
}
[checkbox-style="2"] .unit-form__checkbox-inner {
  min-width: unset;
  max-width: unset;
}
[checkbox-style="2"].checkbox-use-img .unit-form__checkbox-inner > .unit-form__checkbox-input-box {
  align-items: flex-start;
}
[checkbox-style="2"].checkbox-use-img .unit-form__checkbox .label-content {
  text-align: left;
  align-self: center;
}
[checkbox-style="2"] .unit-form__checkbox .label-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.unit-form__item.unit-form__item-submit {
  max-width: 100%;
}
.form-row {
  padding-top: 5px;
  padding-bottom: 5px;
}
.unit-form__select-option.multi_select {
  display: flex;
  align-items: center;
}
.unit-form__item .multi_select__tags-wrap {
  display: flex;
  width: calc(100% - var(--x) * 3);
  position: absolute;
  z-index: 1;
  left: var(--x);
  top: calc(var(--y) + var(--y) * (2 / 3) + 3px);
  cursor: pointer;
}
.unit-form__item .multi_select__tags {
  margin: -3px;
  display: flex;
  align-items: center;
  white-space: normal;
  overflow: hidden;
}
.unit-form__item .multi_select__tags-rest {
  flex-shrink: 0;
  margin-left: 3px;
}
.unit-form__item .multi_select__tag {
  padding: 3px;
  cursor: auto;
  max-width: 100%;
}
.unit-form__item .multi_select__tag-inner {
  padding: 1px 8px;
  max-width: 100%;
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #f5f5f5;
  border-bottom-color: #eaeaed;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #eaeaed;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #eaeaed;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #eaeaed;
  border-top-style: solid;
  border-top-width: 1px;
}
.multi_select__tag-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 2px;
  font-size: 12px;
  line-height: normal;
}
.unit-form__item .multi_select__tag-close {
  cursor: pointer;
  font-size: 10px;
  color: rbga(var(--text-color), 0.6);
}
.unit-form__select-box:has(.is-invalid):after {
  bottom: 30px;
  right: 25px;
}
.chat-online-unit-form__item-inner .phone-area-code {
  top: 29px;
}
[header-cart] {
  position: relative;
}
[header-cart][hide] {
  display: none;
}
[header-quantity] {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(50%, -50%);
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 12px;
}
[header-cart]:hover {
  color: var(--font-active);
}
.unit-header-title {
  display: none;
}
@media (min-width: 1200px) {
  .unit-header-title {
    display: inline;
  }
  [header-quantity] {
    left: 1.3em;
    transform: translate(25%, -50%);
  }
}
.unit-header-language img:not([src]) {
  opacity: 0;
}
.unit-header-language {
  position: relative;
  cursor: pointer;
  --font-active: var(--main-color);
}
.unit-header-language__item:hover,
.unit-header-language__title:hover {
  color: var(--font-active);
}
.unit-header-language__title {
  display: flex;
  align-items: center;
}
.unit-header-language__text {
  padding-left: 5px;
}
.unit-header-language__items {
  height: 0;
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  top: calc(100% + 0);
  right: 0;
  z-index: 100;
  border-radius: 8px;
  min-width: 100%;
  width: 180px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 60vh;
  overflow-y: auto;
  padding: 15px;
}
.unit-header-language .unit-header-language__items {
  padding: 0;
}
.unit-header-language .unit-header-language__items.is-language-code {
  height: auto;
  opacity: 1;
  padding: 15px;
}
.unit-header-language__item {
  color: #333;
}
.unit-header-language__item:not(:last-child) {
  padding-bottom: 15px;
}
.unit-header-language__item img {
  width: 34px;
}
.unit-header-language .flag-icon {
  --flag-scale: 0.68;
  --flag-height: 21;
}
.unit-header-language__item a {
  display: flex;
  align-items: center;
}
.unit-header-language__item .unit-header-language__item--title {
  padding-left: 8px;
}
[design-mode] .unit-header-language:hover .unit-header-language__items {
  height: 0;
  opacity: 0;
}
.unit-header-language__modal .modal__inner-lg {
  width: 930px;
}
.unit-header-language__modal .modal__title {
  font-size: 18px;
  font-weight: bold;
  color: #202223;
  line-height: 25px;
}
.unit-header-language__modal .modal__title .modal__close {
  top: 12px;
}
.unit-header-language__modal .modal__body {
  padding: 0;
}
.unit-header-language__modal .unit-region-language__list.unit-region-language__list-by-continent {
  padding-top: 14px;
}
.unit-header-language__modal .unit-region-language__title {
  font-size: 16px;
  font-weight: 400;
  color: #202223;
  line-height: 22px;
  padding-left: 24px;
}
.unit-header-language__modal .unit-header-language__items {
  max-height: unset;
  display: grid;
  position: unset;
  opacity: 1;
  height: auto;
  box-shadow: unset;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-row-gap: 16px;
  justify-content: space-evenly;
  justify-items: center;
  padding: 8px;
}
.unit-header-language__modal .unit-region-language__list-by-continent .unit-header-language__items {
  margin-top: -4px;
}
.unit-header-language__modal .unit-header-language__item a {
  width: 122px;
  height: 122px;
  border-radius: 8px;
  border: 1px solid #eceeef;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.unit-header-language__modal .unit-header-language__item a:hover {
  text-decoration: underline;
  opacity: 1;
  background: #fff;
  border-color: #fff;
  box-shadow: 0 1px 15px #ddd;
}
.unit-header-language__modal .unit-header-language__item a img {
  width: 50px;
  height: auto;
  display: block;
}
.unit-header-language__modal .unit-header-language__item a .unit-header-language__item--title,
.unit-header-language__modal .unit-header-language__item a .unit-header-language__item--code {
  font-size: 14px;
  font-weight: 500;
  color: #6d7175;
  line-height: 20px;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
}
.unit-header-language__modal .modal__footer-inner {
  justify-content: center;
  font-size: 14px;
  color: #202223;
  line-height: 20px;
}
.unit-header-login__box {
  position: relative;
  cursor: pointer;
}
.unit-header-login__box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  padding: 20px 10px;
}
.unit-header-login__login-list {
  display: flex;
  flex-direction: column;
  height: 0;
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  top: 130%;
  right: -10px;
  z-index: 100;
  border-radius: 5px;
  min-width: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 60vh;
  overflow-y: auto;
}
.unit-header-login__box:hover .unit-header-login__login-list {
  height: auto;
  opacity: 1;
}
.unit-header-login__login-list .unit-header-login__login-item {
  text-transform: initial;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
  text-align: center;
  min-width: 100px;
  text-transform: capitalize;
}
.unit-header-login__login-item:first-child {
  padding-top: 10px;
}
.unit-header-login__login-item:hover {
  color: var(--font-active);
}
.unit-header-login__box:hover {
  color: var(--font-active);
}
.unit-header-login__login-item.arrow::before {
  content: "\e859";
  font-family: iconfont;
  display: inline-block;
  transform: rotate(-90deg);
}
[design-mode] .unit-header-login__box:hover .unit-header-login__login-list {
  height: 0;
  opacity: 0;
}
.unit-header-menu__box [firstMenu],
.unit-header-menu__box [subMenu] {
  font-size: 16px;
}
.unit-header-menu__switch {
  cursor: pointer;
}
.unit-header-menu__box {
  --header-color: #333;
  --header-bg: #fff;
  color: var(--header-color);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  transform: translateX(100%);
  transition: all 0.3s;
  z-index: 9999;
  background-color: var(--header-bg);
}
.unit-header-menu__box.show {
  transform: translateX(0);
  overflow: initial;
}
.unit-header-menu__box-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}
.unit-header-menu__box .unit-logo_image {
  height: 40px;
}
.unit-header-menu__close {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.unit-header-menu__box-body {
  padding: 10px 0;
}
.unit-header-menu__search {
  margin-bottom: 10px;
  padding: 0 20px;
}
.unit-header-menu__search-box {
  border-radius: 28px;
  border: 1px solid #e4e4e4;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.unit-header-menu__search-btn {
  padding: 0 10px;
}
.unit-header-menu__search-btn .iconfont {
  font-size: 24px;
}
.unit-header-menu__search-input {
  flex: 1;
  border: 0;
  font-size: 1.2em;
  padding-right: 10px;
  background-color: transparent;
  color: inherit;
}
.unit-header-menu__search-input:focus-visible {
  outline: 0;
}
.unit-header-menu__nav {
  height: calc(100vh - 184px);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.unit-header-menu__nav__item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 10px;
}
.unit-header-menu__nav__item-link.active {
  color: var(--font-active) !important;
}
.unit-header-menu__nav__item-link .iconfont {
  font-size: 14px;
  order: 2;
}
.unit-header-menu__nav__item-link > div {
  order: 1;
}
.unit-header-menu__nav__item-drop {
  transform: rotate(-90deg);
  position: relative;
  color: var(--header-color);
}
.unit-header-menu__nav__item-drop::after {
  content: "";
  display: block;
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.unit-header-menu__nav__item-drop.active {
  transform: rotate(0);
}
.unit-header-menu__nav__item-link.active .unit-header-menu__nav__item-drop {
  color: inherit;
}
.unit-header-menu__nav-item {
  padding: 0 20px 10px;
  color: var(--header-color);
}
.unit-header-menu__nav__item-son,
.unit-header-menu__nav__item-grandson,
.unit-header-menu__nav__item-grateson {
  padding-top: 10px;
  color: var(--header-color);
}
.unit-header-menu__nav__item-content,
.unit-header-menu__nav__item-son-content,
.unit-header-menu__nav__item-son-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  padding: 0 15px;
  padding-right: 0;
}
.unit-header-menu__nav__item-content.show {
  height: auto;
  opacity: 1;
  overflow: initial;
}
.unit-header-menu__nav__item-son-content.show {
  height: auto;
  opacity: 1;
  overflow: initial;
}
.bubble-tag {
  margin-right: 35px;
  display: inline-flex;
}
.unit-header-menu__box-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
}
.unit-header-menu__box-item {
  flex: 1;
  position: relative;
  font-size: 16px;
}
.unit-header-menu__box-item:not(:last-child)::after {
  content: "";
  height: 8px;
  width: 1px;
  background-color: #d1d1d1;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.unit-header-menu__language,
.unit-header-menu__login {
  display: flex;
  justify-content: center;
  align-items: center;
}
.unit-header-menu-login__box {
  position: relative;
}
.unit-header-menu-login__list {
  display: none;
  position: absolute;
  bottom: 120%;
  left: 0;
  background: #fff;
  min-width: 100px;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  padding: 12px;
  color: #606266;
  z-index: 200;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  word-break: break-all;
}
.unit-header-menu-login__list.show {
  display: block;
}
.unit-header-menu-login__list::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  margin-right: 3px;
  border-top-color: #ffff;
  border-width: 6px;
  border-bottom-width: 0;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.unit-header-menu-login__item {
  display: block;
  padding: 5px 0;
}
.unit-header-menu-login__item.item-is__hidden {
  display: none;
}
.unit-header-menu__nav_name,
.unit-header-menu__nav-list_name,
.unit-header-menu__nav-list_son_name {
  position: relative;
  word-break: break-word;
}
.unit-header-menu__nav_bubble {
  position: absolute;
  right: -2px;
  transform: translate(100%, -30%);
  padding: 0 3px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  background: #ff961e;
}
[package-block-type="header"] {
  --header-bg: #fff;
}
.unit-header-nav {
  position: relative;
  --swiper-navigation-size: 18px;
}
.unit-header-nav .swiper-scrollbar {
  background: 0;
}
.unit-header-nav .swiper-button-prev {
  left: auto;
  margin-left: -15px;
  color: inherit;
  display: none;
}
.unit-header-nav .swiper-button-next {
  right: 0;
  margin-right: -15px;
  color: inherit;
  display: none;
}
.unit-header-nav .swiper-button-prev[aria-disabled="false"],
.unit-header-nav .swiper-button-next[aria-disabled="false"] {
  display: flex;
}
[firstMenu] {
  font-size: 16px;
}
[subMenu] {
  font-size: 14px;
  --header-bg-fixed: #fff;
  --header-bg: #fff;
  color: #333;
}
.unit-header-nav__item {
  width: auto;
  padding: 14px 15px;
  display: flex;
  align-items: center;
}
.has-bubble {
  padding-right: 30px;
}
.unit-header-nav__item-link {
  display: inline-flex;
  align-items: center;
}
.unit-header-nav__item-link:hover,
.unit-nav-flat_a:hover,
.unit-header-nav__item-link.active,
.unit-nav-flat_a.active {
  color: var(--font-active) !important;
}
.unit-header-nav__item-content {
  display: none;
}
.unit-header-nav__item-sub-content {
  position: absolute;
  top: 0;
  left: 100%;
  height: 0;
  background-color: var(--header-bg);
  border-radius: 5px;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s;
  overflow: hidden;
}
.unit-header-nav__item-sub-content.show {
  opacity: 1;
  width: auto;
  height: auto;
  overflow: initial;
}
.unit-header-nav__subNav.show_right .unit-header-nav__item-sub-content {
  left: auto;
  right: 100%;
}
.unit-header-nav__item-son,
.unit-header-nav__item-grandson,
.unit-header-nav__item-grateson {
  position: relative;
  padding: 18px 12px 0;
}
.unit-header-nav__item-drop {
  transition: transform 0.3s;
}
.unit-header-nav__item-son:hover > a .unit-header-nav__item-drop,
.unit-header-nav__item-grandson:hover > a .unit-header-nav__item-drop,
.unit-header-nav__item-grandson-tile:hover .unit-header-nav__item-drop,
.unit-header-nav__item-grandson-tile.active .unit-header-nav__item-drop {
  transform: rotate(-90deg);
}
.unit-header-nav__item-son:last-child,
.unit-header-nav__item-grandson:last-child,
.unit-header-nav__item-grateson:last-child {
  padding-bottom: 18px;
}
.unit-nav_title {
  flex-grow: 1;
}
.unit-nav_name {
  position: sticky;
  display: inline-flex;
  max-width: 360px;
  word-break: break-word;
}
.unit-nav_text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
[submenu] .unit-nav_name {
  max-width: 800px;
  white-space: nowrap;
  text-overflow: clip;
}
[submenu] .unit-nav_text {
  max-width: 800px;
  white-space: nowrap;
  text-overflow: clip;
}
.unit-nav_img {
  width: 60px;
  margin-right: 5px;
}
.unit-nav_img img {
  width: 60px;
  max-width: inherit;
}
.unit-nav_bubble {
  text-transform: lowercase;
  position: absolute;
  right: -2px;
  top: 0;
  transform: translate(100%, -50%);
  padding: 0 3px 3px;
  line-height: 14px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  background: #ff961e;
}
.unit-header-nav__subNav {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s, opacity 0.3s;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: var(--header-bg);
  border-radius: 5px;
}
.unit-header-nav__subNav.show {
  height: auto;
  opacity: 1;
  overflow: initial;
}
.unit-header-nav__subNav .unit-header-nav__item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.unit-header-nav__subNav[sub-menu-type="1"].show {
  min-height: 40vh;
  max-height: 70vh;
  overflow-y: scroll;
  background-clip: padding-box;
}
.unit-nav-flat_container {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 20px;
}
.unit-header-nav-flat__item-son {
  width: calc(100% / var(--header-columns));
  display: flex;
  align-items: flex-start;
}
.nav-item-img {
  text-align: right;
  margin-top: 20px;
}
.item-list-container {
  max-height: 310px;
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
}
.right-container {
  width: 100%;
  padding-bottom: 10px;
  padding-right: 0;
}
.unit-nav-flat_img {
  width: 100%;
  max-width: 140px;
}
.unit-nav-flat_name {
  font-weight: bold;
  display: block;
}
.unit-nav-flat_name,
.unit-nav-flat_son_name {
  position: sticky;
  display: inline-block;
}
.unit-nav-flat_more {
  position: relative;
  right: 0;
  top: 93%;
  cursor: pointer;
  font-weight: 700;
  color: #000;
  display: inline-block;
  transform: rotate(0);
  visibility: hidden;
}
.unit-nav-flat_more.show {
  transform: rotate(180deg);
}
.unit-nav-flat_dropdown {
  position: absolute;
  background-color: var(--header-bg);
  border-radius: 5px;
  transition: height 0.3s, opacity 0.3s;
  box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 20%);
  opacity: 0;
  display: none;
}
.unit-nav-flat_dropdown.show {
  opacity: 1;
  display: block;
}
.bubble-tag {
  margin-right: 35px;
}
.unit-header-nav__item-grandson-tile {
  position: relative;
  padding: 4px 0;
}
.unit-nav-flat_dropdown .unit-header-nav__item-grateson {
  padding: 8px 8px 0;
}
.unit-nav-flat_dropdown .unit-header-nav__item-grateson:last-child {
  padding-bottom: 8px;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-track {
  background-color: var(--header-bg);
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar {
  width: 5px;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .border-line {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 1px;
  background: #eee;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"].show {
  opacity: 1;
  max-height: 1000px;
  pointer-events: initial;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] {
  opacity: 0;
  max-height: 0;
  transition-property: height, opacity, max-height;
  transition-duration: 300ms;
  transition-delay: 50ms;
  transition-timing-function: ease-in-out;
  pointer-events: none;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--header-bg);
  position: relative;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_body {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son {
  cursor: pointer;
  padding: 0 15px;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son > a {
  font-weight: 400;
  line-height: 60px;
  display: flex;
  align-items: center;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son > a .unit-header-nav__item-drop {
  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
  padding-right: 0.25rem;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name,
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name {
  font-weight: 400;
  margin-right: 0;
  display: flex;
  align-items: center;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name .unit-nav_bubble,
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name .unit-nav_bubble {
  position: unset;
  transform: translate(0);
  margin-left: 0.25rem;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content {
  background-color: var(--header-bg);
  cursor: default;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  left: 0;
  z-index: 1;
  max-height: 70vh;
  border-top: 1px solid #eee;
  display: none;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .flattwo-son-content_container {
  padding: 40px 0;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .unit-nav-flat_son_name {
  margin-right: 0;
}
.flattwo-item-son_links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_a {
  font-size: inherit;
}
.flattwo-item-son_links .link-column-header a .unit-nav_text {
  font-weight: 700;
}
.flattwo-item-son_links_container .flattwo-item-son_links_column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  margin: 0 -30px;
}
.flattwo-item-son_links_column > div {
  width: calc(100% / var(--header-columns));
  gap: 15px;
  padding: 0 30px;
}
.unit-nav-flattwo_grandson {
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
}
.unit-nav-flattwo_grandson a:hover .special-tex {
  text-decoration: underline;
}
.flattwo-item-son_tile-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  row-gap: 20px;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile {
  display: inline-block;
  min-width: 150px;
  max-width: 50%;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile a {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
  line-height: inherit;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile a.no-cursor {
  cursor: unset;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.jump-a):hover {
  text-decoration: underline;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile img.flattwo-item-son_tile-img {
  display: block;
  width: 100%;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption .special-tex {
  word-break: break-all;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.no-cursor) .special-tex {
  text-decoration: underline;
}
.flattwo-item-son_tile-container .flattwo-item-son_tile img {
  max-height: 200px;
}
.flattwo-item-son_bottom {
  margin-top: 32px;
}
.flattwo-item-son_bottom a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
}
.flattwo-item-son_bottom a:hover .special-tex {
  text-decoration: underline;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover > a {
  font-weight: bold;
  box-shadow: 0 -2px 0 0 var(--main-color) inset;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover > a .unit-header-nav__item-drop {
  transform: rotate(180deg);
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .unit-header-nav-flattwo_item-son-content {
  display: block;
}
.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .border-line {
  display: block;
}
.unit-header-nav .unit-header-nav__item.is-active {
  background-color: var(--first-header-bg);
}
[package-type="header"] [package-type="header-nav"] {
  padding: 0;
}
.unit-header-nav__item.is-active > a .unit-header-nav__item-drop {
  transform: rotateX(180deg);
}
@-moz-document url-prefix() {
  .unit-header-nav__item-grandson-tile {
    position: relative;
    padding: 8px 0 4px;
  }
}
.mobile_menu_overlay {
  background: rgba(46, 45, 43, 0.8);
  z-index: 8;
  left: 0;
  right: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.unit-header-search {
  position: relative;
}
.unit-header-search:hover {
  color: var(--font-active);
}
.unit-header-search__box {
  display: flex;
}
.unit-header-search__box.reverse {
  flex-direction: row-reverse;
}
.unit-header-search__input {
  border-color: rgba(0, 0, 0, 0.1);
  outline: 0;
  box-shadow: none;
  display: none;
}
.unit-header-search__input:focus {
  outline: 0;
  box-shadow: none;
}
.unit-header-search__btn {
  cursor: pointer;
}
.unit-header-search__btn .iconfont {
  font-size: inherit;
}
.unit-header-search__btn,
.unit-header-search__input {
  padding: 0.4rem 0.8rem;
  border-radius: 0.3rem;
}
.unit-header-search__box:not([group]) .unit-header-search__btn {
  padding: 0;
}
[group] .unit-header-search__input {
  display: block;
  border: 1px solid #dcdfe6;
}
[group] .unit-header-search__input:focus {
  border-color: var(--font-active);
}
[group] .unit-header-search__btn {
  background-color: var(--font-active);
  color: #fff;
}
[group]:not(.reverse) .unit-header-search__btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[group]:not(.reverse) .unit-header-search__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[group].reverse .unit-header-search__btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[group].reverse .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.unit-header-search__modal {
  color: #333;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  z-index: 11;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s, opacity 0.3s;
}
.unit-header-search__modal.show {
  height: auto;
  opacity: 1;
  overflow: initial;
}
.unit-header-search__content {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border-radius: 24px;
  border: 1px solid #e5e5e5;
  width: calc(100% - 20px);
  margin: 15px auto;
  height: 38px;
}
.unit-header-search__modal-btn {
  font-weight: 700;
  opacity: 0.8;
  cursor: pointer;
}
.unit-header-search__modal-input {
  font-size: 14px;
  padding-left: 0;
  border: 0;
}
.unit-header-search__modal-input:focus {
  box-shadow: none;
  outline: 0;
}
.unit-header-search__modal-close {
  font-weight: 300;
  opacity: 0.3;
  cursor: pointer;
  transition: all 0.3s;
}
.unit-header-search__modal-close:hover {
  opacity: 1;
}
.search-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 99;
}
.search-mask-body {
  width: 100vw;
  height: calc(100vh - var(--SAIB));
  background-color: rgba(0, 0, 0, 0.45);
  transition: opacity 0.2s;
  opacity: 0;
  visibility: hidden;
}
.search-mask-body.show {
  visibility: visible;
  opacity: 1;
}
.unit-header-search__modal-box {
  position: absolute;
  width: 100%;
  z-index: 10;
}
.unit-header-search__modal-box .unit-header-search__modal {
  position: unset;
  padding: 15px 0;
  box-shadow: unset;
  border-top: 1px solid #e8e8e8;
}
.unit-header-search__modal-box .unit-header-search__modal .unit-header-search__content {
  margin: 0 auto;
}
.unit-header-search__modal-box .unit-header-search__modal-input::-webkit-input-placeholder {
  color: #929292;
}
@media (min-width: 1024px) {
  .unit-header-search__content {
    width: 800px;
    margin: 40px auto;
    height: 48px;
  }
  .unit-header-search__modal-box .unit-header-search__modal {
    padding: 40px 0;
  }
}
a.unit-image--zoom {
  cursor: zoom-in;
}
.image-zoom-box {
  cursor: default !important;
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  top: 0;
  left: 0;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
.image-zoom-box {
  --swiper-navigation-size: 14px;
}
.image-zoom-box .zoom-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
}
.image-zoom-box .zoom-box__close {
  position: absolute;
  right: 50px;
  top: 50px;
  color: #fff;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  z-index: 100;
}
.image-zoom-box .zoom-box__close .icon-action-close-2 {
  font-size: 20px;
}
.image-zoom-box .swiper-container {
  width: 100%;
  height: 100%;
}
.image-zoom-box .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.image-zoom-box .swiper-lazy-preloader {
  border-color: #fff;
}
.image-zoom-box .zoom-pic {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.image-zoom-box .zoom-title {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 10px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  color: #fff;
  width: 100%;
}
.image-zoom-box .zoom-title-wrapper {
  display: inline-block;
  text-align: left;
  max-width: 100%;
  word-wrap: break-word;
}
.image-zoom-box .swiper-slide img {
  display: block;
  max-width: 80vw;
  max-height: 80vh;
  min-width: 20vw;
  min-height: 20vh;
}
.image-zoom-box .swiper-pagination-fraction {
  top: 50px;
  left: 50px;
  width: 64px;
  height: 32px;
  background: rgba(0, 0, 0, 0.2);
  line-height: 32px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.image-zoom-box .swiper-button-next,
.image-zoom-box .swiper-button-prev {
  color: #fff;
  background: rgba(204, 204, 204, 0.5);
  padding: 20px;
  border-radius: 100%;
}
.image-zoom-box .swiper-button-prev {
  left: 50px;
}
.image-zoom-box .swiper-button-next {
  right: 50px;
}
@media (max-width: 600px) {
  .image-zoom-box .zoom-box__close {
    right: 20px;
    top: 20px;
  }
  .image-zoom-box .swiper-pagination-fraction {
    top: 20px;
    left: 20px;
    font-size: 14px;
  }
  .image-zoom-box .swiper-button-prev {
    left: 20px;
    bottom: 20px;
    top: auto;
  }
  .image-zoom-box .swiper-button-next {
    right: 20px;
    bottom: 20px;
    top: auto;
  }
  .image-zoom-box .zoom-title-wrapper {
    font-size: 14px;
  }
}
.inquiry-modal .modal__inner-lg {
  width: 80%;
}
.inquiry-modal .modal__footer {
  display: none;
}
.inquiry-modal .unit-inquire-lists {
  height: auto;
  max-height: 400px;
}
.inquiry-modal .modal__title,
.inquiry-modal .custom-control-label {
  text-transform: capitalize;
}
.unit-list__date {
  display: flex;
  flex-wrap: nowrap;
  opacity: 0.5;
  font-size: 14px;
}
.unit-list__date-split::before {
  content: "-";
  padding: 0 1px;
}
.nav {
  justify-content: center;
}
.nav-item {
  cursor: pointer;
}
.unit-list .tab-content {
  padding-top: 10px;
}
a.unit-list__image--zoom {
  cursor: zoom-in;
}
.list-zoom-box {
  cursor: default !important;
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  top: 0;
  left: 0;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
.list-zoom-box {
  --swiper-navigation-size: 14px;
}
.list-zoom-box .zoom-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
}
.list-zoom-box .zoom-box__close {
  position: absolute;
  right: 50px;
  top: 50px;
  color: #fff;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  z-index: 100;
}
.list-zoom-box .zoom-box__close .icon-action-close-2 {
  font-size: 20px;
}
.list-zoom-box .swiper-container {
  width: 100%;
  height: 100%;
}
.list-zoom-box .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.list-zoom-box .swiper-lazy-preloader {
  border-color: #fff;
}
.list-zoom-box .zoom-pic {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.list-zoom-box .zoom-title {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  color: #fff;
  width: 100%;
}
.list-zoom-box .zoom-title-wrapper {
  display: inline-block;
  text-align: left;
  max-width: 100%;
  word-wrap: break-word;
}
.list-zoom-box .swiper-slide img {
  display: block;
  max-width: 80vw;
  max-height: 80vh;
  min-width: 20vw;
  min-height: 20vh;
}
.list-zoom-box .swiper-pagination-fraction {
  top: 50px;
  left: 50px;
  width: 64px;
  height: 32px;
  background: rgba(0, 0, 0, 0.2);
  line-height: 32px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.list-zoom-box .swiper-button-next,
.list-zoom-box .swiper-button-prev {
  color: #fff;
  background: rgba(204, 204, 204, 0.5);
  padding: 20px;
  border-radius: 100%;
}
.list-zoom-box .swiper-button-prev {
  left: 50px;
}
.list-zoom-box .swiper-button-next {
  right: 50px;
}
@media (max-width: 600px) {
  .list-zoom-box .zoom-box__close {
    right: 20px;
    top: 20px;
  }
  .list-zoom-box .swiper-pagination-fraction {
    top: 20px;
    left: 20px;
    font-size: 14px;
  }
  .list-zoom-box .swiper-button-prev {
    left: 20px;
    bottom: 20px;
    top: auto;
  }
  .list-zoom-box .swiper-button-next {
    right: 20px;
    bottom: 20px;
    top: auto;
  }
  .list-zoom-box .zoom-title-wrapper {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .inquiry-modal {
    padding: 0;
    align-items: flex-end;
    padding-bottom: var(--SAIB);
  }
  .inquiry-modal .modal__inner {
    max-height: 85%;
    width: 100%;
  }
  .inquiry-modal .modal__footer-inner {
    display: flex;
    align-items: center;
  }
  .inquiry-modal .modal__footer-btn {
    flex: 1;
  }
  .inquiry-modal .modal__footer-inner .btn {
    width: 100%;
    border-radius: 20px;
  }
  .inquiry-modal .btn-primary {
    background: linear-gradient(135deg, #ff7e00 0, #ff532c 100%);
    border: 0;
  }
  .inquiry-modal .btn {
    height: 40px;
  }
  .inquiry-modal .modal__footer {
    padding-bottom: calc(10px + var(--SAIB));
    display: block;
  }
  .inquiry-modal .unit-form__item-submit {
    display: none;
  }
  .inquiry-modal-inner .py-4 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
.resize-container .unit-list__item:first-child {
  position: absolute;
  z-index: 1;
}
.resize-container .unit-list__item:last-child img[lazy-src][src=""] {
  display: block;
  margin-left: auto;
}
.resize-container[direction="y"] .unit-list__item-inner {
  height: auto !important;
}
.unit-list__split-line {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  cursor: e-resize;
}
.resize-container[direction="y"] .unit-list__split-line {
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: n-resize;
}
.unit-list__dragger {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.unit-list__icon-resize {
  line-height: 40px;
  font-size: 8px;
}
.resize-container[direction="y"] .unit-list__split-line .unit-list__icon-resize::before {
  display: block;
  transform: rotate(90deg);
}
.align-start {
  align-self: flex-start;
}
.align-end {
  align-self: flex-end;
}
.swiper-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
}
.swiper-grid .unit-list__item {
  max-width: unset;
}
.swiper-grid .unit-list__a,
.swiper-grid .unit-list__item-inner {
  height: 100%;
}
@media (max-width: 767px) {
  .gcol-12 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .gcol-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gcol-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .gcol-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .gcol-2_4 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .gcol-2 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .gcol-12_7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .gcol-12_8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .gcol-12_9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .gcol-12_10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .gcol-12_11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .gcol-1 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .gcol-md-12 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .gcol-md-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gcol-md-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .gcol-md-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .gcol-md-2_4 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .gcol-md-2 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .gcol-md-12_7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .gcol-md-12_8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .gcol-md-12_9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .gcol-md-12_10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .gcol-md-12_11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .gcol-md-1 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .gcol-xl-12 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .gcol-xl-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gcol-xl-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .gcol-xl-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .gcol-xl-2_4 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .gcol-xl-2 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .gcol-xl-12_7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .gcol-xl-12_8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .gcol-xl-12_9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .gcol-xl-12_10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .gcol-xl-12_11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .gcol-xl-1 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.unit-list.is-swiper .swiper-wrapper {
  align-items: stretch;
}
.unit-list.is-swiper .swiper-wrapper {
  align-items: stretch;
  height: 100% !important;
}
.align-start {
  align-self: flex-start;
}
.align-end {
  align-self: flex-end;
}
.is-swiper .unit-list__a,
.is-swiper .unit-list__item-inner {
  height: 100%;
}
.unit-list.is-swiper .swiper-wrapper {
  align-items: stretch;
  height: 100% !important;
}
.is-swiper .unit-list__a,
.is-swiper .unit-list__item-inner {
  height: 100%;
}
.unit-list-10 {
  --border-color: #e4e4e4;
  --border-size: 1px;
  background: transparent;
}
.unit-list-10 .unit-list__item {
  padding: 0;
  height: auto;
}
.unit-list-10 .unit-list__item-inner {
  padding: 3.75rem;
}
.unit-list-10 .unit-list__content {
  padding: 0;
}
.unit-list-10 .unit-list__text {
  text-align: left;
  margin-top: 1rem;
  line-height: 1.36;
}
.unit-list-10 .unit-list__text-inner {
  padding: 0;
}
.unit-list-10 .base-image__item {
  display: flex;
  justify-content: flex-start;
}
.unit-list-10 .base-image__img {
  height: 64px;
}
.unit-list-10 .unit-list__description {
  margin: 10px 0 0 0;
}
.unit-list-10 .base-image__img {
  color: var(--main-color);
}
.unit-list-10 svg {
  fill: currentColor;
}
.unit-list-10 .unit-list__items {
  margin: 0;
}
.unit-list-10 .unit-list__item .unit-list__item-inner {
  border: solid 1px var(--border-color);
  flex-direction: column !important;
}
.unit-list__item-hover-linear {
  --flex-basis: initial;
  --flex-grow: initial;
  --flex-shrink: initial;
  flex-basis: var(--flex-basis);
  flex-grow: var(--flex-grow);
  flex-shrink: var(--flex-shrink);
}
@media (max-width: 768px) {
  .base-image__item[with-border="true"] .base-image__img {
    border: solid 1px transparent;
  }
}
@media (max-width: 1200px) {
  .base-image__item[with-border-md="true"] .base-image__img {
    border: solid 1px transparent;
  }
}
@media (min-width: 1200px) {
  .base-image__item[with-border-xl="true"] .base-image__img {
    border: solid 1px transparent;
  }
}
.unit-list__item-hover-linear .unit-list__item-inner {
  position: relative;
  overflow: hidden;
}
.unit-list__item-hover-linear {
  --hover-linear-bg-color: var(--main-color);
  --hover-linear-img-color: rgba(255, 255, 255, 1);
  --hover-linear-font-color: rgba(255, 255, 255, 1);
  transition: 0.6s all ease;
}
.unit-list__item-hover-linear .unit-list__item-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 210%;
  transition: 0.6s all ease;
  background-image: linear-gradient(to left, transparent 50%, var(--hover-linear-bg-color) 50%) !important;
  background-position-x: calc(100% + 1px);
}
.unit-list__item-hover-linear > .unit-list__a {
  flex: 1;
}
.unit-list__item-hover-linear .unit-list__text,
.unit-list__item-hover-linear .unit-list__image {
  position: relative;
}
.unit-list__item-hover-linear svg,
.unit-list__item-hover-linear img,
.unit-list__item-hover-linear .unit-list__text {
  transition: 0.6s ease-out;
}
.unit-list__item-hover-linear:hover svg {
  fill: var(--hover-linear-img-color) !important;
  color: var(--hover-linear-img-color) !important;
}
.unit-list__item-hover-linear:hover .unit-list__item-inner:before {
  background-position: left;
}
.unit-list__item-hover-linear:hover .unit-list__title,
.unit-list__item-hover-linear:hover .text_ellipsis,
.unit-list__item-hover-linear:hover .unit-list__subtitle {
  color: var(--hover-linear-font-color) !important;
}
.unit-list__item-hover-linear:hover {
  color: var(--hover-linear-font-color);
}
.hide-videotext .unit-list__text {
  opacity: 0;
  display: none !important;
}
.module-banner-3-unit-1 .padding-left-container-width {
  padding-left: calc(50vw - var(--container-width) / 2);
}
.module-banner-3-unit-1 .padding-right-container-width {
  padding-right: calc(50vw - var(--container-width) / 2);
}
.module-banner-4-unit-1 .padding-left-container-width {
  padding-left: calc(50vw - var(--container-width) / 2);
}
.module-banner-4-unit-1 .padding-right-container-width {
  padding-right: calc(50vw - var(--container-width) / 2);
}
@media (max-width: 768px) {
  .unit-list-10 .unit-list__item-inner {
    padding: 2.5rem;
  }
}
.module-banner-7-unit-1 .swiper-pagination-bullet::before {
  border-top-width: 3px;
  width: 0;
}
.module-banner-7-unit-1 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  box-shadow: unset;
}
.module-banner-7-unit-1 .swiper-pagination-bullet-active {
  background: #fff;
}
.module-irregular-5-unit-1 .swiper-pagination-bullet::before {
  border-top-width: 3px;
  width: 0;
}
.module-irregular-5-unit-1 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  box-shadow: unset;
}
.module-irregular-5-unit-1 .swiper-pagination-bullet-active {
  background: #fff;
}
.module-irregular-5-unit-1 .unit-list__text.unit-list__text--outside {
  transform: none !important;
  top: 0 !important;
}
@media (min-width: 1200px) {
  [composing-xl="image-left-alternate"][even-row="true"] .unit-list__item-inner,
  [composing-xl="image-right"] .unit-list__item-inner,
  [composing-xl="image-right-alternate"] .unit-list__item-inner {
    flex-direction: row-reverse !important;
  }
  [composing-xl="image-left"] .unit-list__item-inner,
  [composing-xl="image-right-alternate"][even-row="true"] .unit-list__item-inner {
    flex-direction: row !important;
  }
}
.unit-list__item-inner {
  --vw-scale: 1;
}
[point-content="1"] .unit-list__content {
  display: flex;
}
[point-content="1"] .unit-list__description {
  margin-left: auto;
}
[point-content="1"] .unit-list__content {
  align-items: flex-end;
}
[point-content="1"] .unit-list__text-inner {
  width: 100%;
}
[point-content="1"] .unit-list__image {
  align-items: center;
}
[point-content="1"] .unit-list__content {
  overflow: hidden;
}
[point-content="1"] .unit-list__title,
[point-content="1"] .unit-list__subtitle {
  max-width: 100%;
}
[point-content="1"] .unit-list__title .text_ellipsis {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  text-align: left;
}
[point-content="1"] .unit-list__description .text_ellipsis {
  padding-right: 1px;
}
[point-content="2"] .unit-list__content {
  display: flex;
  flex-wrap: wrap;
}
[point-content="2"] .unit-list__subtitle {
  display: flex;
  align-items: end;
}
[point-content="2"] .unit-list__image {
  align-items: center;
}
[point-content="2"] .unit-list__description {
  width: 100%;
}
[point-content="2"] .unit-list__content {
  text-align: left;
}
@media (min-width: 1200px) {
  [layout_superiority_xl="3"] .unit-list__image,
  [layout_superiority_xl="4"] .unit-list__image {
    width: 100% !important;
    display: flex;
  }
  [layout_superiority_xl="3"] .unit-list__text,
  [layout_superiority_xl="4"] .unit-list__text {
    width: 100% !important;
  }
  [layout_superiority_xl="1"] .unit-list__image,
  [layout_superiority_xl="2"] .unit-list__image {
    width: 13%;
  }
  [layout_superiority_xl="1"] .unit-list__text,
  [layout_superiority_xl="2"] .unit-list__text {
    width: 87%;
  }
  [point-content_xl="1"] .unit-list__content {
    display: flex;
  }
  [point-content_xl="1"] .unit-list__description {
    margin-left: auto;
  }
  [point-content_xl="1"] .unit-list__content {
    align-items: flex-end;
  }
  [point-content_xl="1"] .unit-list__text-inner {
    width: 100%;
  }
  [point-content_xl="1"] .unit-list__image {
    align-items: center;
  }
  [point-content_xl="1"] .unit-list__content {
    overflow: hidden;
  }
  [point-content_xl="1"] .unit-list__title,
  [point-content_xl="1"] .unit-list__subtitle {
    max-width: 100%;
  }
  [point-content_xl="1"] .unit-list__title .text_ellipsis {
    -webkit-line-clamp: 1;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: left;
  }
  [point-content_xl="1"] .unit-list__description .text_ellipsis {
    padding-right: 1px;
  }
  [point-content_xl="2"] .unit-list__content {
    display: flex;
    flex-wrap: wrap;
  }
  [point-content_xl="2"] .unit-list__subtitle {
    display: flex;
    align-items: end;
  }
  [point-content_xl="2"] .unit-list__image {
    align-items: center;
  }
  [point-content_xl="2"] .unit-list__description {
    width: 100%;
  }
  [point-content_xl="2"] .unit-list__content {
    text-align: left;
  }
}
@media (min-width: 767px) and (max-width: 1199px) {
  [layout_superiority_md="3"] .unit-list__image,
  [layout_superiority_md="4"] .unit-list__image {
    width: 100% !important;
    display: flex;
  }
  [layout_superiority_md="3"] .unit-list__text,
  [layout_superiority_md="4"] .unit-list__text {
    width: 100% !important;
  }
  [layout_superiority_md="1"] .unit-list__image,
  [layout_superiority_md="2"] .unit-list__image {
    width: 13%;
  }
  [layout_superiority_md="1"] .unit-list__text,
  [layout_superiority_md="2"] .unit-list__text {
    width: 87%;
  }
  [point-content_md="1"] .unit-list__content {
    display: flex;
  }
  [point-content_md="1"] .unit-list__description {
    margin-left: auto;
  }
  [point-content_md="1"] .unit-list__content {
    align-items: flex-end;
  }
  [point-content_md="1"] .unit-list__text-inner {
    width: 100%;
  }
  [point-content_md="1"] .unit-list__image {
    align-items: center;
  }
  [point-content_md="1"] .unit-list__content {
    overflow: hidden;
  }
  [point-content_md="1"] .unit-list__title,
  [point-content_md="1"] .unit-list__subtitle {
    max-width: 100%;
  }
  [point-content_md="1"] .unit-list__title .text_ellipsis {
    -webkit-line-clamp: 1;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: left;
  }
  [point-content_md="1"] .unit-list__description .text_ellipsis {
    padding-right: 1px;
  }
  [point-content_md="2"] .unit-list__content {
    display: flex;
    flex-wrap: wrap;
  }
  [point-content_md="2"] .unit-list__subtitle {
    display: flex;
    align-items: end;
  }
  [point-content_md="2"] .unit-list__image {
    align-items: center;
  }
  [point-content_md="2"] .unit-list__description {
    width: 100%;
  }
  [point-content_md="2"] .unit-list__content {
    text-align: left;
  }
}
@media (max-width: 766px) {
  [layout_superiority_default="3"] .unit-list__image,
  [layout_superiority_default="4"] .unit-list__image {
    width: 100% !important;
    display: flex;
  }
  [layout_superiority_default="3"] .unit-list__text,
  [layout_superiority_default="4"] .unit-list__text {
    width: 100% !important;
  }
  [layout_superiority_default="1"] .unit-list__image,
  [layout_superiority_default="2"] .unit-list__image {
    width: 13%;
  }
  [layout_superiority_default="1"] .unit-list__text,
  [layout_superiority_default="2"] .unit-list__text {
    width: 87%;
  }
  [point-content_default="1"] .unit-list__content {
    display: flex;
  }
  [point-content_default="1"] .unit-list__description {
    margin-left: auto;
  }
  [point-content_default="1"] .unit-list__content {
    align-items: flex-end;
  }
  [point-content_default="1"] .unit-list__text-inner {
    width: 100%;
  }
  [point-content_default="1"] .unit-list__image {
    align-items: center;
  }
  [point-content_default="1"] .unit-list__content {
    overflow: hidden;
  }
  [point-content_default="1"] .unit-list__title,
  [point-content_default="1"] .unit-list__subtitle {
    max-width: 100%;
  }
  [point-content_default="1"] .unit-list__title .text_ellipsis {
    -webkit-line-clamp: 1;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: left;
  }
  [point-content_default="1"] .unit-list__description .text_ellipsis {
    padding-right: 1px;
  }
  [point-content_default="2"] .unit-list__content {
    display: flex;
    flex-wrap: wrap;
  }
  [point-content_default="2"] .unit-list__subtitle {
    display: flex;
    align-items: end;
  }
  [point-content_default="2"] .unit-list__image {
    align-items: center;
  }
  [point-content_default="2"] .unit-list__description {
    width: 100%;
  }
  [point-content_default="2"] .unit-list__content {
    text-align: left;
  }
}
.unit-product-list__tabs .nav-item {
  margin: 0 10px;
}
.unit-content-list .unit-list__items {
  margin: -10px;
}
.unit-content-list .unit-list__item {
  padding: 10px;
}
@media (min-width: 768px) {
  .unit-content-list .unit-list__items {
    margin: -0.4vw;
  }
  .unit-content-list .unit-list__item {
    padding: 0.4vw;
  }
}
.unit-content-list .unit-list__date {
  opacity: 1;
}
.unit-content-list .unit-list__tags {
  color: rgba(0, 0, 0, 0.8);
  -webkit-line-clamp: 1;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  text-align: left;
}
.unit-content-list .unit-list__tag {
  margin-right: 0.3em;
}
.unit-content-list .unit-list__subtitle,
.unit-content-list .unit-list__description {
  opacity: 1;
}
.unit-content-list.is-swiper .unit-list__items {
  margin: 0 !important;
}
.unit-content-list.is-swiper .swiper-wrapper {
  align-items: stretch;
  height: 100% !important;
}
.unit-content-list.is-swiper .swiper-wrapper {
  padding-bottom: 2vw;
}
.unit-content-list.is-swiper .swiper-pagination {
  bottom: 0;
}
.unit-content-list.is-swiper .swiper-wrapper.no-swiper-pagination {
  padding-bottom: 0 !important;
}
@media (max-width: 1200px) {
  .unit-content-list.is-swiper .swiper-wrapper {
    padding-bottom: 5vw;
  }
}
.unit-content-list .tab-header .unit-product-list__tabs {
  justify-content: flex-start;
}
.unit-content-list .more-content {
  display: none;
}
.unit-content-list .more-content[show-read-more="0"] {
  display: block;
}
.unit-content-list .content-set {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  flex-wrap: wrap;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 9;
}
.unit-content-list .content-set .change-set {
  display: flex;
}
.unit-content-list .content-set .change-set span {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.unit-content-list .content-set .change-set span.active {
  background: var(--main-color);
  color: #fff;
}
.unit-content-list .content-set .change-set span:not(:last-child) {
  margin-right: 10px;
}
.unit-content-list .content-set .total {
  font-size: 14px;
  color: #000000cc;
  padding-top: 15px;
  display: none;
}
.unit-content-list .content-set .total .lowercase-text {
  text-transform: lowercase;
}
.unit-content-list .unit-breadcrumb-content {
  margin: 10px 0;
  display: none;
}
@media (max-width: 767px) {
  .unit-content-list [show-read-more="5"],
  .unit-content-list [show-read-more="6"],
  .unit-content-list [show-read-more="7"] {
    display: block;
  }
  .unit-content-list .tab-header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 11;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .unit-content-list [show-read-more="3"],
  .unit-content-list [show-read-more="4"],
  .unit-content-list [show-read-more="7"] {
    display: block;
  }
}
@media (min-width: 1200px) {
  .unit-content-list .content-set {
    padding-bottom: 24px;
    padding-top: 0;
    position: static;
  }
  .unit-content-list .content-set .total {
    padding-top: 0;
    display: block;
  }
  .unit-content-list [show-read-more="2"],
  .unit-content-list [show-read-more="4"],
  .unit-content-list [show-read-more="6"] {
    display: block;
  }
  .unit-content-list .unit-breadcrumb-content {
    margin: 0 0 10px;
    display: block;
  }
  .unit-content-list .more-inner {
    padding-top: 20px !important;
  }
}
.unit-content-list.scroll-list {
  padding-bottom: 40px;
}
.unit-content-list .unit-content-list_pagination {
  padding-top: 10px;
}
.unit-content-list .loading-inner {
  height: 40px;
  position: absolute;
  left: 50%;
}
.unit-content-list .loading-inner .loading {
  height: 100%;
}
.unit-content-list .more-inner {
  padding-top: 10px;
  text-align: center;
}
.unit-content-list .more-inner .more-text {
  color: var(--main-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.unit-content-list .more-inner i {
  display: inline-block;
  transform: rotateY(180deg);
  padding-right: 5px;
}
.unit-content-list .more-inner span {
  text-transform: capitalize;
}
.unit-content-list .put-away i {
  transform: rotateX(180deg);
  padding-left: 5px;
  padding-right: 0;
}
.unit-content-list .hidden-load-item .load-item {
  display: none;
}
.unit-content-list .unit-product-list__tabs .nav-item {
  margin: 0;
  margin-right: 10px;
}
.unit-content-list .unit-product-list__tabs .nav-item:last-child {
  margin-right: 0;
}
.unit-content-list .unit-product-list__tabs .nav-item {
  background: #f1f1f1;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.unit-content-list .unit-product-list__tabs .nav-item.active {
  background: var(--main-color);
  color: #fff;
}
.unit-content-list .unit-breadcrumb > .breadcrumb-item + .breadcrumb-item::before {
  content: "\e600";
  font-family: "iconfont" !important;
  transform: rotate(180deg);
  padding: 0;
  color: inherit;
  display: flex;
  align-items: center;
}
.unit-content-list .breadcrumb-item + .breadcrumb-item {
  padding: 0;
  position: relative;
}
.unit-content-list .unit-breadcrumb-content .unit-breadcrumb {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.unit-content-list .breadcrumb-item {
  display: flex;
}
.unit-content-list .unit-breadcrumb > .unit-breadcrumb__item:not(:first-child) a {
  padding: 0 5px;
}
.unit-content-list .unit-breadcrumb > .unit-breadcrumb__item:first-child a {
  padding-right: 5px;
  text-transform: capitalize;
}
.unit-content-list .unit-list__count-wrap {
  display: flex;
  flex-wrap: wrap;
}
.unit-content-list .unit-list__count-wrap .iconfont {
  font-size: inherit;
  opacity: 0.8;
}
.unit-content-list .unit-list__count-split::before {
  content: "";
  padding: 0 10px;
}
.unit-content-list .unit-list__count-name {
  display: none;
}
.module-content-detail-1-unit-3__wrapper .design-box .add-btn {
  display: none;
}
.unit-list__tags {
  word-break: break-all;
  text-align: left;
}
.unit-list__tags .unit-list__tag:not(:last-child) {
  margin-right: 3px;
}
.unit-list__tags .unit-list__tag:hover {
  color: var(--main-color);
}
.unit-content-list__filter {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.unit-content-list__filter-text {
  text-transform: capitalize;
  cursor: pointer;
  font-size: 14px !important;
}
.unit-content-list__filter-text .unit-content-list__filter-default {
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
.unit-content-list__filter-text .iconfont {
  display: inline-block;
  transition: 0.3s;
  color: #999;
  font-weight: normal;
  font-size: 14px;
}
.unit-content-list__filter-text.active .iconfont {
  transform: rotate(-180deg);
}
.unit-content-list__filter-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: #fff;
  z-index: 2;
  opacity: 0;
  display: none;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px 0;
}
.unit-content-list__filter-text.active .unit-content-list__filter-dropdown {
  opacity: 1;
  display: block;
}
.unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-list::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
  border-width: 6px;
  top: -6px;
  border-bottom-color: #fff;
  border-top-width: 0;
  left: 40%;
}
.unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-item {
  padding: 5px 30px;
  cursor: pointer;
  position: relative;
  color: rgba(0, 0, 0, 0.8);
}
.unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-item:hover {
  color: var(--main-color);
}
.unit-content-list__filter-dropdown-item.active::before {
  content: "\e6b3";
  font-family: "iconfont" !important;
  font-size: 12px;
  transform: scale(0.7);
  position: absolute;
  left: 10px;
  top: 7px;
  opacity: 0.5;
}
.unit-content-list__filter-type {
  flex-shrink: 0;
  display: none;
}
.unit-content-list__filter-type .iconfont {
  cursor: pointer;
  font-size: 18px;
}
.unit-content-list__filter-type .iconfont.active {
  color: var(--main-color);
}
.unit-content-list__filter-type .iconfont:not(.active) {
  opacity: 0.8;
}
.unit-content-list .unit-list__items-single-row {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.unit-content-list .unit-list__items-single-row .unit-list__item-inner {
  flex-direction: row !important;
  align-items: center;
}
.unit-content-list .unit-list__items-single-row .unit-list__video,
.unit-content-list .unit-list__items-single-row .unit-list__image {
  width: 40%;
}
.unit-content-list .unit-list__items-single-row .unit-list__text {
  padding: 0 !important;
  padding-left: 10px !important;
  flex: 1;
  width: 0;
}
.unit-content-list [data-tabtype="all_polymerize_list"].nav-item {
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .unit-content-list__filter-dropdown {
    padding: 5px 0;
    font-weight: normal;
  }
  .unit-content-list .unit-list__items-single-row .unit-list__video,
  .unit-content-list .unit-list__items-single-row .unit-list__image {
    width: 22%;
  }
  .unit-content-list [tab-type="short_video"] .unit-list__items-single-row .unit-list__video,
  .unit-content-list [tab-type="short_video"] .unit-list__items-single-row .unit-list__image {
    width: 25%;
  }
  .unit-content-list .unit-list__items-single-row .unit-list__text {
    padding-left: 15px !important;
  }
  .unit-content-list.content-tag-shorts .unit-list__items-single-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .unit-content-list__filter-type {
    display: block;
  }
  .unit-content-list__filter-text .unit-content-list__filter-default {
    font-size: 16px;
  }
  .unit-content-list__filter {
    padding: 15px;
  }
}
.unit-pop-up {
  display: none;
  text-align: center;
  border: 1px dashed #333;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 30px 0;
}
[design-mode] .unit-pop-up {
  display: block;
}
.pop-up-modal {
  padding: 10vh 0;
}
.pop-up-modal .modal__inner {
  background-color: transparent;
  padding: 0 15px;
  padding-right: 50px;
  box-shadow: none;
  position: relative;
  overflow: visible;
}
.pop-up-modal .modal__header {
  background-color: transparent;
  border-bottom: 0;
  padding: 0;
}
.pop-up-modal .modal__body {
  padding: 0;
  position: relative;
}
.pop-up-modal .modal__inner:after {
  width: calc(100% - 65px);
  position: absolute;
  content: "";
  bottom: 0;
  height: 15px;
  background-color: var(--bgc-val);
}
.pop-up-modal .modal__inner:before {
  width: calc(100% - 65px);
  position: absolute;
  content: "";
  top: 0;
  height: 15px;
  background-color: var(--bgc-val);
  z-index: 1;
}
.pop-up-modal .modal__title,
.pop-up-modal .modal__footer {
  display: none;
}
.pop-up-modal .modal__close {
  font-family: iconfont, sans-serif;
  position: absolute;
  top: 0;
  right: -50px;
  z-index: 2;
  line-height: 30px;
  font-size: 28px;
  width: 32px;
  height: 32px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #fff;
  font-weight: 100;
}
.pop-up-modal .modal__inner {
  max-width: 94%;
}
[page-type="all_pop_up"] .pop-up-title {
  font-size: 12px;
  color: #666;
  margin: 20px 0 10px;
}
[page-type="all_pop_up"] [package-group="module"] .pop-up-title:nth-of-type(2) {
  margin-top: 0;
}
.pop-up-modal [package-item].all-pop-up_module {
  display: block;
}
.unit-social-list {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
.unit-social-list .bg-facebook {
  --social-icon: #3b5998;
}
.unit-social-list .bg-youtube {
  --social-icon: red;
}
.unit-social-list .bg-twitter {
  --social-icon: #000;
}
.unit-social-list .bg-linkedin {
  --social-icon: #377ca5;
}
.unit-social-list .bg-instagram {
  --social-icon: #be347f;
}
.unit-social-list .bg-pinterest {
  --social-icon: #bc081c;
}
.unit-social-list .bg-reddit {
  --social-icon: #ff4500;
}
.unit-social-list .bg-skype {
  --social-icon: #00aff0;
}
.unit-social-list .bg-telegram {
  --social-icon: #22a0d3;
}
.unit-social-list .bg-tiktok {
  --social-icon: #010101;
}
.unit-social-list .bg-tumblr {
  --social-icon: #35465e;
}
.unit-social-list .bg-vk {
  --social-icon: #0189fd;
}
.unit-social-list .bg-whatsapp {
  --social-icon: #42c655;
}
.unit-social-list .bg-viber {
  --social-icon: #7b519f;
}
.unit-social-list .bg-more {
  --social-icon: rgba(255, 255, 255, 0.8);
}
.unit-social-list .unit-social-list__item {
  color: white;
  --social-icon-active: var(--social-icon);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
  justify-self: center;
}
.unit-social-list .unit-social-list__more,
.unit-social-list .unit-social-list__icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--social-icon);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.unit-social-list .unit-social-list__more {
  color: #424344;
  border: 1px solid #ebebeb;
  cursor: pointer;
  line-height: 28px;
}
.unit-social-list .unit-social-list__more:hover,
.unit-social-list .unit-social-list__icon:hover {
  background-color: var(--social-icon-active);
}
.modal .unit-social-list__icon {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.modal .unit-social-list__icon .iconfont {
  font-size: 22px;
}
.new-modal-social .modal__inner {
  border-radius: 8px;
}
.new-modal-social .modal__inner .unit-social-list a:hover .unit-social-list__itemabox {
  background-color: #cbdffe;
  border-radius: 8px;
}
.new-modal-social .modal__footer {
  display: none;
}
.new-modal-social .modal__inner-md {
  width: 1080px;
}
.new-modal-social .col-lg-2dot4 {
  width: 170px;
  padding: 20px;
}
.new-modal-social .unit-social-list__itemabox {
  height: 130px;
  padding: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #eceeef;
  border-radius: 8px;
}
.new-modal-social .unit-social-list__title {
  margin-top: 10px;
}
.new-modal-social .unit-social-list__title {
  color: #212529;
}
@media (max-width: 1025px) {
  .new-modal-social .modal__inner {
    width: 705px;
  }
}
@media (max-width: 820px) {
  .new-modal-social .modal__inner {
    width: 695px;
  }
}
@media (max-width: 780px) {
  .new-modal-social .modal__inner {
    width: 664px;
  }
  .unit-social-list {
    grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
  }
  .new-modal-social .col-lg-2dot4 {
    width: 136px;
    padding: 4px;
  }
}
@media (max-width: 420px) {
  .new-modal-social .modal__inner {
    width: 325px;
  }
}
[data-type="Mail"] .unit-social-list__icon {
  background-color: gray !important;
}
.unit-text__item {
  text-decoration: inherit;
}
[package-type="copyright"] [package-type="text"] {
  --lifisher-copyright-color: currentcolor;
  --lifisher-copyright-font-size: 1em;
}
.lifisher-copyright-shadow {
  color: var(--lifisher-copyright-color) !important;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  vertical-align: bottom;
  min-height: 1.5em;
  text-transform: capitalize;
}
.lifisher-copyright {
  color: var(--lifisher-copyright-color) !important;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  vertical-align: baseline;
}
.lifisher-copyright__link {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  vertical-align: baseline;
}
.lifisher-copyright__icon {
  display: flex;
  margin-right: 2px;
  margin-left: 6px;
}
.lifisher-copyright svg {
  fill: currentColor;
  height: var(--lifisher-copyright-font-size);
  width: auto;
}
.with-footer div.widget-social-media-chat__content-wrap {
  bottom: calc(140px + var(--SAIB) + var(--FAQ-B));
}
.widget-social-media-chat__content-wrap {
  position: fixed;
  right: 15px;
  bottom: calc(10% + var(--FAQ-B));
  cursor: pointer;
  z-index: 100;
}
.is-landing-page .widget-social-media-chat__content-wrap {
  bottom: 10%;
}
.widget-social-media-chat__content {
  position: relative;
  margin-top: 6px;
}
.widget-social-media-chat__content--bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  display: none;
}
.widget-social-media-chat__content--bottom .base-button {
  width: 100%;
  color: #fff;
  font-size: 16px;
  background: var(--main-color);
  border-radius: 20px;
  border-color: transparent;
  text-align: center;
}
.widget-social-media-chat__content--bottom .base-button .base-button__inner {
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  width: 100%;
  color: #fff !important;
  padding: 7px 0;
  text-transform: capitalize;
}
.widget-social-media-chat__server,
.widget-social-media-chat__modal-close {
  border-radius: 50%;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%), 0 2px 16px 0 rgb(0 0 0 / 12%);
}
.widget-social-media-chat__server img {
  border-radius: 6px;
}
.widget-social-media-chat__modal-close {
  display: none;
}
.widget-social-media-chat__sign {
  width: 180px !important;
}
.widget-social-media-chat__items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.widget-social-media-chat__item {
  border-bottom: solid 1px #eee;
  padding: 12px;
  width: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.widget-social-media-chat__item:hover {
  border-bottom: 1px var(--main-color) solid;
}
.widget-social-media-chat__item-text {
  padding: 2px 6px;
  text-transform: capitalize;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-social-media-chat__icon {
  display: inline-block;
  line-height: 40px;
  width: 40px;
  flex-shrink: 0;
  text-align: center;
  background-color: rebeccapurple;
  color: white;
  border-radius: 5px;
}
.widget-social-media-chat__icon.icon-skype {
  background-color: #00aff0;
}
.widget-social-media-chat__icon.icon-fbmessenger {
  background-color: #0084ff;
}
.widget-social-media-chat__icon.icon-telegram {
  background-color: #08c;
}
.widget-social-media-chat__icon.icon-trademanager {
  background-color: #1896eb;
}
.widget-social-media-chat__icon.icon-viber {
  background-color: #744882;
}
.widget-social-media-chat__icon.icon-vk {
  background-color: #4c6c91;
}
.widget-social-media-chat__icon.icon-wechat {
  background-color: #4ec034;
}
.widget-social-media-chat__icon.icon-whatsapp {
  background-color: #25d366;
}
.widget-social-media-chat__icon.icon-send-inquiry {
  background-color: var(--main-color);
  font-size: 22px;
  width: 60px;
  line-height: 60px;
  border-radius: 50%;
}
.widget-social-media-chat__icon.icon-action-close-2 {
  background-color: var(--main-color);
  font-size: 18px;
  width: 60px;
  line-height: 60px;
  border-radius: 50%;
}
.widget-social-media-chat__icon.icon-base-email {
  background-color: var(--main-color);
  font-size: 16px;
}
.widget-social-media-chat__icon.icon-phone {
  background-color: var(--main-color);
  font-size: 16px;
}
.widget-social-media-chat__modal {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 10px;
  background-color: #fff;
  transform: translate(calc(-100% + 60px), -65px);
  width: 350px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.widget-social-media-chat__modal.show {
  opacity: 1;
  visibility: visible;
}
.widget-social-media-chat__modal-head {
  background-color: rgb(var(--rgb-color));
  text-align: center;
  padding: 30px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.col-plugins-list .icon-base-email,
.col-plugins-list .icon-phone {
  font-size: 24px;
  line-height: 60px;
}
.widget-social-media-chat__inquiry [button-style="1"] .btn,
.widget-social-media-chat__inquiry [button-style="2"] .btn {
  font-family: inherit;
}
.widget-social-media-chat__inquiry .widget-social-media-chat__modal-title {
  font-weight: bold;
}
.widget-social-media-chat__inquiry .widget-social-media-chat__modal-title_des {
  font-weight: normal;
}
.widget-social-media-chat__inquiry form .unit-form__label {
  font-size: 14px;
}
.widget-social-media-chat__modal-title_des {
  text-align: center;
  font-size: 14px;
  margin-top: 8px;
  opacity: 0.6;
}
.widget-social-media-chat__modal-title {
  font-size: 18px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 500;
}
.widget-social-media-chat__modal-desc {
  font-size: 14px;
  color: #666;
  padding: 15px 0;
}
.widget-social-media-chat__modal .base-button .btn {
  display: block;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
}
.widget-social-media-chat__mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: none;
}
.widget-social-media-chat__cancel {
  width: 100%;
  border-radius: 44px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  text-align: center;
  color: #333;
  text-transform: capitalize;
}
.widget-social-media-chat__modal-form {
  padding: 25px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(80vh - 260px);
  font-size: 14px;
  background: #f9fafa;
  padding-bottom: 45px;
}
.widget-social-media-chat__modal-form .unit-form .form-control {
  font-size: 14px;
  border-radius: 4px;
  border-color: #f5f5f5;
  box-shadow: none;
  background-color: #f5f5f5;
  text-transform: none;
}
.widget-social-media-chat__modal-form .unit-form .unit-form__item-inner {
  color: #141414;
  font-size: 14px;
}
.widget-social-media-chat__modal-form .unit-form__item-submit {
  margin-top: 11px;
}
.widget-social-media-chat__modal-form .form-group {
  margin-bottom: 7px;
}
.widget-social-media-chat__modal-form::-webkit-scrollbar {
  width: 3px;
}
.widget-social-media-chat__modal-form::-webkit-scrollbar-thumb {
  background-color: #d7d7d7;
}
.widget-social-media-chat__modal-close-1 {
  display: none;
}
.widget-social-media-chat__content-wrap i:hover .onlineservice_tips {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  display: block;
}
.onlineservice_tips {
  padding: 5px 8px;
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: absolute;
  right: 72px;
  top: 15px;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.onlineservice_tips:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: -5px;
  top: 10px;
  background-color: #fff;
}
.onlineservice_tips:hover {
  text-decoration: underline;
}
.onlineservice_tips {
  display: block;
  min-height: 28px;
  text-align: center;
  line-height: 28px;
  color: #333 !important;
  font-size: 15px;
}
@media (max-width: 1440px) {
  .widget-social-media-chat__modal-form {
    max-height: calc(88vh - 220px);
  }
}
.col-plugins-list {
  flex-direction: column;
  display: flex;
}
.col-plugins-list i {
  margin-top: 6px;
  width: 60px;
  height: 60px;
  font-size: 30px;
  line-height: 2;
  border-radius: 50%;
  position: relative;
}
@media (max-width: 768px) {
  [page-type="product_detail"] .widget-social-media-chat__content > .widget-social-media-chat__modal-close {
    opacity: 0;
  }
  [page-type="product_detail"] .widget-social-media-chat__server {
    display: none !important;
  }
  .widget-social-media-chat__modal {
    position: fixed;
    width: 100%;
    transform: translateX(0);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  .widget-social-media-chat__mask.show {
    display: block;
  }
  .widget-social-media-chat__wrap {
    overflow-x: auto;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .widget-social-media-chat__wrap::-webkit-scrollbar {
    display: none;
  }
  .widget-social-media-chat__item {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 0;
    padding: 20px 10px;
  }
  .widget-social-media-chat__cancel {
    display: block;
  }
  .widget-social-media-chat__modal-form {
    max-height: calc(100vh - 250px - var(--SAIT) - var(--SAIB));
  }
  .widget-social-media-chat__icon {
    line-height: 45px;
    width: 45px;
    font-size: 22px;
  }
  .move_chat_close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
  }
  .widget-social-media-chat__modal-close {
    box-shadow: none;
  }
  .col-plugins-list {
    display: none !important;
  }
  .no-need-inquiry.not-only-one .col-plugins-list {
    display: none;
  }
  .only-one.has-inquiry .col-plugins-list {
    display: none;
  }
}
.chat-online-unit-form__item {
  margin-bottom: 18px !important;
}
.chat-online-unit-form__item-inner {
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
}
.chat-online-unit-form__item-inner .unit-form__label {
  order: 3;
}
.chat-online-unit-form__item-inner .unit-form__control {
  order: 2;
}
.chat-online-unit-form__item-inner .unit-form__label {
  position: static;
  padding: 0;
  padding-bottom: 8px;
}
.chat-online-unit-form__item-inner .form-control {
  background-color: #fff !important;
  border: 1px solid #e3e3e3 !important;
}
.chat-online-unit-form__item-inner .form-control {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.chat-online-unit-form__item-inner .widget-social-media-chat__modal-body {
  padding: 0;
}
.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .form-control:not(:placeholder-shown) ~ .unit-form__label {
  padding-top: 0;
  padding-bottom: 8px;
  opacity: 0.8;
  font-size: 14px;
  max-width: unset;
}
.chat-online-unit-form__item-inner textarea::-webkit-scrollbar {
  width: 4px;
}
.chat-online-unit-form__item-inner .form-group {
  margin-bottom: 10px;
}
.chat-online-unit-form__item-inner.unit-form__select-box:after {
  padding-top: 0;
  top: unset;
  bottom: calc(43px * 0.5 - 22px * 0.5);
}
.chat-online-unit-form__item-inner.unit-form__select-box:has(.is-invalid):after {
  bottom: 30px;
  right: 25px;
}
.chat-online-unit-form__item-inner.unit-form__select-box .form-control {
  padding-right: 35px;
}
.chat-online-unit-form__item-inner .unit-form__select-option {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list.unit-form__control .unit-form__checkbox-list-inner {
  padding-top: 0;
  row-gap: 0;
}
.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list {
  max-height: 196px;
  overflow-y: auto;
  padding-bottom: 0 !important;
}
.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list::-webkit-scrollbar {
  width: 2px;
}
.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list .unit-form__checkbox {
  padding-bottom: 10px;
}
.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-webkit-input-placeholder {
  color: #999 !important;
}
.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control:-ms-input-placeholder {
  color: #999 !important;
}
.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-ms-input-placeholder {
  color: #999 !important;
}
.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-moz-placeholder {
  color: #999 !important;
}
.widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::placeholder {
  color: #999 !important;
}
.widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .placeholder {
  display: none !important;
}
.widget-social-media-chat__modal-form [label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
  display: block !important;
}
.no-need-inquiry .widget-social-media-chat__item {
  padding: 12px;
}
.only-one.no-inquiry .col-plugins-list {
  display: flex;
}
[data-inquirystatus="2"] .cont-text {
  display: none;
}
.no-inquiry .cont-text {
  display: none;
}
@media (min-width: 769px) {
  .no-inquiry .widget-social-media-chat__server {
    display: none;
  }
  .no-need-inquiry[data-inquirystatus="1"] .widget-social-media-chat__wrap {
    display: none;
  }
}
.widget-ai-chat .widget-social-media-chat__icon {
  width: 60px;
  line-height: 60px;
  border-radius: 50%;
  background-color: var(--main-color);
}
.widget-social-media-chat__icon.widget-main-icon {
  font-size: 22px;
}
.with-footer .widget-ai-chat .widget-ai-chat__content-wrap {
  bottom: calc(140px + var(--SAIB));
}
.widget-ai-chat .widget-ai-chat__content-wrap {
  position: fixed;
  right: 15px;
  bottom: 10%;
  cursor: pointer;
  z-index: 10;
}
.widget-ai-chat .widget-ai-chat__modal {
  transform: translate(calc(-100% + 60px), -126px);
}
.widget-ai-chat__iframe {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  height: 100%;
}
.widget-ai-chat .widget-social-media-chat__modal-body {
  height: 500px;
}
.widget-ai-chat__icon_list {
  flex-direction: column;
  display: flex;
}
.widget-ai-chat__icon_list .widget-social-media-chat__icon {
  margin-top: 6px;
  width: 60px;
  height: 60px;
  font-size: 30px;
  line-height: 2;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .widget-ai-chat .widget-ai-chat__modal {
    position: fixed;
    width: 100%;
    transform: translateX(0);
  }
  .widget-ai-chat .widget-ai-chat__content-wrap {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .widget-ai-chat .widget-ai-chat__content-wrap::-webkit-scrollbar {
    display: none;
  }
  [page-type="faq_messages"] [package-group="widget"] {
    display: none;
  }
}
.widget-social-media-chat__modal-body .multi_select__tags-wrap {
  top: auto;
  top: 40px;
}


.base-button__inner {
  font-size: 12px;
}
.base-pagination__item .base-pagination__link {
  height: 46px;
  line-height: 46px;
  width: 46px;
}
.base-pagination__item.active .base-pagination__link {
  background: transparent;
  border-color: transparent;
  color: #fff;
}
.base-pagination__item.active::before {
  border-color: inherit;
}
.container {
  --container-width: 1440px;
  --is-custom: false;
  max-width: 1440px;
}
.container__article {
  --container-width: 345px;
  max-width: 345px;
}
.unit-form__control {
  border: 0;
}
.unit-form__control:focus {
  background-color: transparent;
  border-color: inherit;
  color: inherit;
}
.unit-form__submit {
  margin: 1vw auto 1vw auto;
  display: block;
}
:root {
  --animate__name: none;
  --compress__ratio: 97, 97, 97;
  --compress_banner__ratio: 80;
  --img__convert_dst: true;
  --img__convert_quality: true;
  --img__dpi: false;
  --rgb-color: 26, 49, 105;
}
[button-style="1"] .btn {
  padding: 10px 22px 10px 22px;
  --button-type: 0;
  background: rgba(240, 133, 25, 1);
  background-color: rgba(240, 133, 25, 1);
  border-bottom-color: rgba(240, 133, 25, 1);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-radius: 20px;
  border-right-width: 0;
  border-top-width: 0;
  color: rgba(248, 248, 248, 1);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: Poppins Regular;
}
[button-style="2"] .btn {
  padding: 10px 22px 10px 22px;
  --button-type: 0;
  background-color: var(--main-color);
  border-bottom-width: 0;
  border-left-width: 0;
  border-radius: 5px 5px 5px 5px;
  border-right-width: 0;
  border-top-width: 0;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: Poppins Regular;
}
[form-style="1"] .unit-form__control {
  --form-type: 0;
  background-color: rgba(245, 245, 245, 1);
  border-bottom-width: 0;
  border-left-width: 0;
  border-radius: 5px 5px 5px 5px;
  border-right-width: 0;
  border-top-width: 0;
}
[form-style="1"] .unit-form__item-inner,
[form-style="2"] .unit-form__item-inner,
#unit-hM9G9pUHzI .unit-list__subtitle {
  color: rgba(16, 16, 16, 1);
}
[form-style="2"] .unit-form__control {
  --form-type: 0;
  background-color: rgba(230, 233, 238, 0.6);
  border-bottom-width: 0;
  border-left-width: 0;
  border-radius: 5px 5px 5px 5px;
  border-right-width: 0;
  border-top-width: 0;
}
[package-group] {
  position: static;
  top: 0px;
}
[package-item="module"] {
  padding-bottom: 10vw;
  padding-top: 10vw;
}
[package-item="unit"] {
  padding-bottom: 10px;
  padding-top: 10px;
}
[tab-style="1"] .nav-item,
[tab-style="1"] .nav-item.active,
[tab-style="2"] .nav-item,
[tab-style="2"] .nav-item.active {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-style: solid;
  border-left-width: 0px;
  border-radius: 0px;
  border-right-style: solid;
  border-right-width: 0px;
  border-top-style: solid;
  border-top-width: 0px;
  text-align: center;
  text-transform: capitalize;
}
[text-style="1"] {
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 1.5;
  text-transform: capitalize;
  font-family: "Montserrat Regular";
}
[text-style="2"] {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 1.6;
  text-transform: capitalize;
  font-family: "Montserrat Regular";
}
[text-style="3"] {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.8;
  font-family: "Montserrat Light";
}
[text-style="4"] {
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 1.8;
  text-transform: uppercase;
  font-family: "Montserrat Light";
}
#block-ikvFICHKZq {
  --font-fixed: #fff;
  --header-bg: var(--main-color);
  --header-bg-fixed: var(--main-color);
  color: #fff;
}
[firstMenu] {
  --font-active: rgba(255, 255, 255, 1);
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: "Montserrat Regular";
}
[subMenu] {
  --font-active: var(--main-color);
  --header-bg: #fff;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  line-height: 1.5;
  font-family: "Montserrat Light";
}
#module-dQEXsmY8fL {
  padding: 0px;
  --font-fixed: rgba(255, 255, 255, 1);
  --header-bg: var(--main-color);
  --header-bg-fixed: var(--main-color);
  color: rgba(255, 255, 255, 1);
}
#module-sK2vzWFvPj {
  padding: 0px;
  --font-fixed: rgba(255, 255, 255, 1);
  --header-bg: rgba(23, 51, 103, 1);
  --header-bg-fixed: rgba(23, 51, 103, 1);
  color: rgba(255, 255, 255, 1);
}
#module-MMxVlF5UQ5 {
  padding: 0px;
  --font-fixed: rgba(255, 255, 255, 0.8);
  --header-bg: var(--main-color);
  --header-bg-fixed: var(--main-color);
  color: rgba(255, 255, 255, 0.8);
}
#module-GWa210NbEl {
  padding: 8vw 0px 8vw 0px;
  background-color: var(--main-color);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#module-dB03SfvW4E {
  background-color: rgba(242, 244, 246, 1);
  color: #fff;
  padding-bottom: 5vw;
  padding-top: 10vw;
}
#module-KlaOVCjijm {
  background-color: rgba(242, 244, 246, 1);
  color: #fff;
  padding-bottom: 10vw;
  padding-top: 0px;
}
#module-pOLm3Jff6J {
  background-color: rgba(255, 255, 255, 1);
  color: #fff;
  padding-bottom: 10vw;
  padding-top: 10vw;
}
#module-inbLXitvrI {
  background-color: var(--main-color);
  color: #fff;
  padding-bottom: 0px;
  padding-top: 5vw;
}
#module-CjMsjP0Zy5 {
  background-color: var(--main-color);
  color: #fff;
  padding-bottom: 0px;
  padding-top: 0px;
}
#module-ieZkYEFVgn {
  background-color: rgba(248, 248, 248, 1);
  padding-left: 5vw;
  padding-right: 5vw;
}
#grid-HpQ7t5CXAG [package-group="cell"],
#grid-aLJhenKZUL [package-group="cell"],
#grid-U8uKHI0SNS [package-group="cell"] {
  align-items: center;
}
#grid-HpQ7t5CXAG,
#unit-hM9G9pUHzI .unit-list__item-inner {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}
#grid-0mCKZU2M3d {
  padding-bottom: 4vw;
  padding-top: 2vw;
}
#cell-MDHfgVtPZ7 [package-item="unit"],
#cell-mj4yMy8sZY [package-item="unit"] {
  min-height: 1px;
}
#cell-mj4yMy8sZY [package-group="unit"],
#cell-xOTxUevAyP [package-group="unit"],
#cell-SWWzq83ecU [package-group="unit"] {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
#cell-quv2ShIuWQ [package-group="unit"] {
  display: flex;
}
#cell-T42HBf67o4,
#cell-STTRV9JrR6 {
  padding-top: 1vw;
}
#cell-zcJi7OSCX3 {
  padding-left: 2vw;
  padding-top: 0px;
}
#cell-3UFKLg881u {
  padding: 2vw 0px 0px 0px;
}
#cell-eU1iL23b16 {
  padding-top: 0.5vw;
}
#cell-f2hQvmizpi,
#cell-paLv7hXnNI,
#cell-jNygsvq9ip {
  padding-left: 1vw;
}
#cell-LcOP5UxVhl {
  display: flex;
  flex-direction: column;
  padding-left: 5vw;
  padding-right: 5vw;
}
#unit-uvGvRa1yog .icon-base-email {
  padding-right: 10px;
}
#unit-uvGvRa1yog .icon-base-phone-lighter {
  padding-right: 5px;
}
#unit-uvGvRa1yog .unit-text__item {
  color: rgba(255, 255, 255, 0.8);
}
#unit-uvGvRa1yog {
  font-size: 14px;
}
#unit-O3pzNrhjrk .unit-social-list__icon {
  border-radius: 50%;
}
#unit-EBPpRRV84q .unit-header-cart,
#unit-fWqrRlYmM9 .unit-header-language,
#unit-SApJntZ0wV {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
#unit-uSnOxQ2r7Y .unit-header-search,
#unit-SApJntZ0wV .unit-header-login,
#unit-MoCaz6NXXl .unit-header-search {
  --font-active: rgba(255, 255, 255, 1);
}
#unit-uSnOxQ2r7Y .unit-header-search__btn,
#unit-LKkcLkI6LB {
  padding: 0;
}
#unit-uSnOxQ2r7Y {
  padding-left: 10px;
  padding-right: 10px;
}
#unit-3Qkfct4tg0,
#unit-bKCiXMxmRT .unit-form__submit-wrap,
#unit-9SXszcLAqE .unit-form__submit-wrap {
  text-align: center;
}
#unit-dKaJTOMecV .unit-logo_image {
  height: 40px;
}
#unit-MoCaz6NXXl {
  font-size: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
#unit-wau5EZF1wA .iconfont {
  font-size: inherit;
}
#unit-wau5EZF1wA {
  font-size: 20px;
  padding-left: 5px;
}
#unit-DiT2xeYOb7 .unit-text__item,
#unit-W0OUsUjyBk .unit-text__item,
#unit-sZAcFalE2N .unit-text__item,
#unit-Oe8BSOY63p .unit-text__item,
#unit-9BB42xs5SK .unit-text__item,
#unit-uV5gGLzX1p .unit-text__item {
  color: rgba(255, 255, 255, 1);
}
#unit-MIp7VYufxj .unit-breadcrumb {
  background-color: transparent;
  justify-content: left;
}
#unit-MIp7VYufxj .unit-breadcrumb__item {
  color: inherit;
}
#unit-MIp7VYufxj {
  padding: 20px 0px 20px 0px;
  color: #000;
}
#unit-svef2IB67a .unit-text__item {
  color: rgba(16, 16, 16, 1);
  text-align: left;
}
#unit-svef2IB67a {
  padding-top: 0px;
  text-align: center;
}
#unit-u55nGsAIi2 .unit-text__item,
#unit-hM9G9pUHzI .unit-list__description {
  color: rgba(52, 52, 52, 1);
}
#unit-u55nGsAIi2 {
  padding-bottom: 2vw;
}
#unit-AAMrmbbLFe .unit-text__item {
  color: var(--main-color);
}
#unit-AAMrmbbLFe {
  border-bottom-color: rgba(26, 49, 105, 0.2);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-color: rgba(26, 49, 105, 0.2);
  border-top-style: solid;
  border-top-width: 2px;
  padding-bottom: 1vw;
  padding-top: 1vw;
}
#unit-hM9G9pUHzI .base-image__img {
  color: rgba(26, 49, 105, 1);
  height: auto;
  object-fit: unset;
  width: 65px;
}
#unit-hM9G9pUHzI .base-image__item,
#unit-rraFIjGkYg .base-image__item {
  overflow: hidden;
}
#unit-hM9G9pUHzI .unit-list__description .text_ellipsis {
  -webkit-line-clamp: unset;
}
#unit-hM9G9pUHzI .unit-list__title {
  color: rgba(16, 16, 16, 1);
  padding-top: 1vw;
}
#unit-hM9G9pUHzI [text-style="0"] {
  font-size: 36px;
  line-height: 1.3;
  font-family: "Montserrat Regular";
}
#unit-hM9G9pUHzI .base-image__img[img-index="0"],
#unit-hM9G9pUHzI .base-image__img[img-index="1"],
#unit-hM9G9pUHzI .base-image__img[img-index="2"],
#unit-hM9G9pUHzI .base-image__img[img-index="3"] {
  aspect-ratio: 1;
  display: inline-block;
}
#unit-ik1tAdPa5u .unit-map__iframe {
  height: 556px;
  width: 100%;
}
#unit-ik1tAdPa5u {
  background-color: rgba(0, 0, 0, 0);
}
#unit-O2g7j3ZIvd .unit-text__item {
  color: rgba(16, 16, 16, 1);
  text-align: center;
}
#unit-O2g7j3ZIvd,
#unit-zYZNRleIwb {
  padding-bottom: 0px;
  padding-top: 0px;
}
#unit-RiFfdLjb73 .unit-text__item {
  color: rgba(52, 52, 52, 1);
  text-align: center;
}
#unit-RiFfdLjb73 {
  padding-top: 2vw;
}
#unit-bKCiXMxmRT .base-button__inner {
  width: 100%;
}
#unit-rraFIjGkYg .base-image__img {
  height: auto;
  width: auto;
}
#unit-dRpU9TcVB3 .unit-social-list__icon {
  --social-icon: rgba(255, 255, 255, 0.6);
  --social-icon-active: rgba(202, 165, 80, 1);
  color: var(--main-color);
}
#unit-W0OUsUjyBk,
#unit-sZAcFalE2N,
#unit-Oe8BSOY63p,
#unit-9BB42xs5SK,
#unit-uV5gGLzX1p {
  padding-bottom: 1vw;
}
#unit-out92fZWDe .unit-text__item,
#unit-fxTSCKYVn4 .unit-text__item,
#unit-fpph4j7cOx .unit-text__item,
#unit-YSYVGE7GXL .unit-text__item,
#unit-8Q7EqAJIWq .unit-text__item {
  color: rgba(255, 255, 255, 0.6);
}
#unit-M5PAFKb9BJ .unit-text__item {
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
}
#unit-M5PAFKb9BJ [text-style="0"] {
  font-size: 14px;
  font-family: "Montserrat Light";
}
#unit-M5PAFKb9BJ {
  border-top-color: rgba(255, 255, 255, 0.1);
  border-top-style: solid;
  border-top-width: 1px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  padding-bottom: 25px;
  padding-top: 25px;
  text-align: center;
}
#unit-zYZNRleIwb .base-image__img {
  color: rgba(26, 49, 105, 1);
  height: auto;
  object-fit: unset;
  width: auto;
}
#unit-zYZNRleIwb .base-image__item {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
#unit-9SXszcLAqE {
  padding-left: 6vw;
  padding-right: 6vw;
}
@media (min-width: 768px) {
  .container__article {
    --container-width: 737px;
    max-width: 737px;
  }
  [button-style="1"] .btn,
  [button-style="2"] .btn {
    padding-left: 24px;
    padding-right: 24px;
    font-family: Poppins Regular;
  }
  [package-item="module"] {
    padding-bottom: 5vw;
    padding-top: 5vw;
  }
  [text-style="1"] {
    font-size: 30px;
    line-height: 1.2;
  }
  [text-style="2"] {
    font-size: 18px;
  }
  [text-style="3"] {
    font-size: 15px;
    line-height: 1.9;
  }
  #module-dB03SfvW4E {
    padding-bottom: 0px;
    padding-top: 6vw;
  }
  #module-KlaOVCjijm {
    padding-bottom: 6vw;
  }
  #module-pOLm3Jff6J {
    padding-bottom: 6vw;
    padding-top: 6vw;
  }
  #cell-3UFKLg881u {
    padding-left: 1.5vw;
    padding-top: 0px;
  }
  #unit-MIp7VYufxj {
    color: rgba(255, 255, 255, 1);
    padding-bottom: 16px;
  }
  #unit-hM9G9pUHzI .base-image__img {
    width: auto;
  }
  #unit-hM9G9pUHzI .base-image__img[img-index="0"],
  #unit-hM9G9pUHzI .base-image__img[img-index="1"],
  #unit-hM9G9pUHzI .base-image__img[img-index="2"],
  #unit-hM9G9pUHzI .base-image__img[img-index="3"] {
    height: auto;
  }
  #unit-zYZNRleIwb .base-image__img {
    height: 300px;
    max-height: 100%;
  }
  #unit-zYZNRleIwb .base-image__img[img-index="0"] {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  .base-button__inner {
    font-size: 14px;
  }
  .container__article {
    --container-width: 966px;
    max-width: 966px;
  }
  [button-style="1"] .btn {
    font-size: 15px;
    padding-left: 16px;
    padding-right: 16px;
    font-family: Poppins Regular;
  }
  [button-style="2"] .btn {
    padding: 13px 36px 13px 36px;
    font-size: 15px;
    font-family: Poppins Regular;
  }
  [package-item="module"] {
    padding-bottom: 3vw;
    padding-top: 3vw;
  }
  [text-style="1"] {
    font-size: 2.4vw;
  }
  [subMenu] {
    --font-active: rgba(0, 100, 179, 1);
    color: rgba(52, 52, 52, 1);
  }
  #module-dB03SfvW4E {
    padding-top: 4vw;
  }
  #module-KlaOVCjijm {
    padding-bottom: 4vw;
    padding-top: 1vw;
  }
  #module-pOLm3Jff6J {
    padding-bottom: 4vw;
    padding-top: 4vw;
  }
  #cell-T42HBf67o4 {
    padding-right: 3vw;
  }
  #cell-3UFKLg881u {
    padding-left: 0px;
  }
  #cell-STTRV9JrR6 {
    padding-left: 6vw;
    padding-right: 6vw;
  }
  #unit-hM9G9pUHzI [text-style="0"] {
    font-size: 3.4vw;
  }
  #unit-ik1tAdPa5u .unit-map__iframe {
    height: 600px;
  }
  #unit-RiFfdLjb73 {
    padding-left: 12vw;
    padding-right: 12vw;
    padding-top: 1vw;
  }
}
@font-face {
  font-family: "Poppins Regular";
  src: url("/font/en/Poppins-Regular.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Regular";
  src: url("data:font/woff2;charset=utf-8;base64,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");
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Light";
  src: url("data:font/woff2;charset=utf-8;base64,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");
  font-display: swap;
}




/*--------------- distributor ---------------*/



<!-- base start -->

  :root {
    --app-version: "1.5.10";
  }
  @font-face {
    font-family: "iconfont";
    src: url("/v1.5.10/font/icon/icon.woff2") format("woff2"), url("/v1.5.10/font/icon/icon.woff") format("woff"), url("/v1.5.10/font/icon/icon.ttf") format("truetype");
    font-display: swap;
  }
  img[data-hidden] {
    opacity: 0 !important;
  } /*! Bootstrap v4.5.0 */
  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }
  html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  article,
  aside,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section {
    display: block;
  }
  body {
    margin: 0;
    background-color: #fff;
    color: #212529;
    text-align: left;
    font-weight: 400;
    font-size: 1rem;
    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";
    line-height: 1.5;
  }
  [tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
  }
  hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  abbr[data-original-title],
  abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
  }
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  dl,
  ol,
  ul {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  ol ol,
  ol ul,
  ul ol,
  ul ul {
    margin-bottom: 0;
  }
  dt {
    font-weight: 700;
  }
  dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
  }
  blockquote {
    margin: 0 0 1rem;
  }
  b,
  strong {
    font-weight: bolder;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  a {
    background-color: transparent;
    color: #007bff;
    text-decoration: none;
  }
  a:hover {
    color: #0056b3;
    text-decoration: underline;
  }
  a:not([href]) {
    color: inherit;
    text-decoration: none;
  }
  a:not([href]):hover {
    color: inherit;
    text-decoration: none;
  }
  code,
  kbd,
  pre,
  samp {
    font-size: 1em;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  pre {
    overflow: auto;
    margin-top: 0;
    margin-bottom: 1rem;
    -ms-overflow-style: scrollbar;
  }
  figure {
    margin: 0 0 1rem;
  }
  img {
    border-style: none;
    vertical-align: middle;
  }
  svg {
    overflow: hidden;
    vertical-align: middle;
  }
  table {
    border-collapse: collapse;
  }
  caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    caption-side: bottom;
    text-align: left;
  }
  th {
    text-align: inherit;
  }
  label {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
  button {
    border-radius: 0;
  }
  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  [role="button"] {
    cursor: pointer;
  }
  select {
    word-wrap: normal;
  }
  [type="button"],
  [type="reset"],
  [type="submit"],
  button {
    -webkit-appearance: button;
  }
  [type="button"]:not(:disabled),
  [type="reset"]:not(:disabled),
  [type="submit"]:not(:disabled),
  button:not(:disabled) {
    cursor: pointer;
  }
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner,
  button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  textarea {
    overflow: auto;
    resize: vertical;
  }
  fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
    border: 0;
  }
  legend {
    display: block;
    margin-bottom: 0.5rem;
    padding: 0;
    width: 100%;
    max-width: 100%;
    color: inherit;
    white-space: normal;
    font-size: 1.5rem;
    line-height: inherit;
  }
  progress {
    vertical-align: baseline;
  }
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }
  output {
    display: inline-block;
  }
  summary {
    display: list-item;
    cursor: pointer;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none !important;
  }
  hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .small,
  small {
    font-weight: 400;
    font-size: 80%;
  }
  .img-fluid {
    height: auto;
    max-width: 100%;
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
  }
  @media (min-width: 576px) {
    .container {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
  }
  @media (min-width: 576px) {
    .container,
    .container-sm {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      max-width: 1140px;
    }
  }
  .row {
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-2_4,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-2_4,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-2_4,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-2_4,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-2_4,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
  }
  .col {
    max-width: 100%;
    min-width: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .col-auto {
    width: auto;
    max-width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-1 {
    max-width: 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
  }
  .col-2 {
    max-width: 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
  }
  .col-2_4 {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }
  .col-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .col-4 {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-5 {
    max-width: 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .col-7 {
    max-width: 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
  }
  .col-8 {
    max-width: 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
  }
  .col-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
  .col-10 {
    max-width: 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-11 {
    max-width: 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
  }
  .col-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  @media (min-width: 576px) {
    .col-sm {
      max-width: 100%;
      min-width: 0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
    .col-sm-auto {
      width: auto;
      max-width: 100%;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }
    .col-sm-1 {
      max-width: 8.333333%;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
    }
    .col-sm-2 {
      max-width: 16.666667%;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
    }
    .col-sm-2_4 {
      max-width: 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
    }
    .col-sm-3 {
      max-width: 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
    }
    .col-sm-4 {
      max-width: 33.333333%;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
    }
    .col-sm-5 {
      max-width: 41.666667%;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
    }
    .col-sm-6 {
      max-width: 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
    }
    .col-sm-7 {
      max-width: 58.333333%;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
    }
    .col-sm-8 {
      max-width: 66.666667%;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
    }
    .col-sm-9 {
      max-width: 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
    }
    .col-sm-10 {
      max-width: 83.333333%;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
    }
    .col-sm-11 {
      max-width: 91.666667%;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
    }
    .col-sm-12 {
      max-width: 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
  }
  @media (min-width: 768px) {
    .col-md {
      max-width: 100%;
      min-width: 0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
    .col-md-auto {
      width: auto;
      max-width: 100%;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }
    .col-md-1 {
      max-width: 8.333333%;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
    }
    .col-md-2 {
      max-width: 16.666667%;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
    }
    .col-md-2_4 {
      max-width: 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
    }
    .col-md-3 {
      max-width: 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
    }
    .col-md-4 {
      max-width: 33.333333%;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
    }
    .col-md-5 {
      max-width: 41.666667%;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
    }
    .col-md-6 {
      max-width: 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
    }
    .col-md-7 {
      max-width: 58.333333%;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
    }
    .col-md-8 {
      max-width: 66.666667%;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
    }
    .col-md-9 {
      max-width: 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
    }
    .col-md-10 {
      max-width: 83.333333%;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
    }
    .col-md-11 {
      max-width: 91.666667%;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
    }
    .col-md-12 {
      max-width: 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
  }
  @media (min-width: 992px) {
    .col-lg {
      max-width: 100%;
      min-width: 0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
    .col-lg-auto {
      width: auto;
      max-width: 100%;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }
    .col-lg-1 {
      max-width: 8.333333%;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
    }
    .col-lg-2 {
      max-width: 16.666667%;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
    }
    .col-lg-2_4 {
      max-width: 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
    }
    .col-lg-3 {
      max-width: 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
    }
    .col-lg-4 {
      max-width: 33.333333%;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
    }
    .col-lg-5 {
      max-width: 41.666667%;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
    }
    .col-lg-6 {
      max-width: 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
    }
    .col-lg-7 {
      max-width: 58.333333%;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
    }
    .col-lg-8 {
      max-width: 66.666667%;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
    }
    .col-lg-9 {
      max-width: 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
    }
    .col-lg-10 {
      max-width: 83.333333%;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
    }
    .col-lg-11 {
      max-width: 91.666667%;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
    }
    .col-lg-12 {
      max-width: 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
  }
  @media (min-width: 1200px) {
    .col-xl {
      max-width: 100%;
      min-width: 0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
    .col-xl-auto {
      width: auto;
      max-width: 100%;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }
    .col-xl-1 {
      max-width: 8.333333%;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
    }
    .col-xl-2 {
      max-width: 16.666667%;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
    }
    .col-xl-2_4 {
      max-width: 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
    }
    .col-xl-3 {
      max-width: 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
    }
    .col-xl-4 {
      max-width: 33.333333%;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
    }
    .col-xl-5 {
      max-width: 41.666667%;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
    }
    .col-xl-6 {
      max-width: 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
    }
    .col-xl-7 {
      max-width: 58.333333%;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
    }
    .col-xl-8 {
      max-width: 66.666667%;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
    }
    .col-xl-9 {
      max-width: 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
    }
    .col-xl-10 {
      max-width: 83.333333%;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
    }
    .col-xl-11 {
      max-width: 91.666667%;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
    }
    .col-xl-12 {
      max-width: 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    }
  }
  .table {
    margin-bottom: 1rem;
    width: 100%;
    color: #212529;
  }
  .table td,
  .table th {
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    vertical-align: top;
  }
  .table thead th {
    border-bottom: 2px solid #dee2e6;
    vertical-align: bottom;
  }
  .table tbody + tbody {
    border-top: 2px solid #dee2e6;
  }
  .table-sm td,
  .table-sm th {
    padding: 0.3rem;
  }
  .table-bordered {
    border: 1px solid #dee2e6;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #dee2e6;
  }
  .table-bordered thead td,
  .table-bordered thead th {
    border-bottom-width: 2px;
  }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
    color: #212529;
  }
  @media (max-width: 575.98px) {
    .table-responsive-sm {
      display: block;
      overflow-x: auto;
      width: 100%;
      -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm > .table-bordered {
      border: 0;
    }
  }
  @media (max-width: 767.98px) {
    .table-responsive-md {
      display: block;
      overflow-x: auto;
      width: 100%;
      -webkit-overflow-scrolling: touch;
    }
    .table-responsive-md > .table-bordered {
      border: 0;
    }
  }
  @media (max-width: 991.98px) {
    .table-responsive-lg {
      display: block;
      overflow-x: auto;
      width: 100%;
      -webkit-overflow-scrolling: touch;
    }
    .table-responsive-lg > .table-bordered {
      border: 0;
    }
  }
  @media (max-width: 1199.98px) {
    .table-responsive-xl {
      display: block;
      overflow-x: auto;
      width: 100%;
      -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xl > .table-bordered {
      border: 0;
    }
  }
  .table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .form-control {
    display: block;
    padding: 0.375rem 0.75rem;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #495057;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none;
    }
  }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent;
  }
  .form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
  }
  .form-control:focus {
    outline: 0;
    border-color: #80bdff;
    background-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    color: #495057;
  }
  .form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control:disabled,
  .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
  }
  input[type="date"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control,
  input[type="time"].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  select.form-control:focus::-ms-value {
    background-color: #fff;
    color: #495057;
  }
  .form-control-file,
  .form-control-range {
    display: block;
    width: 100%;
  }
  .col-form-label {
    margin-bottom: 0;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    font-size: inherit;
    line-height: 1.5;
  }
  .col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .form-control-plaintext {
    display: block;
    margin-bottom: 0;
    padding: 0.375rem 0;
    width: 100%;
    border: solid transparent;
    border-width: 1px 0;
    background-color: transparent;
    color: #212529;
    font-size: 1rem;
    line-height: 1.5;
  }
  .form-control-plaintext.form-control-lg,
  .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0;
  }
  .form-control-sm {
    padding: 0.25rem 0.5rem;
    height: calc(1.5em + 0.5rem + 2px);
    border-radius: 0.2rem;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .form-control-lg {
    padding: 0.5rem 1rem;
    height: calc(1.5em + 1rem + 2px);
    border-radius: 0.3rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  select.form-control[multiple],
  select.form-control[size] {
    height: auto;
  }
  textarea.form-control {
    height: auto;
  }
  .form-group {
    margin-bottom: 1rem;
  }
  .form-text {
    display: block;
    margin-top: 0.25rem;
  }
  .form-row {
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
    margin-left: -5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
  }
  .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
  }
  .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
  }
  .form-check-input:disabled ~ .form-check-label,
  .form-check-input[disabled] ~ .form-check-label {
    color: #6c757d;
  }
  .form-check-label {
    margin-bottom: 0;
  }
  .form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0.75rem;
    padding-left: 0;
    -ms-flex-align: center;
    align-items: center;
  }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
  }
  .valid-feedback {
    display: none;
    margin-top: 0.25rem;
    width: 100%;
    color: #28a745;
    font-size: 80%;
  }
  .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    margin-top: 0.1rem;
    padding: 0.25rem 0.5rem;
    max-width: 100%;
    border-radius: 0.25rem;
    background-color: rgba(40, 167, 69, 0.9);
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .is-valid ~ .valid-feedback,
  .is-valid ~ .valid-tooltip,
  .was-validated :valid ~ .valid-feedback,
  .was-validated :valid ~ .valid-tooltip {
    display: block;
  }
  .form-control.is-valid,
  .was-validated .form-control:valid {
    padding-right: calc(1.5em + 0.75rem);
    border-color: #28a745;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    background-repeat: no-repeat;
  }
  .form-control.is-valid:focus,
  .was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  .was-validated textarea.form-control:valid,
  textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  }
  .custom-select.is-valid,
  .was-validated .custom-select:valid {
    padding-right: calc(0.75em + 2.3125rem);
    border-color: #28a745;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px,
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  .custom-select.is-valid:focus,
  .was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  .form-check-input.is-valid ~ .form-check-label,
  .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745;
  }
  .form-check-input.is-valid ~ .valid-feedback,
  .form-check-input.is-valid ~ .valid-tooltip,
  .was-validated .form-check-input:valid ~ .valid-feedback,
  .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block;
  }
  .custom-control-input.is-valid ~ .custom-control-label,
  .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745;
  }
  .custom-control-input.is-valid ~ .custom-control-label::before,
  .was-validated .custom-control-input:valid ~ .custom-control-label::before {
    border-color: #28a745;
  }
  .custom-control-input.is-valid:checked ~ .custom-control-label::before,
  .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
  }
  .custom-control-input.is-valid:focus ~ .custom-control-label::before,
  .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
  .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
  }
  .custom-file-input.is-valid ~ .custom-file-label,
  .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745;
  }
  .custom-file-input.is-valid:focus ~ .custom-file-label,
  .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  .invalid-feedback {
    display: none;
    margin-top: 0.25rem;
    width: 100%;
    color: #dc3545;
    font-size: 80%;
  }
  .invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    margin-top: 0.1rem;
    padding: 0.25rem 0.5rem;
    max-width: 100%;
    border-radius: 0.25rem;
    background-color: rgba(220, 53, 69, 0.9);
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .is-invalid ~ .invalid-feedback,
  .is-invalid ~ .invalid-tooltip,
  .was-validated :invalid ~ .invalid-feedback,
  .was-validated :invalid ~ .invalid-tooltip {
    display: block;
  }
  .form-control.is-invalid,
  .was-validated .form-control:invalid {
    padding-right: calc(1.5em + 0.75rem);
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    background-repeat: no-repeat;
  }
  .form-control.is-invalid:focus,
  .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .was-validated textarea.form-control:invalid,
  textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  }
  .custom-select.is-invalid,
  .was-validated .custom-select:invalid {
    padding-right: calc(0.75em + 2.3125rem);
    border-color: #dc3545;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px,
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  .custom-select.is-invalid:focus,
  .was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .form-check-input.is-invalid ~ .form-check-label,
  .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
  }
  .form-check-input.is-invalid ~ .invalid-feedback,
  .form-check-input.is-invalid ~ .invalid-tooltip,
  .was-validated .form-check-input:invalid ~ .invalid-feedback,
  .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block;
  }
  .custom-control-input.is-invalid ~ .custom-control-label,
  .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545;
  }
  .custom-control-input.is-invalid ~ .custom-control-label::before,
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    border-color: #dc3545;
  }
  .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
  .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
  }
  .custom-control-input.is-invalid:focus ~ .custom-control-label::before,
  .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
  .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
  }
  .custom-file-input.is-invalid ~ .custom-file-label,
  .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545;
  }
  .custom-file-input.is-invalid:focus ~ .custom-file-label,
  .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .btn {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: transparent;
    color: #212529;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none;
    }
  }
  .btn:hover {
    color: #212529;
    text-decoration: none;
  }
  .btn.focus,
  .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .btn.disabled,
  .btn:disabled {
    opacity: 0.65;
  }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  a.btn.disabled,
  fieldset:disabled a.btn {
    pointer-events: none;
  }
  input[type="button"].btn-block,
  input[type="reset"].btn-block,
  input[type="submit"].btn-block {
    width: 100%;
  }
  .fade {
    transition: opacity 0.15s linear;
  }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none;
    }
  }
  .fade:not(.show) {
    opacity: 0;
  }
  .collapse:not(.show) {
    display: none;
  }
  .collapsing {
    position: relative;
    overflow: hidden;
    height: 0;
    transition: height 0.35s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none;
    }
  }
  .dropdown,
  .dropleft,
  .dropright,
  .dropup {
    position: relative;
  }
  .dropdown-toggle {
    white-space: nowrap;
  }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    content: "";
    vertical-align: 0.255em;
  }
  .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    margin: 0.125rem 0 0;
    padding: 0.5rem 0;
    min-width: 10rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #212529;
    list-style: none;
    text-align: left;
    font-size: 1rem;
  }
  .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  @media (min-width: 576px) {
    .dropdown-menu-sm-left {
      right: auto;
      left: 0;
    }
    .dropdown-menu-sm-right {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 768px) {
    .dropdown-menu-md-left {
      right: auto;
      left: 0;
    }
    .dropdown-menu-md-right {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 992px) {
    .dropdown-menu-lg-left {
      right: auto;
      left: 0;
    }
    .dropdown-menu-lg-right {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 1200px) {
    .dropdown-menu-xl-left {
      right: auto;
      left: 0;
    }
    .dropdown-menu-xl-right {
      right: 0;
      left: auto;
    }
  }
  .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
  }
  .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
    content: "";
    vertical-align: 0.255em;
  }
  .dropup .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
  }
  .dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    content: "";
    vertical-align: 0.255em;
  }
  .dropright .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropright .dropdown-toggle::after {
    vertical-align: 0;
  }
  .dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
  }
  .dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    content: "";
    vertical-align: 0.255em;
  }
  .dropleft .dropdown-toggle::after {
    display: none;
  }
  .dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
    content: "";
    vertical-align: 0.255em;
  }
  .dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropleft .dropdown-toggle::before {
    vertical-align: 0;
  }
  .dropdown-menu[x-placement^="bottom"],
  .dropdown-menu[x-placement^="left"],
  .dropdown-menu[x-placement^="right"],
  .dropdown-menu[x-placement^="top"] {
    right: auto;
    bottom: auto;
  }
  .dropdown-divider {
    overflow: hidden;
    margin: 0.5rem 0;
    height: 0;
    border-top: 1px solid #e9ecef;
  }
  .dropdown-item {
    clear: both;
    display: block;
    padding: 0.25rem 1.5rem;
    width: 100%;
    border: 0;
    background-color: transparent;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    font-weight: 400;
  }
  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #16181b;
    text-decoration: none;
  }
  .dropdown-item.active,
  .dropdown-item:active {
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
  }
  .dropdown-item.disabled,
  .dropdown-item:disabled {
    background-color: transparent;
    color: #6c757d;
    pointer-events: none;
  }
  .dropdown-menu.show {
    display: block;
  }
  .dropdown-header {
    display: block;
    margin-bottom: 0;
    padding: 0.5rem 1.5rem;
    color: #6c757d;
    white-space: nowrap;
    font-size: 0.875rem;
  }
  .dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
  }
  .custom-control {
    position: relative;
    display: block;
    padding-left: 1.5rem;
    min-height: 1.5rem;
  }
  .custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
  }
  .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
  }
  .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
    color: #fff;
  }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
  }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: #b3d7ff;
    background-color: #b3d7ff;
    color: #fff;
  }
  .custom-control-input:disabled ~ .custom-control-label,
  .custom-control-input[disabled] ~ .custom-control-label {
    color: #6c757d;
  }
  .custom-control-input:disabled ~ .custom-control-label::before,
  .custom-control-input[disabled] ~ .custom-control-label::before {
    background-color: #e9ecef;
  }
  .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
  }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    border: #adb5bd solid 1px;
    background-color: #fff;
    content: "";
    pointer-events: none;
  }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    background: no-repeat 50%/50% 50%;
    content: "";
  }
  .custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
  }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
  }
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
  }
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
  }
  .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }
  .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }
  .custom-radio .custom-control-label::before {
    border-radius: 50%;
  }
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  }
  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }
  .custom-switch {
    padding-left: 2.25rem;
  }
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    border-radius: 0.5rem;
    pointer-events: all;
  }
  .custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: 0.5rem;
    background-color: #adb5bd;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
      transition: none;
    }
  }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
  }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }
  .custom-select {
    display: inline-block;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    color: #495057;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .custom-select:focus {
    outline: 0;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .custom-select:focus::-ms-value {
    background-color: #fff;
    color: #495057;
  }
  .custom-select[multiple],
  .custom-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    height: auto;
    background-image: none;
  }
  .custom-select:disabled {
    background-color: #e9ecef;
    color: #6c757d;
  }
  .custom-select::-ms-expand {
    display: none;
  }
  .custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
  }
  .custom-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    height: calc(1.5em + 0.5rem + 2px);
    font-size: 0.875rem;
  }
  .custom-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    height: calc(1.5em + 1rem + 2px);
    font-size: 1.25rem;
  }
  .custom-file {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
  }
  .custom-file-input {
    position: relative;
    z-index: 2;
    margin: 0;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    opacity: 0;
  }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .custom-file-input:disabled ~ .custom-file-label,
  .custom-file-input[disabled] ~ .custom-file-label {
    background-color: #e9ecef;
  }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
  }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse);
  }
  .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding: 0.375rem 0.75rem;
    height: calc(1.5em + 0.75rem + 2px);
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #495057;
    font-weight: 400;
    line-height: 1.5;
  }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: 0.375rem 0.75rem;
    height: calc(1.5em + 0.75rem);
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
    background-color: #e9ecef;
    color: #495057;
    content: "Browse";
    line-height: 1.5;
  }
  .custom-range {
    padding: 0;
    width: 100%;
    height: 1.4rem;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .custom-range:focus {
    outline: 0;
  }
  .custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .custom-range::-moz-focus-outer {
    border: 0;
  }
  .custom-range::-webkit-slider-thumb {
    margin-top: -0.25rem;
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 1rem;
    background-color: #007bff;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none;
    }
  }
  .custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
  }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    border-color: transparent;
    border-radius: 1rem;
    background-color: #dee2e6;
    color: transparent;
    cursor: pointer;
  }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 1rem;
    background-color: #007bff;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none;
    }
  }
  .custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
  }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    border-color: transparent;
    border-radius: 1rem;
    background-color: #dee2e6;
    color: transparent;
    cursor: pointer;
  }
  .custom-range::-ms-thumb {
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 1rem;
    background-color: #007bff;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
      transition: none;
      -ms-transition: none;
    }
  }
  .custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
  }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    border-color: transparent;
    border-width: 0.5rem;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
  }
  .custom-range::-ms-fill-lower {
    border-radius: 1rem;
    background-color: #dee2e6;
  }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    border-radius: 1rem;
    background-color: #dee2e6;
  }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
  }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
  }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
  }
  .custom-range:disabled::-moz-range-track {
    cursor: default;
  }
  .custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
  }
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none;
    }
  }
  .nav {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .nav-link {
    display: block;
    padding: 0.5rem 1rem;
  }
  .nav-link:focus,
  .nav-link:hover {
    text-decoration: none;
  }
  .nav-link.disabled {
    color: #6c757d;
    cursor: default;
    pointer-events: none;
  }
  .nav-tabs {
    border-bottom: 1px solid #dee2e6;
  }
  .nav-tabs .nav-item {
    margin-bottom: -1px;
  }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
  }
  .nav-tabs .nav-link:focus,
  .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
  }
  .nav-tabs .nav-link.disabled {
    border-color: transparent;
    background-color: transparent;
    color: #6c757d;
  }
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 #fff;
    background-color: #fff;
    color: #495057;
  }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .nav-pills .nav-link {
    border-radius: 0.25rem;
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    background-color: #007bff;
    color: #fff;
  }
  .nav-fill .nav-item {
    text-align: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .nav-justified .nav-item {
    text-align: center;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }
  .alert {
    position: relative;
    margin-bottom: 1rem;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  .alert-heading {
    color: inherit;
  }
  .alert-link {
    font-weight: 700;
  }
  .alert-dismissible {
    padding-right: 4rem;
  }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
  }
  .alert-primary {
    border-color: #b8daff;
    background-color: #cce5ff;
    color: #004085;
  }
  .alert-primary hr {
    border-top-color: #9fcdff;
  }
  .alert-primary .alert-link {
    color: #002752;
  }
  .alert-secondary {
    border-color: #d6d8db;
    background-color: #e2e3e5;
    color: #383d41;
  }
  .alert-secondary hr {
    border-top-color: #c8cbcf;
  }
  .alert-secondary .alert-link {
    color: #202326;
  }
  .alert-success {
    border-color: #c3e6cb;
    background-color: #d4edda;
    color: #155724;
  }
  .alert-success hr {
    border-top-color: #b1dfbb;
  }
  .alert-success .alert-link {
    color: #0b2e13;
  }
  .alert-info {
    border-color: #bee5eb;
    background-color: #d1ecf1;
    color: #0c5460;
  }
  .alert-info hr {
    border-top-color: #abdde5;
  }
  .alert-info .alert-link {
    color: #062c33;
  }
  .alert-warning {
    border-color: #ffeeba;
    background-color: #fff3cd;
    color: #856404;
  }
  .alert-warning hr {
    border-top-color: #ffe8a1;
  }
  .alert-warning .alert-link {
    color: #533f03;
  }
  .alert-danger {
    border-color: #f5c6cb;
    background-color: #f8d7da;
    color: #721c24;
  }
  .alert-danger hr {
    border-top-color: #f1b0b7;
  }
  .alert-danger .alert-link {
    color: #491217;
  }
  .alert-light {
    border-color: #fdfdfe;
    background-color: #fefefe;
    color: #818182;
    font-size: 12px;
  }
  .alert-light hr {
    border-top-color: #ececf6;
  }
  .alert-light .alert-link {
    color: #686868;
  }
  .alert-dark {
    border-color: #c6c8ca;
    background-color: #d6d8d9;
    color: #1b1e21;
  }
  .alert-dark hr {
    border-top-color: #b9bbbe;
  }
  .alert-dark .alert-link {
    color: #040505;
  }
  .list-group {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    border-radius: 0.25rem;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background-color: #fff;
  }
  .close {
    float: right;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    opacity: 0.5;
  }
  .close:hover {
    color: #000;
    text-decoration: none;
  }
  .close:not(:disabled):not(.disabled):focus,
  .close:not(:disabled):not(.disabled):hover {
    opacity: 0.75;
  }
  button.close {
    padding: 0;
    border: 0;
    background-color: transparent;
  }
  a.close.disabled {
    pointer-events: none;
  }
  .modal-open {
    overflow: hidden;
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 0;
  }
  .modal-dialog {
    position: relative;
    margin: 0.5rem;
    width: auto;
    pointer-events: none;
  }
  .modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
  }
  @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }
  .modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
  }
  .modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  .modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
  }
  .modal-dialog-scrollable .modal-content {
    overflow: hidden;
    max-height: calc(100vh - 1rem);
  }
  .modal-dialog-scrollable .modal-footer,
  .modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
  }
  .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100% - 1rem);
    -ms-flex-align: center;
    align-items: center;
  }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
  }
  .modal-dialog-centered.modal-dialog-scrollable {
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
  }
  .modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
  }
  .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    background-color: #fff;
    background-clip: padding-box;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }
  .modal-backdrop.fade {
    opacity: 0;
  }
  .modal-backdrop.show {
    opacity: 0.5;
  }
  .modal-header {
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem 1rem;
  }
  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
  }
  .modal-body {
    position: relative;
    padding: 1rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .modal-footer {
    display: -ms-flexbox;
    display: flex;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .modal-footer > * {
    margin: 0.25rem;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    overflow: scroll;
    width: 50px;
    height: 50px;
  }
  @media (min-width: 576px) {
    .modal-dialog {
      margin: 1.75rem auto;
      max-width: 500px;
    }
    .modal-dialog-scrollable {
      max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
      min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem);
      height: -webkit-min-content;
      height: -moz-min-content;
      height: min-content;
    }
    .modal-sm {
      max-width: 300px;
    }
  }
  @media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
      max-width: 800px;
    }
  }
  @media (min-width: 1200px) {
    .modal-xl {
      max-width: 1140px;
    }
  }
  @-webkit-keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 0.25em solid currentColor;
    border-radius: 50%;
    vertical-align: text-bottom;
    border-right-color: transparent;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
  }
  .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
  }
  @-webkit-keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: currentColor;
    vertical-align: text-bottom;
    opacity: 0;
    -webkit-animation: spinner-grow 0.75s linear infinite;
    animation: spinner-grow 0.75s linear infinite;
  }
  .spinner-grow-sm {
    width: 1rem;
    height: 1rem;
  }
  .clearfix::after {
    clear: both;
    display: block;
    content: "";
  }
  .d-none {
    display: none !important;
  }
  .d-inline {
    display: inline !important;
  }
  .d-inline-block {
    display: inline-block !important;
  }
  .d-block {
    display: block !important;
  }
  .d-table {
    display: table !important;
  }
  .d-table-row {
    display: table-row !important;
  }
  .d-table-cell {
    display: table-cell !important;
  }
  .d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }
  .user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }
  .user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .position-static {
    position: static !important;
  }
  .position-relative {
    position: relative !important;
  }
  .position-absolute {
    position: absolute !important;
  }
  .position-fixed {
    position: fixed !important;
  }
  .position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  .fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
  }
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020;
    }
  }
  .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
    white-space: nowrap;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    white-space: normal;
  }
  .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  }
  .shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
  .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  }
  .shadow-none {
    box-shadow: none !important;
  }
  .w-25 {
    width: 25% !important;
  }
  .w-50 {
    width: 50% !important;
  }
  .w-75 {
    width: 75% !important;
  }
  .w-100 {
    width: 100% !important;
  }
  .w-auto {
    width: auto !important;
  }
  .h-25 {
    height: 25% !important;
  }
  .h-50 {
    height: 50% !important;
  }
  .h-75 {
    height: 75% !important;
  }
  .h-100 {
    height: 100% !important;
  }
  .h-auto {
    height: auto !important;
  }
  .mw-100 {
    max-width: 100% !important;
  }
  .mh-100 {
    max-height: 100% !important;
  }
  .min-vw-100 {
    min-width: 100vw !important;
  }
  .min-vh-100 {
    min-height: 100vh !important;
  }
  .vw-100 {
    width: 100vw !important;
  }
  .vh-100 {
    height: 100vh !important;
  }
  .m-0 {
    margin: 0 !important;
  }
  .mt-0,
  .my-0 {
    margin-top: 0 !important;
  }
  .mr-0,
  .mx-0 {
    margin-right: 0 !important;
  }
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important;
  }
  .ml-0,
  .mx-0 {
    margin-left: 0 !important;
  }
  .m-1 {
    margin: 0.25rem !important;
  }
  .mt-1,
  .my-1 {
    margin-top: 0.25rem !important;
  }
  .mr-1,
  .mx-1 {
    margin-right: 0.25rem !important;
  }
  .mb-1,
  .my-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-1,
  .mx-1 {
    margin-left: 0.25rem !important;
  }
  .m-2 {
    margin: 0.5rem !important;
  }
  .mt-2,
  .my-2 {
    margin-top: 0.5rem !important;
  }
  .mr-2,
  .mx-2 {
    margin-right: 0.5rem !important;
  }
  .mb-2,
  .my-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-2,
  .mx-2 {
    margin-left: 0.5rem !important;
  }
  .m-3 {
    margin: 1rem !important;
  }
  .mt-3,
  .my-3 {
    margin-top: 1rem !important;
  }
  .mr-3,
  .mx-3 {
    margin-right: 1rem !important;
  }
  .mb-3,
  .my-3 {
    margin-bottom: 1rem !important;
  }
  .ml-3,
  .mx-3 {
    margin-left: 1rem !important;
  }
  .m-4 {
    margin: 1.5rem !important;
  }
  .mt-4,
  .my-4 {
    margin-top: 1.5rem !important;
  }
  .mr-4,
  .mx-4 {
    margin-right: 1.5rem !important;
  }
  .mb-4,
  .my-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-4,
  .mx-4 {
    margin-left: 1.5rem !important;
  }
  .m-5 {
    margin: 3rem !important;
  }
  .mt-5,
  .my-5 {
    margin-top: 3rem !important;
  }
  .mr-5,
  .mx-5 {
    margin-right: 3rem !important;
  }
  .mb-5,
  .my-5 {
    margin-bottom: 3rem !important;
  }
  .ml-5,
  .mx-5 {
    margin-left: 3rem !important;
  }
  .p-0 {
    padding: 0 !important;
  }
  .pt-0,
  .py-0 {
    padding-top: 0 !important;
  }
  .pr-0,
  .px-0 {
    padding-right: 0 !important;
  }
  .pb-0,
  .py-0 {
    padding-bottom: 0 !important;
  }
  .pl-0,
  .px-0 {
    padding-left: 0 !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .pt-1,
  .py-1 {
    padding-top: 0.25rem !important;
  }
  .pr-1,
  .px-1 {
    padding-right: 0.25rem !important;
  }
  .pb-1,
  .py-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-1,
  .px-1 {
    padding-left: 0.25rem !important;
  }
  .p-2 {
    padding: 0.5rem !important;
  }
  .pt-2,
  .py-2 {
    padding-top: 0.5rem !important;
  }
  .pr-2,
  .px-2 {
    padding-right: 0.5rem !important;
  }
  .pb-2,
  .py-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-2,
  .px-2 {
    padding-left: 0.5rem !important;
  }
  .p-3 {
    padding: 1rem !important;
  }
  .pt-3,
  .py-3 {
    padding-top: 1rem !important;
  }
  .pr-3,
  .px-3 {
    padding-right: 1rem !important;
  }
  .pb-3,
  .py-3 {
    padding-bottom: 1rem !important;
  }
  .pl-3,
  .px-3 {
    padding-left: 1rem !important;
  }
  .p-4 {
    padding: 1.5rem !important;
  }
  .pt-4,
  .py-4 {
    padding-top: 1.5rem !important;
  }
  .pr-4,
  .px-4 {
    padding-right: 1.5rem !important;
  }
  .pb-4,
  .py-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-4,
  .px-4 {
    padding-left: 1.5rem !important;
  }
  .p-5 {
    padding: 3rem !important;
  }
  .pt-5,
  .py-5 {
    padding-top: 3rem !important;
  }
  .pr-5,
  .px-5 {
    padding-right: 3rem !important;
  }
  .pb-5,
  .py-5 {
    padding-bottom: 3rem !important;
  }
  .pl-5,
  .px-5 {
    padding-left: 3rem !important;
  }
  .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
    content: "";
    pointer-events: auto;
  }
  .text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }
  .text-justify {
    text-align: justify !important;
  }
  .text-wrap {
    white-space: normal !important;
  }
  .text-nowrap {
    white-space: nowrap !important;
  }
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-lowercase {
    text-transform: lowercase !important;
  }
  .text-uppercase {
    text-transform: uppercase !important;
  }
  .text-capitalize {
    text-transform: capitalize !important;
  }
  .visible {
    visibility: visible !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  @-webkit-keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 0.25em solid currentColor;
    border-radius: 50%;
    vertical-align: text-bottom;
    border-right-color: transparent;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
  }
  .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
  }
  @-webkit-keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: currentColor;
    vertical-align: text-bottom;
    opacity: 0;
    -webkit-animation: spinner-grow 0.75s linear infinite;
    animation: spinner-grow 0.75s linear infinite;
  }
  .spinner-grow-sm {
    width: 1rem;
    height: 1rem;
  } /*! Swiper v6.3.4 */
  @font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64,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")
      format("woff");
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #007aff;
  }
  .swiper-container {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
  }
  .swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
    transform: translate3d(0, 0, 0);
  }
  .swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
  }
  .swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  .swiper-container-3d {
    perspective: 1200px;
  }
  .swiper-container-3d .swiper-cube-shadow,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  :root {
    --swiper-navigation-size: 44px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }
  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
  }
  .swiper-button-prev:after,
  .swiper-container-rtl .swiper-button-next:after {
    content: "prev";
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
  }
  .swiper-button-next:after,
  .swiper-container-rtl .swiper-button-prev:after {
    content: "next";
  }
  .swiper-button-next.swiper-button-white,
  .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff;
  }
  .swiper-button-next.swiper-button-black,
  .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000;
  }
  .swiper-button-lock {
    display: none;
  }
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
  }
  button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }
  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
  }
  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
  }
  .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
  }
  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-container-horizontal > .swiper-pagination-progressbar,
  .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }
  .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-white {
    --swiper-pagination-color: #fff;
  }
  .swiper-pagination-black {
    --swiper-pagination-color: #000;
  }
  .swiper-pagination-lock {
    display: none;
  }
  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  }
  .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
  }
  .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
  }
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
  }
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  .swiper-scrollbar-lock {
    display: none;
  }
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom-container > canvas,
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .swiper-slide-zoomed {
    cursor: move;
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @keyframes swiper-preloader-spin {
    100% {
      transform: rotate(360deg);
    }
  }
  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-fade .swiper-slide-active,
  .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-cube {
    overflow: visible;
  }
  .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
  .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-next,
  .swiper-container-cube .swiper-slide-next + .swiper-slide,
  .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-container-cube .swiper-slide-shadow-bottom,
  .swiper-container-cube .swiper-slide-shadow-left,
  .swiper-container-cube .swiper-slide-shadow-right,
  .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
  }
  .swiper-container-flip {
    overflow: visible;
  }
  .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
  }
  .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-flip .swiper-slide-active,
  .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-flip .swiper-slide-shadow-bottom,
  .swiper-container-flip .swiper-slide-shadow-left,
  .swiper-container-flip .swiper-slide-shadow-right,
  .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-s-phone:before {
    content: "\e680";
  }
  .icon-s-address:before {
    content: "\e681";
  }
  .icon-s-contact:before {
    content: "\e683";
  }
  .icon-s-email:before {
    content: "\e684";
  }
  .icon-s-time:before {
    content: "\e67e";
  }
  .icon-media-vimeo:before {
    content: "\e88a";
  }
  .icon-media-okru:before {
    content: "\f201";
  }
  .icon-question:before {
    content: "\e677";
  }
  .icon-inquiry:before {
    content: "\e678";
  }
  .icon-eye:before {
    content: "\e612";
  }
  .icon-more-product:before {
    content: "\e676";
  }
  .icon-download:before {
    content: "\e712";
  }
  .icon-shoucang:before {
    content: "\e675";
  }
  .icon-xiaoyuAI:before {
    content: "\e672";
  }
  .icon-shoucang-empty:before {
    content: "\e673";
  }
  .icon-fuzhi:before {
    content: "\e674";
  }
  .icon-clear:before {
    content: "\e671";
  }
  .icon-ec-tagert:before {
    content: "\e670";
  }
  .icon-ec-walmart:before {
    content: "\e66e";
  }
  .icon-double-arrow:before {
    content: "\e611";
  }
  .icon-action-replicate:before {
    content: "\e66d";
  }
  .icon-phone:before {
    content: "\e66c";
  }
  .icon-faq:before {
    content: "\e60a";
  }
  .icon-support:before {
    content: "\e60b";
  }
  .icon-refresh:before {
    content: "\e66b";
  }
  .icon-jiantou-left:before {
    content: "\e66a";
  }
  .icon-send-inquiry:before {
    content: "\e632";
  }
  .icon-media-linkedin:before {
    content: "\e622";
  }
  .icon-media-facebook:before {
    content: "\e624";
  }
  .icon-telegram:before {
    content: "\e625";
  }
  .icon-media-youtube:before {
    content: "\e629";
  }
  .icon-media-reddit:before {
    content: "\e62a";
  }
  .icon-whatsapp:before {
    content: "\e637";
  }
  .icon-media-twitter:before {
    content: "\e662";
  }
  .icon-media-tumblr:before {
    content: "\e663";
  }
  .icon-skype:before {
    content: "\e664";
  }
  .icon-media-pinterest:before {
    content: "\e665";
  }
  .icon-viber:before {
    content: "\e666";
  }
  .icon-media-tiktok:before {
    content: "\e667";
  }
  .icon-vk:before {
    content: "\e668";
  }
  .icon-media-instagram:before {
    content: "\e669";
  }
  .icon-ai-generate:before {
    content: "\e661";
  }
  .icon-base-collection-empty:before {
    content: "\eb74";
  }
  .icon-yinliang:before {
    content: "\e660";
  }
  .icon-fenxiang1:before {
    content: "\e65b";
  }
  .icon-pinglun1:before {
    content: "\e65d";
  }
  .icon-jingyin:before {
    content: "\e65e";
  }
  .icon-gouwuche:before {
    content: "\e65f";
  }
  .icon-fenxiang:before {
    content: "\e65a";
  }
  .icon-xiazai:before {
    content: "\e659";
  }
  .icon-wenhao:before {
    content: "\e67f";
  }
  .icon-a-3D:before {
    content: "\e658";
  }
  .icon-youhui:before {
    content: "\e655";
  }
  .icon-a-youhuiquan1:before {
    content: "\e654";
  }
  .icon-manjian:before {
    content: "\e657";
  }
  .icon-pinglun:before {
    content: "\e6ad";
  }
  .icon-kefu-line:before {
    content: "\e653";
  }
  .icon-wenjian:before {
    content: "\e83c";
  }
  .icon-action-top:before {
    content: "\e652";
  }
  .icon-action-plus:before {
    content: "\e650";
  }
  .icon-action-minus:before {
    content: "\e651";
  }
  .icon-action-move-to-favorite:before {
    content: "\e64f";
  }
  .icon-base-eye-ban:before {
    content: "\e6d2";
  }
  .icon-action-close-2:before {
    content: "\e64e";
  }
  .icon-client-phone:before {
    content: "\e64b";
  }
  .icon-client-desktop:before {
    content: "\e64c";
  }
  .icon-client-pad:before {
    content: "\e64d";
  }
  .icon-2c-coupon:before {
    content: "\e64a";
  }
  .icon-base-hot-2:before {
    content: "\e648";
  }
  .icon-base-like-2:before {
    content: "\e649";
  }
  .icon-base-info-fill:before {
    content: "\eb73";
  }
  .icon-base-close-fill:before {
    content: "\e656";
  }
  .icon-action-upload:before {
    content: "\e645";
  }
  .icon-base-email:before {
    content: "\e644";
  }
  .icon-base-email-read:before {
    content: "\e823";
  }
  .icon-base-collect:before {
    content: "\e647";
  }
  .icon-base-collect-fill:before {
    content: "\e646";
  }
  .icon-base-user-2:before {
    content: "\e640";
  }
  .icon-base-code:before {
    content: "\e641";
  }
  .icon-base-look:before {
    content: "\e642";
  }
  .icon-base-key:before {
    content: "\e643";
  }
  .icon-ec-mercadolibre:before {
    content: "\e63f";
  }
  .icon-ec-11street:before {
    content: "\e631";
  }
  .icon-ec-ebay:before {
    content: "\e633";
  }
  .icon-ec-alibaba:before {
    content: "\e636";
  }
  .icon-ec-aliexpress:before {
    content: "\e638";
  }
  .icon-ec-lazada:before {
    content: "\e63a";
  }
  .icon-ec-shopee:before {
    content: "\e63b";
  }
  .icon-ec-gmarket:before {
    content: "\e63c";
  }
  .icon-ec-amazon:before {
    content: "\e63d";
  }
  .icon-ec-wish:before {
    content: "\e63e";
  }
  .icon-activity:before {
    content: "\e6de";
  }
  .icon-activity-fill:before {
    content: "\e6df";
  }
  .icon-service:before {
    content: "\e630";
  }
  .icon-fbmessenger:before {
    content: "\e621";
  }
  .icon-trademanager:before {
    content: "\e626";
  }
  .icon-wechat:before {
    content: "\e627";
  }
  .icon-search-shaixuan:before {
    content: "\e603";
  }
  .icon-form-validated:before {
    content: "\e6b3";
  }
  .icon-form-invalid:before {
    content: "\e61c";
  }
  .icon-yuzhong:before {
    content: "\e6d5";
  }
  .icon-base-collection:before {
    content: "\e61a";
  }
  .icon-base-like:before {
    content: "\e61f";
  }
  .icon-base-like-fill:before {
    content: "\e602";
  }
  .icon-base-order:before {
    content: "\e620";
  }
  .icon-base-customized:before {
    content: "\e61e";
  }
  .icon-base-dot:before {
    content: "\e61d";
  }
  .icon-base-cascades:before {
    content: "\e67c";
  }
  .icon-base-list:before {
    content: "\e682";
  }
  .icon-base-menu:before {
    content: "\e858";
  }
  .icon-base-flash-sale:before {
    content: "\e614";
  }
  .icon-base-hot:before {
    content: "\e615";
  }
  .icon-base-letter:before {
    content: "\e616";
  }
  .icon-base-gift:before {
    content: "\e617";
  }
  .icon-base-rebate:before {
    content: "\e618";
  }
  .icon-media-google:before {
    content: "\e635";
  }
  .icon-base-success-fill:before {
    content: "\e62c";
  }
  .icon-base-error-fill:before {
    content: "\e62e";
  }
  .icon-action-edit:before {
    content: "\e62b";
  }
  .icon-base-tel-2:before {
    content: "\e62d";
  }
  .icon-base-phone-lighter:before {
    content: "\e634";
  }
  .icon-action-delete-lighter:before {
    content: "\e639";
  }
  .icon-base-email-1:before {
    content: "\e628";
  }
  .icon-base-cart-lighter:before {
    content: "\e623";
  }
  .icon-page-inquire-success:before {
    content: "\e7c4";
  }
  .icon-page-updating:before {
    content: "\e856";
  }
  .icon-page-due:before {
    content: "\e70f";
  }
  .icon-action-bottom-arrow-bold:before {
    content: "\e6ac";
  }
  .icon-action-top-arrow-bold:before {
    content: "\e791";
  }
  .icon-base-user:before {
    content: "\e66f";
  }
  .icon-action-bottom-triangle-bold:before {
    content: "\e65c";
  }
  .icon-action-search-lighter:before {
    content: "\e61b";
  }
  .icon-base-eye:before {
    content: "\e62f";
  }
  .icon-base-phone-bold:before {
    content: "\e619";
  }
  .icon-base-email-fill:before {
    content: "\e608";
  }
  .icon-base-gps:before {
    content: "\e609";
  }
  .icon-media-facebook-fill:before {
    content: "\e60c";
  }
  .icon-media-google-fill:before {
    content: "\e60d";
  }
  .icon-action-play:before {
    content: "\e60e";
  }
  .icon-base-tel:before {
    content: "\e60f";
  }
  .icon-media-twitter-fill:before {
    content: "\e610";
  }
  .icon-submit:before {
    content: "\e613";
  }
  .icon-action-add:before {
    content: "\e607";
  }
  .icon-action-close:before {
    content: "\e857";
  }
  .icon-action-bottom-lighter:before {
    content: "\e859";
  }
  .icon-action-left-lighter:before {
    content: "\e600";
  }
  .icon-action-left-arrow-lighter:before {
    content: "\e601";
  }
  .icon-action-delete:before {
    content: "\e604";
  }
  .icon-action-setting:before {
    content: "\e605";
  }
  .icon-action-copy:before {
    content: "\e606";
  }
  .flags-sprite-loader {
    background-image: none !important;
  }
  .flag-icon {
    --sprite-bg-width: 466px;
    --sprite-bg-height: 414px;
    --flag-height: 30;
    --flag-width: 50;
    --flag-scale: calc(var(--flag-height) / 30);
    display: block;
    font-style: normal;
    aspect-ratio: 5 / 3;
    height: calc(1px * var(--flag-height));
    overflow: hidden;
  }
  .flag-icon:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-image: var(--lazy-src);
    background-size: calc(var(--sprite-bg-width) * var(--flag-scale)) calc(var(--sprite-bg-height) * var(--flag-scale));
  }
  .flag-icon-af:before {
    background-position: calc(0px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-am:before {
    background-position: calc(-52px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ar:before {
    background-position: calc(0px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-az:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-be:before {
    background-position: calc(0px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-bg:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-bn:before {
    background-position: calc(-104px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-bs:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ca:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ceb:before {
    background-position: calc(0px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-co:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-cs:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-cy:before {
    background-position: calc(-156px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-da:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-de:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-el:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-en:before {
    background-position: calc(0px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-eo:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-es:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-et:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-eu:before {
    background-position: calc(0px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-fa:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-fi:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-fr:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-fy:before {
    background-position: calc(-208px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ga:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-gd:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-gl:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-gu:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ha:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-haw:before {
    background-position: calc(0px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-hi:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-hmn:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-hr:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ht:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-hu:before {
    background-position: calc(0px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-hy:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-id:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ig:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-is:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-it:before {
    background-position: calc(-260px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-iw:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ja:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-jw:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ka:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-kk:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-km:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-kn:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ko:before {
    background-position: calc(0px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ku:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ky:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-la:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-lb:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-lo:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-lt:before {
    background-position: calc(-312px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-lv:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-mg:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-mi:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-mk:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ml:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-mn:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-mr:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ms:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-mt:before {
    background-position: calc(0px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-my:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ne:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-nl:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-no:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ny:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-or:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-pa:before {
    background-position: calc(0px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-pl:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ps:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-pt:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ro:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ru:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sd:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-si:before {
    background-position: calc(-364px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sk:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sl:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sm:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-96px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sn:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-128px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-so:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-160px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sq:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-192px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sr:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-224px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-st:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-256px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-su:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-288px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sv:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-320px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-sw:before {
    background-position: calc(0px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ta:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-te:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-tg:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-th:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-tl:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-tr:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ug:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-352px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-uk:before {
    background-position: calc(0px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-ur:before {
    background-position: calc(-52px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-uz:before {
    background-position: calc(-104px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-vi:before {
    background-position: calc(-156px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-xh:before {
    background-position: calc(-208px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-yi:before {
    background-position: calc(-260px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-yo:before {
    background-position: calc(-312px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-zh-CN:before {
    background-position: calc(-364px * var(--flag-scale)) calc(-384px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-zh-tw:before {
    background-position: calc(-416px * var(--flag-scale)) calc(0px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-zh:before {
    background-position: calc(-416px * var(--flag-scale)) calc(-32px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  .flag-icon-zu:before {
    background-position: calc(-416px * var(--flag-scale)) calc(-64px * var(--flag-scale));
    width: calc(50px * var(--flag-scale));
    height: calc(30px * var(--flag-scale));
  }
  @media (max-width: 767px) {
    html {
      font-size: 10px;
    }
  }
  @media (min-width: 768px) {
    html {
      font-size: 10px;
    }
  }
  @media (min-width: 1025px) {
    html {
      font-size: 12px;
    }
  }
  @media (min-width: 1201px) {
    html {
      font-size: 12px;
    }
  }
  @media (min-width: 1367px) {
    html {
      font-size: 12px;
    }
  }
  @media (min-width: 1441px) {
    html {
      font-size: 14px;
    }
  }
  @media (min-width: 1601px) {
    html {
      font-size: 16px;
    }
  }
  @media (min-width: 1921px) {
    html {
      font-size: 20px;
    }
  }
  @media (min-width: 2561px) {
    html {
      font-size: 24px;
    }
  }
  @media (min-width: 2881px) {
    html {
      font-size: 26px;
    }
  }
  @media (min-width: 3201px) {
    html {
      font-size: 32px;
    }
  }
  @media (min-width: 3841px) {
    html {
      font-size: 42px;
    }
  }
  @media (min-width: 5121px) {
    html {
      font-size: 42px;
    }
  }
  body {
    overscroll-behavior-y: none;
  }
  ul,
  ol {
    margin: 0;
    padding: 0;
  }
  li {
    list-style: none;
  }
  p {
    margin-bottom: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  img {
    max-width: 100%;
  }
  [package-unit-type="text"] .unit-text ul {
    padding-inline-start: 1.5em;
  }
  [package-unit-type="text"] .unit-text ol {
    padding-inline-start: 1em;
  }
  [package-unit-type="text"] .unit-text li {
    list-style: inherit;
  }
  :root {
    --modal-z-index: 999;
  }
  [package-item].hiddent-pop_up {
    display: none;
  }
  [page-type="all_pop_up"] [package-item].all-pop-up_module {
    display: block;
  }
  [page-type="all_pop_up"] [package-type="copyright"] [package-group="module"] [package-item="module"]:first-child {
    display: none;
  }
  [package-type="article-detail-html"] {
    --image-source: 8;
  }
  [package-type="detail-html-tabs"] {
    --image-source: 6;
  }
  .unit-page-page_description {
    max-width: 100%;
    overflow-x: auto;
  }
  .unit-page-page_description::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }
  .unit-page-page_description ul li,
  .unit-ai-article-detail__detail_html ul li,
  .unit-detail-description ul li,
  .unit-article-detail-html ul li,
  .unit-video-detail ul li,
  .unit-detail_item ul li,
  .unit-detail-html-tabs__content-html ul li {
    list-style: inherit;
    position: relative;
    left: 1.2em;
    max-width: calc(100% - 1.2em);
    display: list-item;
    overflow: unset;
  }
  .unit-page-page_description ol li,
  .unit-ai-article-detail__detail_html ol li,
  .unit-detail-description ol li,
  .unit-article-detail-html ol li,
  .unit-video-detail ol li,
  .unit-detail_item ol li,
  .unit-detail-html-tabs__content-html ol li {
    list-style: inherit;
    position: relative;
    left: 1em;
    max-width: calc(100% - 1em);
    display: list-item;
    overflow: unset;
  }
  .hide {
    display: none;
  }
  .ce-video_poster.hide {
    display: none !important;
  }
  .fade:not(.show) {
    opacity: 0;
  }
  .fade {
    transition: opacity 0.15s linear;
  }
  [contenteditable] {
    outline: 0;
  }
  [href="javascript:;"] {
    cursor: default;
  }
  a:hover {
    text-decoration: none;
  }
  a:not([href]):not([tabindex]) {
    color: inherit;
  }
  @media (max-width: 768px) {
    .h1,
    h1,
    .h2,
    h2,
    .h3,
    h3,
    .h4,
    h4,
    .h5,
    h5,
    .h6,
    h6,
    .title {
      font-size: 18px;
    }
    body,
    .description,
    .btn {
      font-size: 14px;
    }
    .pb-4 {
      padding-bottom: 2vw !important;
    }
    .pt-4 {
      padding-top: 2vw !important;
    }
    .pr-4 {
      padding-right: 2vw !important;
    }
  }
  @media (max-width: 480px) {
    .h1,
    h1,
    .h2,
    h2,
    .h3,
    h3,
    .h4,
    h4,
    .h5,
    h5,
    .h6,
    h6,
    .title {
      font-size: 16px;
    }
  }
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f5f7fa;
  }
  ::-webkit-scrollbar-track {
    background-color: #f5f7fa;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #ccc;
  }
  ::-webkit-scrollbar-button {
    height: 0;
    background-color: #999;
  }
  .unit-detail-related__list-title {
    text-transform: capitalize;
  }
  @media (max-width: 767px) {
    [hide-phone],
    [display-style="5"],
    [display-style="6"],
    [display-style="7"] {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    [hide-pad],
    [display-style="3"],
    [display-style="4"],
    [display-style="7"] {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    [hide-pc],
    [display-style="2"],
    [display-style="4"],
    [display-style="6"] {
      display: none !important;
    }
  }
  [package-item="block"] {
    z-index: 100;
  }
  [position="1"] {
    position: relative;
  }
  [position="2"] {
    position: -webkit-sticky;
    position: sticky;
  }
  [position="3"].header-fixed {
    position: fixed;
  }
  [position="3"] {
    position: relative;
  }
  [page-type="index"] [position-index="3"].header-fixed {
    position: fixed;
  }
  @media (max-width: 768px) {
    [position="2"].header-position,
    [position="3"].header-position,
    [position-index="3"].header-position {
      position: -webkit-sticky;
      position: sticky;
    }
  }
  @media (min-width: 1200px) {
    [page-type="index"] [position-index="1"] {
      position: relative;
    }
    [page-type="index"] [position-index="2"] {
      position: -webkit-sticky;
      position: sticky;
    }
  }
  .container-fluid {
    max-width: 100% !important;
  }
  .follow-font-family[text-style] {
    font-size: inherit;
    font-style: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
    text-transform: inherit;
  }
  .follow-font-family_size[text-style] {
    font-style: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
    text-transform: inherit;
  }
  [_html] a:hover,
  :not([_html]) a {
    color: inherit;
  }
  [_html] {
    overflow-wrap: break-word;
    text-decoration: inherit;
  }
  h1.nostyle,
  h2.nostyle,
  h3.nostyle,
  h4.nostyle,
  h5.nostyle,
  h6.nostyle {
    font-size: inherit;
    margin: 0;
    padding: 0;
    line-height: inherit;
    display: inline-block;
    font-weight: normal;
  }
  [text-style] h1 {
    font-weight: inherit;
  }
  :root {
    --rgb-color: 0, 123, 255;
    --main-color: rgb(var(--rgb-color));
    --swiper-theme-color: var(--main-color);
    --SAIB: constant(safe-area-inset-bottom);
    --SAIB: env(safe-area-inset-bottom);
    --SAIT: constant(safe-area-inset-top);
    --SAIT: env(safe-area-inset-top);
    --container-width: 100vw;
    --sub-color1: var(--main-color);
    --sub-color2: var(--main-color);
    --sub-color3: var(--main-color);
    --play-bg-color: rgba(0, 0, 0, 0.5);
    --play-icon-color: rgba(255, 255, 255, 1);
    --play-hover-bg-color: rgba(0, 0, 0, 0.8);
    --play-hover-icon-color: rgba(255, 255, 255, 1);
    --swiper-navigation-bg-color: rgba(0, 0, 0, 0.3);
    --swiper-navigation-icon-color: rgba(255, 255, 255, 1);
    --swiper-navigation-hover-bg-color: rgba(0, 0, 0, 0.8);
    --swiper-navigation-hover-icon-color: rgba(255, 255, 255, 1);
  }
  a {
    color: var(--main-color);
  }
  .btn-main,
  .btn-main:hover,
  .btn-main.disabled,
  .btn-main:disabled,
  .btn-main:not(:disabled):not(.disabled).active,
  .btn-main:not(:disabled):not(.disabled):active,
  .show > .btn-main.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
  }
  .btn-main.focus,
  .btn-main:focus,
  .btn-main:not(:disabled):not(.disabled).active:focus,
  .btn-main:not(:disabled):not(.disabled):active:focus,
  .show > .btn-main.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--rgb-color), 0.5);
  }
  .btn[disabled] {
    pointer-events: none;
  }
  .bg-danger {
    background-color: red;
  }
  [package-group] {
    position: sticky;
    top: 0;
  }
  [package-group="block"] {
    position: relative !important;
  }
  [lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded) {
    font-size: 0;
    padding: var(--loading-size);
  }
  [lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded),
  .loading {
    position: relative;
    --loading-size: 15px;
  }
  [lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,
  [lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,
  .loading::after,
  .loading::before {
    content: "";
    position: absolute;
    top: calc(50% - var(--size));
    left: calc(50% - var(--size));
    display: inline-block;
    width: calc(var(--size) * 2);
    height: calc(var(--size) * 2);
    --size: var(--loading-size);
  }
  [lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,
  .loading::after {
    border: 3px solid var(--main-color);
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
  }
  [lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,
  .loading::before {
    background-color: #fff;
    --size: calc(var(--loading-size) + 5px);
  }
  .absolute-shade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1;
  }
  [lazy-type="background"] {
    --linear: linear-gradient(transparent, transparent);
  }
  [gradient] {
    background-image: var(--linear);
  }
  [lazy-type="background"] {
    --lazy-src: none;
    --lazy-md: none;
    --lazy-xl: none;
  }
  [data-lazy="1"][lazy-type="background"] {
    background-image: var(--lazy-src), var(--linear);
  }
  @media (min-width: 768px) {
    [data-lazy="1"][lazy-type="background"][lazy-md] {
      background-image: var(--lazy-md), var(--linear);
    }
  }
  @media (min-width: 1200px) {
    [data-lazy="1"][lazy-type="background"][lazy-xl] {
      background-image: var(--lazy-xl), var(--linear);
    }
  }
  [data-animate="0"] {
    visibility: hidden;
    opacity: 0;
    transition: 1s;
  }
  [data-animate="1"] {
    visibility: visible;
    animation-duration: 1.5s;
    animation-fill-mode: none;
  }
  #message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none;
  }
  #modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: var(--modal-z-index);
  }
  svg {
    fill: currentColor;
  }
  [v-cloak] {
    visibility: hidden;
  }
  [package-block-type="breadcrumb"] [package-group="module"] {
    z-index: 1;
  }
  [package-block-type="breadcrumb"]:not(:has(.design-box)) [package-item="module"]:has(.breadcrumb-background-video__wrapper) {
    background-image: var(--linear);
  }
  @media (min-width: 768px) {
    #app[page-type="landing_page"] [package-block-type="breadcrumb"] {
      position: sticky;
      top: 0;
    }
  }
  @media (min-width: 1200px) {
    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"],
    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"] [package-item="module"] {
      background-color: transparent;
    }
    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed,
    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed [package-item="module"] {
      background-color: var(--header-bg) !important;
    }
    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"],
    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"] [package-item="module"] {
      background-color: transparent;
    }
    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-fixed,
    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-fixed [package-item="module"] {
      background-color: var(--header-bg) !important;
    }
    [package-block-type="header"] * {
      transition: background-color 0.6s;
    }
    #app[page-type="index"] div[package-type="header"][float-top="1"] {
      position: fixed !important;
    }
    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position,
    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position [package-item="module"] {
      background-color: rgba(255, 255, 255, 0) !important;
    }
    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"] {
      position: fixed !important;
    }
    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"] {
      position: fixed !important;
    }
    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-position,
    #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-position [package-item="module"] {
      background-color: rgba(255, 255, 255, 0) !important;
    }
    [page-type="index"] [position-index="3"].header-fixed:not(:hover),
    #app:not([page-type="index"]) [customer-inside="0"][position="3"].header-fixed:not(:hover) {
      --header-bg: var(--header-bg-fixed) !important;
      color: var(--font-fixed) !important;
      box-shadow: none !important;
      border: none !important;
    }
    #app:not([page-type="index"]) [customer-inside="1"][position="3"].header-fixed:not(:hover) {
      --header-bg: var(--header-bg-fixed-inside) !important;
      color: var(--font-fixed-inside) !important;
      box-shadow: none !important;
      border: none !important;
    }
    [page-type="index"] [position-index="3"].header-fixed [package-item="module"],
    #app:not([page-type="index"]) [customer-inside="0"][position="3"].header-fixed [package-item="module"] {
      --header-bg: var(--header-bg-fixed) !important;
      color: var(--font-fixed) !important;
    }
    #app:not([page-type="index"]) [customer-inside="1"][position="3"].header-fixed [package-item="module"] {
      --header-bg: var(--header-bg-fixed-inside) !important;
      color: var(--font-fixed-inside) !important;
    }
    #app:not([page-type="login"]):not([page-type="register"]) [package-block-type="header"].header-hide {
      top: -100%;
    }
  }
  [package-type="header"].header-hover-index {
    z-index: 1000 !important;
  }
  [package-block-type="header"] {
    top: 0;
    width: 100%;
    transition: 0.3s;
    background-color: var(--header-bg);
    --header-bg: inherit;
    --header-bg-fixed: var(--header-bg);
    --font-fixed: inherit;
    --font-active: var(--main-color);
  }
  #app:not([page-type="index"]) [customer-inside="1"] {
    --header-bg: var(--header-bg-inside) !important;
    color: var(--color-inside) !important;
  }
  [package-block-type="header"] [package-item="module"] {
    background-color: var(--header-bg);
  }
  [package-block-type="header"] [package-group] {
    position: initial;
  }
  [package-block-type="footer"] a:not(.custom-color):hover,
  [package-block-type="footer"] a:not(.custom-color):hover span {
    color: var(--main-color);
  }
  [button-style] .btn {
    transition-duration: 300ms;
  }
  #app.is-login [login-show],
  #app.not-login [login-hide] {
    display: block;
  }
  [login-show],
  [login-hide],
  #app.is-login [login-hide],
  #app.not-login [login-show],
  #app.not-open-user [login-hide],
  #app.not-open-user [login-show] {
    display: none;
  }
  .base-button .iconfont {
    font-size: inherit;
  }
  .unit-pagination a {
    color: inherit;
  }
  .base-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit;
    width: auto;
  }
  .base-pagination__items {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: center;
  }
  .base-pagination__item {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    z-index: 1;
  }
  .base-pagination__item:not(.disabled) {
    cursor: pointer;
  }
  .base-pagination__item:not(:last-child) {
    margin-right: 10px;
  }
  .base-pagination__link {
    text-align: center;
    background-color: #f4f4f5;
    color: #303133;
    border: 0;
    padding: 0;
    border-radius: 2px;
    position: relative;
    margin: 0;
    display: block;
  }
  .base-pagination__item.active {
    background: var(--main-color);
    color: #fff;
  }
  .base-pagination__item.active .base-pagination__link {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    font-weight: bold;
  }
  .base-pagination__item.disabled .base-pagination__link {
    opacity: 0.5;
    color: inherit;
    cursor: unset;
  }
  .base-pagination__item .base-pagination__link {
    width: 30px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #f4f4f5;
    border: 0;
    padding: 0;
    border-radius: 2px;
    position: relative;
    margin: 0;
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: inherit;
  }
  .base-pagination__item.base-pagination__item-more .base-pagination__link {
    line-height: 22px;
  }
  .base-pagination__item a:hover {
    opacity: 0.7;
  }
  .base-pagination__item--next span,
  .base-pagination__item--last span {
    transform: rotate(180deg);
    display: block;
  }
  .base-pagination__item--first span::after,
  .base-pagination__item--last span::after {
    content: "\e600";
    transform: translateX(-10px);
    display: inline-block;
  }
  .base-pagination__item--first span::after {
    top: 0;
  }
  @media (max-width: 576px) {
    .base-pagination__item-first,
    .base-pagination__item-last,
    .base-pagination__item-more {
      display: none;
    }
  }
  @media (max-width: 576px) {
    .discount-timer {
      width: 100%;
    }
  }
  @media (min-width: 576px) {
    .base-pagination__item-third {
      display: none;
    }
  }
  .img-box img {
    transition: 0.5s;
  }
  .img-box .hover {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-100%);
  }
  .img-box .img-item {
    position: relative;
  }
  .img-box .img-item.has-hover:hover .default {
    visibility: hidden;
    opacity: 0;
  }
  .img-box .img-item.has-hover:hover .hover {
    visibility: visible;
    opacity: 1;
  }
  .base-image--scale {
    position: relative;
    height: 0;
    width: 100%;
    --img-pt: 100%;
    padding-top: var(--img-pt);
  }
  .base-image--scale .base-image__item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
  }
  @media (max-width: 767px) {
    .base-video--scale.play {
      position: relative;
      height: 0;
      width: 100%;
      --img-pt: 100%;
      padding-top: var(--img-pt);
    }
    .base-video--scale.play .base-video__preview {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
    }
    .base-video--scale.play .base-video__preview video {
      width: 100%;
      height: 100% !important;
      background-color: #000;
    }
    .base-video--aspect-ratio.play .base-video__preview,
    .base-video--aspect-ratio .base-video__preview video {
      width: 100%;
      aspect-ratio: var(--img-ratio);
      margin: 0 auto;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .base-video--scale-md.play {
      position: relative;
      height: 0;
      width: 100%;
      --img-pt-md: 100%;
      padding-top: var(--img-pt-md);
    }
    .base-video--scale-md.play .base-video__preview {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
    }
    .base-video--scale-md.play .base-video__preview video {
      width: 100%;
      height: 100% !important;
      background-color: #000;
    }
    .base-video--aspect-ratio-md.play .base-video__preview,
    .base-video--aspect-ratio-md .base-video__preview video {
      width: 100%;
      aspect-ratio: var(--img-ratio-md);
      margin: 0 auto;
    }
  }
  @media (min-width: 1200px) {
    .base-video--scale-xl.play {
      position: relative;
      height: 0;
      width: 100%;
      --img-pt-xl: 100%;
      padding-top: var(--img-pt-xl);
    }
    .base-video--scale-xl.play .base-video__preview {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
    }
    .base-video--scale-xl.play .base-video__preview video {
      width: 100%;
      height: 100% !important;
      background-color: #000;
    }
    .base-video--aspect-ratio-xl.play .base-video__preview,
    .base-video--aspect-ratio-xl .base-video__preview video {
      width: auto;
      aspect-ratio: var(--img-ratio-xl);
      margin: 0 auto;
    }
  }
  .base-image--effect-1 .base-image__img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .base-image--effect-2 .base-image__img {
    width: 100%;
    height: 100%;
  }
  .base-image--effect-3 .base-image__img {
    width: var(--img-size);
  }
  .base-image--effect-4 .base-image__img {
    height: var(--img-size);
  }
  picture.base-image__img {
    display: block;
  }
  picture.base-image__img img.base-image__img {
    width: auto !important;
  }
  @media (orientation: portrait) {
    .img-box.has-portrait .img,
    .img-box.has-portrait .img-hover {
      display: none;
    }
  }
  @media (orientation: landscape) {
    .img-box .img-portrait,
    .img-box .img-portrait-hover {
      display: none;
    }
  }
  .base-no-data {
    padding: 3vw 0;
  }
  .base-no-data__inner {
    position: relative;
  }
  .base-no-data__image img {
    max-height: 360px;
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .base-no-data__text {
    color: #b0bfc5;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .base-video__preview {
    position: relative;
  }
  .base-video__thumb {
    width: 100%;
    height: 100%;
  }
  .base-video__preview.play .base-video__play,
  .base-video__preview.play .base-video__thumb,
  .base-video__preview.play .base-video__info {
    display: none;
  }
  .base-video__preview.play .unit-list-hover__image .base-video__thumb {
    display: block;
  }
  .base-video__preview iframe {
    width: 100%;
    height: 100%;
  }
  .base-video__preview .base-video__wrap {
    height: 100%;
    width: 100%;
  }
  .base-video__preview .base-video__wrap:hover .base-video__wrap--close {
    opacity: 1;
  }
  .base-video__preview .base-video__wrap .base-video__wrap--close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    cursor: pointer;
    font-size: 25px;
    line-height: 1;
    color: #ffff;
    transition: 0.3s;
    text-align: center;
    z-index: 99;
    opacity: 0;
  }
  .base-video__preview .base-video__wrap .base-video__wrap--close:hover {
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
  }
  .base-video__preview .base-video__wrap .base-video__wrap--replay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 98;
    display: none;
    color: #fff;
  }
  .base-video__preview .base-video__wrap .base-video__wrap--replay .replay-icon {
    width: 65px;
    height: 65px;
    cursor: pointer;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
  }
  .base-video__preview .base-video__wrap .base-video__wrap--replay .replay-icon:hover {
    background: rgba(0, 0, 0, 0.7);
  }
  .unit-video-popup__content .base-video__wrap .base-video__wrap--replay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: none;
    color: #fff;
  }
  .unit-video-popup__content .base-video__wrap .base-video__wrap--replay .replay-icon {
    width: 65px;
    height: 65px;
    cursor: pointer;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
  }
  .unit-video-popup__content .base-video__wrap .base-video__wrap--replay .replay-icon:hover {
    background: rgba(0, 0, 0, 0.7);
  }
  .base-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: var(--play-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
  }
  .base-video__play i {
    font-size: 30px;
    color: var(--play-icon-color);
    text-shadow: 0 0 40px #000;
    transition: 0.3s;
    font-style: normal;
  }
  .base-video__play:hover {
    transform: scale(1.2) translate(-40%, -40%);
    background: var(--play-hover-bg-color);
  }
  .base-video__play:hover i {
    color: var(--play-hover-icon-color);
  }
  @media (min-width: 768px) {
    .base-video__play i {
      margin-left: 2px;
    }
  }
  @media (max-width: 768px) {
    .base-video__play {
      width: 40px;
      height: 40px;
    }
    .base-video__play i {
      margin-left: 1px;
      font-size: 15px;
    }
  }
  .xg-video .base-video__thumb {
    position: relative;
  }
  .xg-video .base-video__info {
    position: absolute;
    right: 6px;
    bottom: 6px;
    padding: 1px 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 12px;
  }
  .xg-video.play .base-video__info {
    display: none;
  }
  .xg-video.base-video--scale-xl.play .base-video__preview video {
    background: 0;
  }
  .xg-video .xgplayer {
    background: #fff;
    z-index: 1;
  }
  .xg-video .mac-os.xgplayer {
    font-weight: 600;
  }
  .xg-video .xgplayer .xgplayer-poster {
    background-size: cover;
  }
  .xg-video .xgplayer-dynamic-bg {
    overflow: hidden;
    z-index: 0;
  }
  .xg-video .xgplayer-dynamic-bg xgmask {
    background: 0;
    background-size: cover;
    background-position: center;
    filter: blur(20px) brightness(0.8);
    transition: opacity 0.3s;
    transform: scale(1.1);
  }
  @media (max-width: 767px) {
    .xg-video[hide-dynamic-bg] .xgplayer-dynamic-bg {
      opacity: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .xg-video[hide-dynamic-bg-md] .xgplayer-dynamic-bg {
      opacity: 0;
    }
  }
  @media (min-width: 1200px) {
    .xg-video[hide-dynamic-bg-xl] .xgplayer-dynamic-bg {
      opacity: 0;
    }
  }
  .xg-video .xgplayer .xgplayer-replay .xgplayer-replay-svg {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .xg-video .xgplayer .xgplayer-replay .xgplayer-replay-txt {
    display: none;
  }
  .xg-video .xgplayer .xgplayer-progress-played,
  .xg-video .xgplayer .xgplayer-drag {
    background: var(--main-color);
  }
  .xg-video .xgplayer .xgplayer-progress-btn {
    background: 0;
    box-shadow: unset;
  }
  .xg-video .xgplayer .xgplayer-progress-btn.active {
    border: 0;
  }
  .xg-video .xgplayer.xgplayer-pc .xgplayer-progress-btn {
    transform: translate(-50%, -50%) scale(1);
  }
  .xg-video .xgplayer .xgplayer-progress-btn.active,
  .xg-video .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn {
    transform: translate(-50%, -50%) scale(1.3);
  }
  .xg-video .xgplayer .xgplayer-progress-btn:before {
    background: rgba(var(--rgb-color), 1);
  }
  .xg-video .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before {
    background: #fff;
  }
  .xg-video .xgplayer .xgplayer-progress-btn.active:before {
    box-shadow: unset;
  }
  .xg-video .xgplayer .xgplayer-progress-point {
    padding: 1px 4px;
    font-size: 14px;
    opacity: 1;
  }
  .xg-video .xgplayer .xg-options-list {
    color: #fff;
  }
  .xg-video .xgplayer .xg-options-list,
  .xg-video .xgplayer .xgplayer-slider {
    border-radius: 8px;
  }
  .xg-video .xgplayer .xg-options-list li {
    height: auto;
    line-height: 1em;
    padding: 8px 0;
  }
  .xg-video .xgplayer .xg-options-list li:hover,
  .xg-video .xgplayer .xg-options-list li.selected {
    color: var(--main-color);
  }
  .xg-video .xgplayer .xgplayer-controls {
    background-image: none;
  }
  .xg-video .xgplayer .xgplayer-controls::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 300%;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9));
    pointer-events: none;
    z-index: -1;
  }
  @media (min-width: 768px) {
    .xg-video .xgplayer .xgplayer-controls::after {
      border-radius: 0 0 12px 12px;
    }
  }
  .xg-video .xgplayer-controls .xg-inner-controls {
    height: 44px;
  }
  .xg-video .xgplayer-controls xg-icon {
    height: 42px;
    color: #fff;
  }
  .xg-video .xgplayer .btn-text {
    height: 100%;
    font-size: 14px;
  }
  .xg-video .xgplayer .btn-text span {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1em;
    border-radius: 14px;
    background: transparent;
    min-width: unset;
  }
  .xg-video .xgplayer-controls .xgplayer-time {
    min-width: unset;
    font-family: inherit;
  }
  .xg-video .xgplayer-controls .xgplayer-time span {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1em;
  }
  .xg-video .xgplayer-controls .xgplayer-time .time-separator,
  .xg-video .xgplayer-controls .xgplayer-time .time-duration {
    display: none;
  }
  .xg-video .xgplayer-fullscreen .xgplayer-icon {
    height: 100%;
  }
  .xg-video .xgplayer-fullscreen svg {
    width: 26px;
    transform: translateY(1px);
  }
  .xg-video .xgplayer-controls .xg-center-grid {
    padding: 0;
    top: -8px;
  }
  .xg-video .xgplayer .xgplayer-controls.bottom-controls {
    background-image: none;
    box-shadow: unset;
  }
  .xg-video .xgplayer .xgplayer-controls.bottom-controls::after {
    display: none;
  }
  .xg-video .xgplayer-controls.bottom-controls .xg-inner-controls {
    left: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 6px;
    height: 34px;
  }
  .xg-video .xgplayer-controls.bottom-controls xg-icon {
    height: 34px;
    line-height: 34px;
  }
  .xg-video .xgplayer-controls.bottom-controls .xgplayer-time span {
    font-size: 12px;
    line-height: 34px;
    height: 34px;
  }
  .xg-video .xgplayer-controls.bottom-controls .xg-center-grid {
    padding: 0;
    top: unset;
    bottom: 0;
    z-index: 1;
  }
  .xg-video .xgplayer-controls.bottom-controls .xgplayer-progress {
    height: 8px;
  }
  .xg-video .xgplayer-controls.bottom-controls .xgplayer-progress-bottom .xgplayer-progress-outer {
    top: 3px;
  }
  .xg-video .xgplayer-controls.bottom-controls .xg-left-grid,
  .xg-video .xgplayer-controls.bottom-controls .xg-right-grid {
    bottom: 0;
  }
  .xg-video .xgplayer-controls.bottom-controls .xgplayer-volume {
    height: 34px;
  }
  .xg-video .xgplayer-controls.bottom-controls .xgplayer-volume .xgplayer-slider {
    display: none !important;
  }
  .xg-video .xgplayer-controls.bottom-controls .xgplayer-volume .xgplayer-icon > svg {
    width: 24px;
  }
  .xg-video .xgplayer-definition,
  .xg-video .xgplayer-playbackrate {
    margin-right: 20px;
  }
  .xg-video[controls="false"] .xgplayer .xgplayer-controls {
    display: none !important;
  }
  .xg-video.play .video-container {
    filter: brightness(var(--brightness));
  }
  @media (max-width: 1199px) {
    .xg-video .xgplayer-controls .xg-center-grid {
      padding: 0;
      top: -6px;
    }
    .xg-video {
      --mobile-controls-height: 36px;
    }
    .xg-video .xgplayer .xgplayer-replay .xgplayer-replay-svg {
      width: 40px;
      height: 40px;
    }
    .xg-video .xgplayer .xgplayer-controls {
      height: calc(var(--mobile-controls-height) + 4px);
    }
    .xg-video .xgplayer-controls .xg-inner-controls {
      height: var(--mobile-controls-height);
    }
    .xg-video .xgplayer-controls xg-icon {
      height: var(--mobile-controls-height);
    }
    .xg-video .xgplayer-controls svg {
      width: 20px;
    }
    .xg-video .xgplayer .btn-text {
      font-size: 12px;
    }
    .xg-video .xgplayer-fullscreen svg {
      transform: translateY(0);
    }
  }
  .opacity0 {
    opacity: 0 !important;
  }
  .base-select-box {
    position: relative;
  }
  .base-select-arrow {
    display: block;
    top: 14%;
    right: 0;
    position: absolute;
    width: 30px;
    text-align: center;
    font-size: 16px;
  }
  .base-select-box.active .base-select-arrow {
    transform: rotate(180deg);
  }
  .base-select-input {
    width: 100%;
    box-shadow: none;
    outline: 0;
  }
  .was-validated :invalid ~ .base-select-input {
    border-color: #dc3545 !important;
  }
  .base-select-drop {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 200px;
    z-index: 999;
    overflow-y: auto;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .base-select-drop.hide {
    height: 0;
    overflow-y: hidden;
  }
  .base-select-drop li {
    padding: 5px 10px;
    text-align: left;
    font-size: 14px;
    transition: all 0.3s;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .base-select-drop li:hover {
    background: var(--main-color);
    color: #fff;
  }
  .base-select-box .invalid-feedback {
    padding-left: 0 !important;
  }
  .select-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
    display: none;
  }
  .select-mask.show {
    display: block;
  }
  .base-div-input {
    height: 35px !important;
    max-height: 35px !important;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  form {
    --x: 15px;
    --y: 12px;
    flex-grow: 1;
  }
  form select {
    -webkit-appearance: none;
  }
  form label {
    display: flex;
    font-weight: bold;
    position: relative;
  }
  form label.full {
    align-items: flex-start !important;
  }
  form label.submit .unit-form__label {
    padding: 0;
  }
  form .item {
    padding: 8px;
    margin: 0;
  }
  form .form-control {
    padding: var(--y) var(--x);
    height: auto;
    font-weight: normal;
    font-size: inherit;
  }
  form .unit-form__label {
    padding-bottom: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    font-weight: normal;
    opacity: 0.8;
    color: inherit;
  }
  form [required] ~ .unit-form__label:before,
  form [required] ~ .unit-form__control--txt::before {
    content: "*";
    padding-right: 5px;
    color: red;
    display: inline-block;
  }
  form .form-control.is-invalid + .unit-form__control--file,
  form.was-validated .form-control:invalid + .unit-form__control--file {
    border-color: #dc3545;
  }
  form.was-validated .form-control:invalid + .unit-form__control--file[validated] {
    border-color: #28a745;
  }
  form.was-validated .form-control:invalid + .unit-form__control--file:before {
    font-family: "iconfont" !important;
    position: absolute;
    right: 0.75rem;
    top: var(--y);
    color: inherit;
    font-size: 15px;
    color: #dc3545;
  }
  form.was-validated .file .form-control:invalid[required] + .unit-form__control--file:before {
    content: "\e61c";
  }
  form.was-validated .file .form-control:invalid + .unit-form__control--file[validated]:before {
    color: #28a745 !important;
    content: "\e6b3" !important;
  }
  form .checkbox-group {
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  form .checkbox-inline {
    padding: var(--y) 20px var(--y);
    margin-left: 0;
  }
  form.title-top label {
    flex-direction: column-reverse;
  }
  form.title-left label {
    flex-direction: row-reverse;
    align-items: center;
  }
  form.title-left .unit-form__label {
    text-align: right;
    padding: var(--y) 15px var(--y) 0;
  }
  form label {
    flex-flow: column;
  }
  form .form-control::-webkit-input-placeholder {
    color: transparent !important;
  }
  form .form-control:-ms-input-placeholder {
    color: transparent !important;
  }
  form .form-control::-ms-input-placeholder {
    color: transparent !important;
  }
  form .form-control::-moz-placeholder {
    color: transparent !important;
  }
  form .form-control::placeholder {
    color: transparent !important;
  }
  form .has-placeholder .placeholder {
    color: #999;
    margin-left: 1em;
    cursor: text;
  }
  form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label .placeholder {
    display: none;
  }
  form .unit-form__label {
    position: absolute;
    top: 0;
    left: 0;
    padding: var(--y) var(--x);
    transition: 0.1s ease-in-out;
  }
  form .checkbox-group {
    padding-top: calc(var(--y) + var(--y) * (2 / 3) - 1px) !important;
    padding-bottom: calc(var(--y) / 3 - 2px) !important;
  }
  form .form-control:not(.unit-form__checkbox-list):not(.unit-form__control--file):not(:placeholder-shown) {
    padding-top: calc(var(--y) + var(--y) * (2 / 3));
    padding-bottom: calc(var(--y) / 3);
  }
  form .checkbox-group ~ .unit-form__label,
  form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
    padding-top: calc(var(--y) / 3);
    padding-bottom: calc(var(--y) / 3);
    opacity: 0.77;
  }
  [label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) {
    padding: var(--y) var(--x);
  }
  [label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
    display: none !important;
  }
  form .checkbox-inline {
    padding: 0 10px 0 20px;
  }
  form.border-bottom .form-control {
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    box-shadow: none;
  }
  form label.submit {
    justify-content: flex-end;
    flex-direction: row-reverse !important;
  }
  form.submit-center label.submit {
    justify-content: center;
  }
  form.submit-center label.submit .unit-form__label {
    display: none;
  }
  form.submit-right label.submit {
    justify-content: flex-start;
  }
  form .help-block {
    position: relative;
    padding: 0 var(--x);
  }
  form .checkbox-inline .form-control-feedback {
    right: -30px;
    top: 3px;
  }
  form .jy_verificationcode label,
  form .upload_attachments label {
    align-items: initial !important;
  }
  form .jy_verificationcode .unit-form__label {
    display: none;
  }
  form .jy_verificationcode label .jy_yzm,
  form .upload_attachments .upload_attach_con {
    flex-grow: 1;
    width: 100%;
  }
  form .upload_attachments .unit-form__label {
    position: relative;
    padding: 0 0 8px;
    font-size: 14px !important;
    opacity: 1 !important;
  }
  form .upload_attachments label {
    flex-direction: column-reverse;
  }
  form .upload_attachments .form-control {
    border-bottom: 0;
    padding: 0 !important;
  }
  form .upload_attach_gray {
    font-size: 12px;
    opacity: 0.5;
    padding-top: 8px;
  }
  form .upload_box {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #000;
  }
  form .add_file_a {
    border: 1px dashed;
    border-color: inherit;
  }
  form .form-control.is-invalid,
  form.was-validated .form-control:invalid {
    border-color: #dc3545 !important;
  }
  form .form-control.is-valid,
  form.was-validated .form-control:valid {
    border-color: #28a745 !important;
  }
  form .form-control:focus:-moz-placeholder {
    color: transparent !important;
    opacity: 0;
  }
  form .form-control:focus::-moz-placeholder {
    color: transparent !important;
    opacity: 0;
  }
  form .form-control:focus:-ms-input-placeholder {
    color: transparent !important;
    opacity: 0;
  }
  .unit-form__item:last-child {
    margin-bottom: 0;
  }
  .file [type="file"] {
    padding: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    cursor: pointer;
    top: 0;
    left: 0;
  }
  .unit-form__item.file .unit-form__label {
    display: none;
  }
  .unit-form__control--file {
    position: relative;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    color: inherit;
  }
  .unit-form__control--file .unit-form__control--font {
    border: 1px dashed;
    border-color: currentColor;
    font-size: 14px;
    padding: 4px;
    border-radius: 2px;
  }
  .unit-form__control--file .unit-form__control--txt {
    padding-left: 10px;
    font-style: normal;
  }
  .unit-form__file-item {
    font-weight: 400;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
  }
  .unit-form__file-item .icon {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    color: #67c23a;
  }
  .unit-form__file-item .icon::after {
    content: "\e62c";
  }
  .unit-form__file-item:hover .icon::after {
    content: "\e64e";
    color: #606266;
  }
  .unit-form__file-item i {
    font-style: normal;
    font-size: 14px;
    padding-left: 10px;
    opacity: 0.5;
  }
  .unit-form__file-prompt {
    text-transform: capitalize;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 5px 0;
    color: #606266;
  }
  .file-feedback {
    font-weight: bold;
  }
  .unit-form__control--file.show_error {
    border-color: #dc3545 !important;
  }
  .unit-form__control--file.show_error + .file-feedback {
    display: block;
  }
  @media screen and (min-width: 0\0) {
    form .unit-form__label {
      display: none;
    }
    form .form-control:-ms-input-placeholder {
      color: #999 !important;
    }
    form .form-control::-ms-input-placeholder {
      color: #999 !important;
    }
  }
  .unit-list__items {
    margin: -1.5vw;
  }
  .unit-list.is-swiper .unit-list__items {
    margin: 0 !important;
  }
  .unit-list__item {
    padding: 1.5vw;
  }
  .unit-list__item.hide-more-box {
    display: none;
  }
  .unit-list__title {
    margin-top: 1vw;
  }
  .unit-list__subtitle,
  .unit-list__description {
    opacity: 0.8;
    margin: 0.5vw 0;
  }
  .text_ellipsis {
    width: 100%;
    line-height: inherit;
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: normal;
    word-break: break-word;
  }
  .unit-list__item.no-image .unit-list__image {
    display: none;
  }
  .unit-list__item .unit-list__image {
    position: relative;
  }
  div[package-type="list"] *:hover .unit-list__item .unit-list__image[hover-img="true"] .base-image img {
    transform: none !important;
  }
  .unit-video-list__image,
  .unit-list__video {
    position: relative;
  }
  .unit-list__item .unit-list__image .unit-list-hover__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  [video-gif] .unit-list-hover__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .unit-list__item .unit-list__image .unit-list-hover__image.hover_img_before_load {
    opacity: 0;
  }
  [video-gif] .unit-list-hover__image.hover_img_before_load {
    opacity: 0;
  }
  [video-gif] .unit-list-hover__image img {
    max-height: 100%;
    width: auto !important;
  }
  [video-gif] .unit-list-hover__image .base-image,
  [video-gif] .unit-list-hover__image .base-image__item,
  [video-gif] .unit-list-hover__image .base-video__thumb {
    height: 100%;
  }
  [video-gif] .unit-list-hover__image .base-image__item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .unit-list__item .unit-list__image .unit-list-hover__image img {
    animation-fill-mode: both;
  }
  .is-swiper .swiper-slide.col-xl-12 {
    margin: 0;
    padding: 0;
  }
  .is-swiper [carousel] {
    position: relative;
  }
  .is-swiper {
    position: relative;
    --swiper-navigation-size: 48px;
    --swiper-navigation-gap: 10px;
  }
  .is-swiper .swiper-button-prev {
    left: var(--swiper-navigation-gap);
  }
  .is-swiper .swiper-button-next {
    right: var(--swiper-navigation-gap);
  }
  .is-swiper .swiper-button-prev,
  .is-swiper .swiper-button-next {
    background-color: var(--swiper-navigation-bg-color);
    border-radius: 50%;
    color: var(--swiper-navigation-icon-color);
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    transition: background-color 0.3s, color 0.3s;
  }
  .is-swiper .swiper-button-prev:hover,
  .is-swiper .swiper-button-next:hover {
    background-color: var(--swiper-navigation-hover-bg-color);
    color: var(--swiper-navigation-hover-icon-color);
  }
  .is-swiper .swiper-button-prev:after,
  .is-swiper .swiper-button-next:after {
    font-size: calc(var(--swiper-navigation-size) * 0.42);
    font-weight: 700;
  }
  .unit-list .swiper-button-prev,
  .unit-list .swiper-button-next,
  .unit-video-list .swiper-button-prev,
  .unit-video-list .swiper-button-next,
  .unit-product-list .swiper-button-prev,
  .unit-product-list .swiper-button-next,
  .unit-download-list .swiper-button-prev,
  .unit-download-list .swiper-button-next {
    opacity: 0;
  }
  .swiper-button-prev.initialized,
  .swiper-button-next.initialized {
    opacity: 1;
  }
  .swiper-button-prev.initialized.swiper-button-disabled,
  .swiper-button-next.initialized.swiper-button-disabled {
    opacity: 0.35;
  }
  .swiper-button-prev--outside,
  .swiper-button-next--outside {
    display: none;
    opacity: 0;
  }
  .swiper-button-prev--outside.initialized.swiper-button-disabled,
  .swiper-button-next--outside.initialized.swiper-button-disabled {
    opacity: 0.35;
  }
  @media (max-width: 767px) {
    .is-swiper[navigation-position="outside"] .swiper-button-prev,
    .is-swiper[navigation-position="outside"] .swiper-button-next {
      display: none;
    }
    .is-swiper[navigation-position="outside"] .swiper-button-prev--outside {
      display: flex;
      left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap));
    }
    .is-swiper[navigation-position="outside"] .swiper-button-next--outside {
      display: flex;
      right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap));
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .is-swiper[navigation-position-md="outside"] .swiper-button-prev,
    .is-swiper[navigation-position-md="outside"] .swiper-button-next {
      display: none;
    }
    .is-swiper[navigation-position-md="outside"] .swiper-button-prev--outside {
      display: flex;
      left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap));
    }
    .is-swiper[navigation-position-md="outside"] .swiper-button-next--outside {
      display: flex;
      right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap));
    }
  }
  @media (min-width: 1200px) {
    .is-swiper[navigation-position-xl="outside"] .swiper-button-prev,
    .is-swiper[navigation-position-xl="outside"] .swiper-button-next {
      display: none;
    }
    .is-swiper[navigation-position-xl="outside"] .swiper-button-prev--outside {
      display: flex;
      left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap));
    }
    .is-swiper[navigation-position-xl="outside"] .swiper-button-next--outside {
      display: flex;
      right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap));
    }
  }
  img[lazy-src][src=""],
  img[lazy-src]:not([src]) {
    opacity: 0;
  }
  .unit-list__product,
  .unit-list__price,
  .unit-list__extend {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .unit-list__price {
    flex: 1 0 0;
    flex-wrap: wrap;
  }
  .unit-list__extend {
    flex-shrink: 0;
    width: 50%;
  }
  .unit-list__product {
    flex-wrap: wrap;
    min-width: 60%;
  }
  .unit-list__product i {
    font-style: normal;
  }
  .unit-list__price-min {
    padding-right: 5px;
  }
  .unit-list__price-max {
    text-decoration-line: line-through;
    font-size: 14px;
    opacity: 0.6;
    padding-right: 5px;
  }
  [package-type="list"] {
    border-radius: 12px;
  }
  .unit-list__items.swiper-wrapper {
    width: auto;
  }
  .unit-list__inquire a {
    cursor: pointer;
  }
  .unit-list__inquire,
  .unit-list__product.no-price .unit-list__price,
  .unit-list__product.no-price .unit-list__cart {
    display: none;
  }
  .unit-list__product.no-price .unit-list__inquire {
    display: block;
  }
  .unit-list__product.no-price .unit-list__extend {
    width: 100%;
  }
  .unit-list.is-swiper .swiper-wrapper {
    padding-bottom: 2vw;
  }
  .unit-list.is-swiper .swiper-pagination {
    bottom: 0;
  }
  .unit-list__pagination .swiper-pagination-bullet {
    box-shadow: 0 0 2px #000;
    background: #fff;
    opacity: 0.5;
  }
  .unit-list__pagination .swiper-pagination-bullet-active {
    background: var(--main-color);
    opacity: 1;
  }
  .unit-product-list.is-swiper .unit-product-list__items {
    margin: 0 !important;
  }
  .empty_price_tips {
    opacity: 0.6;
    display: none;
  }
  .no-price .empty_price_tips {
    display: block;
  }
  .unit-product-list-6__wrapper .unit-list__cart.text-capitalize a {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
  }
  .unit-list.is-swiper .swiper-wrapper.no-swiper-pagination {
    padding-bottom: 0 !important;
  }
  .unit-product-list.is-swiper .swiper-wrapper.no-swiper-pagination {
    padding-bottom: 0 !important;
  }
  .unit-download-list.is-swiper .swiper-wrapper.no-swiper-pagination {
    padding-bottom: 0 !important;
  }
  @media (max-width: 1200px) {
    .unit-list.is-swiper .swiper-wrapper {
      padding-bottom: 5vw;
    }
  }
  @media (max-width: 767px) {
    .unit-product-list-7__wrapper .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__extend {
      display: inline-block !important;
    }
    .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__price {
      max-width: 100% !important;
      border: 0 !important;
    }
  }
  @media (max-width: 576px) {
    .unit-list__item.col-6 .unit-list__product {
      width: 100%;
    }
    .unit-list__date {
      font-size: 12px;
    }
    .unit-list__title {
      margin-top: 2vw;
    }
  }
  @media (min-width: 768px) {
    .unit-list__items {
      margin: -0.8vw;
    }
    .unit-list__item {
      padding: 0.8vw;
    }
  }
  .unit-login .unit-form__label,
  .unit-register .unit-form__label {
    position: static;
    padding: 5px 0;
    text-transform: capitalize;
  }
  .unit-login .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown),
  .unit-register .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) {
    padding: var(--y) var(--x);
  }
  .unit-login .unit-login__control,
  .unit-register__control {
    padding: 12px 1rem !important;
    border-color: transparent;
    border-radius: 5px;
    background-color: #f3f3f4;
  }
  .unit-register__back {
    background-color: #fff;
    text-transform: uppercase;
    border-color: rgba(0, 0, 0, 0.15);
    width: 100%;
    color: inherit;
    padding: 0.75rem 1rem;
    border-radius: 50px;
  }
  .unit-login__submit,
  .unit-register__submit {
    width: 100%;
    padding: 0.75rem 1rem;
    border-color: rgb(var(--rgb-color));
    background-color: rgb(var(--rgb-color));
    border-radius: 50px;
  }
  .unit-login__item:last-child {
    margin-bottom: 1rem;
  }
  .unit-register__item:last-child {
    margin-top: 1rem;
  }
  .unit-login__item:last-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .unit-login__nav {
    margin-top: 2rem;
    text-transform: capitalize;
  }
  .unit-map__iframe {
    max-width: 100%;
  }
  [package-group="widget"] {
    z-index: 110;
  }
  .widget-toTop-wrap {
    position: fixed;
    right: 15px;
    bottom: calc(10% - 70px);
    cursor: pointer;
    z-index: 9;
    width: 60px;
    border-radius: 50%;
  }
  .widget-toTop-btn {
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
    transition: all 0.6s;
    width: 60px;
    line-height: 60px;
    background-color: #fff;
    color: var(--main-color);
    text-align: center;
    box-shadow: 0 5px 15px 0 rgba(40, 47, 54, 0.08);
    border-radius: 50%;
  }
  .widget-toTop-btn.active {
    opacity: 1;
    visibility: visible;
  }
  .widget-toTop-btn:active {
    background-color: var(--main-color);
    color: #fff;
  }
  @media (min-width: 768px) {
    .widget-toTop-btn:hover {
      background-color: var(--main-color);
      color: #fff;
    }
  }
  .widget-quote-list {
    display: none;
  }
  .widget-quote-list.show {
    display: block;
  }
  .widget-quote-list__content-wrap {
    position: fixed;
    right: 15px;
    bottom: calc(10% + var(--FAQ-B) + var(--social-height));
    cursor: pointer;
    z-index: 100;
  }
  .widget-quote-list__btn {
    display: block;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%), 0 2px 16px 0 rgb(0 0 0 / 12%);
    background-color: var(--main-color);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
  }
  .widget-quote-list__icon {
    position: relative;
    font-size: 22px;
    color: #fff;
  }
  .widget-quote-list__badge {
    position: absolute;
    top: 0;
    right: 10px;
    transform: translate(100%, -50%);
    font-size: 12px;
    color: #fff;
    background-color: #ef0c0c;
    border-radius: 10px;
    display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid var(--main-color);
  }
  .widget-product-lives-wrap {
    position: fixed;
    right: 5px;
    bottom: calc(50% + 55px);
    cursor: pointer;
    z-index: 9;
    width: 50px;
    display: none;
  }
  .widget-product-lives-wrap a {
    border-radius: 50%;
    display: block;
    overflow: hidden;
  }
  #app[page-type="landing_page"] [package-widget-type="product-lives"] {
    display: none;
  }
  .button-disabled {
    cursor: not-allowed !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    opacity: 0.4;
    border: solid 1px #808080 !important;
  }
  .unit-logo img {
    height: 70px;
  }
  @media (max-width: 768px) {
    .unit-logo img {
      height: 45px;
    }
  }
  .col-12_7,
  .col-12_7 {
    max-width: calc(100% / 7);
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
  }
  .col-12_8,
  .col-12_8 {
    max-width: calc(100% / 8);
    -ms-flex: 0 0 calc(100% / 8);
    flex: 0 0 calc(100% / 8);
  }
  .col-12_9,
  .col-12_9 {
    max-width: calc(100% / 9);
    -ms-flex: 0 0 calc(100% / 9);
    flex: 0 0 calc(100% / 9);
  }
  .col-12_10,
  .col-12_10 {
    max-width: calc(100% / 10);
    -ms-flex: 0 0 calc(100% / 10);
    flex: 0 0 calc(100% / 10);
  }
  .col-12_11,
  .col-12_11 {
    max-width: calc(100% / 11);
    -ms-flex: 0 0 calc(100% / 11);
    flex: 0 0 calc(100% / 11);
  }
  @media (min-width: 768px) and (max-width: 1200px) {
    .col-md-12_7,
    .col-md-12_7 {
      max-width: calc(100% / 7);
      -ms-flex: 0 0 calc(100% / 7);
      flex: 0 0 calc(100% / 7);
    }
    .col-md-12_8,
    .col-md-12_8 {
      max-width: calc(100% / 8);
      -ms-flex: 0 0 calc(100% / 8);
      flex: 0 0 calc(100% / 8);
    }
    .col-md-12_9,
    .col-md-12_9 {
      max-width: calc(100% / 9);
      -ms-flex: 0 0 calc(100% / 9);
      flex: 0 0 calc(100% / 9);
    }
    .col-md-12_10,
    .col-md-12_10 {
      max-width: calc(100% / 10);
      -ms-flex: 0 0 calc(100% / 10);
      flex: 0 0 calc(100% / 10);
    }
    .col-md-12_11,
    .col-md-12_11 {
      max-width: calc(100% / 11);
      -ms-flex: 0 0 calc(100% / 11);
      flex: 0 0 calc(100% / 11);
    }
  }
  @media (min-width: 1200px) {
    .col-xl-12_7,
    .col-xl-12_7 {
      max-width: calc(100% / 7);
      -ms-flex: 0 0 calc(100% / 7);
      flex: 0 0 calc(100% / 7);
    }
    .col-xl-12_8,
    .col-xl-12_8 {
      max-width: calc(100% / 8);
      -ms-flex: 0 0 calc(100% / 8);
      flex: 0 0 calc(100% / 8);
    }
    .col-xl-12_9,
    .col-xl-12_9 {
      max-width: calc(100% / 9);
      -ms-flex: 0 0 calc(100% / 9);
      flex: 0 0 calc(100% / 9);
    }
    .col-xl-12_10,
    .col-xl-12_10 {
      max-width: calc(100% / 10);
      -ms-flex: 0 0 calc(100% / 10);
      flex: 0 0 calc(100% / 10);
    }
    .col-xl-12_11,
    .col-xl-12_11 {
      max-width: calc(100% / 11);
      -ms-flex: 0 0 calc(100% / 11);
      flex: 0 0 calc(100% / 11);
    }
  }
  .cell-has-list {
    width: 100%;
  }
  [page-type="resource_aggregation"] [package-item="unit"] {
    padding-top: 0;
    padding-bottom: 0;
  }
  .bg-vimeo {
    --social-icon: #17d5ff;
  }
  .bg-okru {
    --social-icon: #f4731c;
  }
  .none {
    display: none;
  }
  .discount-timer {
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 3px;
    background-color: rgb(244 98 64 / 8%);
    color: #ee2427;
    font-size: 12px;
  }
  [page-type="cart"] .discount-timer {
    max-width: 180px;
  }
  .discount-timer.is-loaded {
    opacity: 1;
  }
  .discount-timer.no-day .discount-timer__date-wrap--day {
    display: none;
  }
  .discount-timer em,
  .discount-timer i {
    font-style: normal;
  }
  .discount-timer__date-content,
  .discount-timer__date-wrap {
    display: flex;
  }
  .discount-timer__day,
  .discount-timer__title,
  .discount-timer__date-wrap,
  .discount-timer__date--dd em,
  .discount-timer__date--dd i {
    padding: 0 2px;
  }
  .message-notice {
    padding: 8px;
    text-align: center;
  }
  .message-notice__inner {
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
    pointer-events: all;
  }
  .message-notice__icon {
    margin-right: 8px;
  }
  .message-notice__icon.icon-base-info-fill {
    color: #1890ff;
  }
  .message-notice__icon.icon-base-success-fill {
    color: #52c41a;
  }
  .message-notice__icon.icon-base-close-fill {
    color: #ff4d4f;
  }
  .message-notice__icon.icon-base-error-fill {
    color: #faad14;
  }
  .message-notice__icon.loading {
    --loading-size: 8px;
    padding-left: 1em;
  }
  .message-notice__icon.loading::after {
    border-width: 2px;
  }
  .modal-open [package-block-type="header"] {
    z-index: -1;
  }
  .modal {
    display: flex;
    position: absolute;
    top: 0;
    left: -100vw;
    z-index: 2;
    width: 100vw;
    height: calc(100vh - var(--SAIB));
    background-color: rgba(0, 0, 0, 0.45);
    justify-content: center;
    align-items: flex-start;
    padding: 10vh 5vw;
    transition: opacity 0.2s;
    opacity: 0;
    visibility: hidden;
  }
  .modal.show {
    visibility: visible;
    opacity: 1;
    left: 0;
  }
  .modal.pos--tl {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .modal.pos--tc {
    justify-content: center;
    align-items: flex-start;
  }
  .modal.pos--tr {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .modal.pos--cl {
    justify-content: flex-start;
    align-items: center;
  }
  .modal.pos--cc {
    justify-content: center;
    align-items: center;
  }
  .modal.pos--cr {
    justify-content: flex-end;
    align-items: center;
  }
  .modal.pos--bl {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .modal.pos--bc {
    justify-content: center;
    align-items: flex-end;
  }
  .modal.pos--br {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .modal.allow_overflow .modal__inner,
  .modal.allow_overflow .modal__body {
    overflow: initial;
  }
  .modal__inner {
    max-height: 100%;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
    display: flex;
    flex-flow: column;
    overflow: hidden;
  }
  .modal__inner-sm {
    width: 300px;
  }
  .modal__inner-md {
    width: 500px;
  }
  .modal__inner-lg {
    width: 800px;
  }
  .modal__inner-xl {
    width: 1140px;
  }
  .modal__header {
    flex: 0;
    position: relative;
    padding: 16px 24px;
    color: rgba(0, 0, 0, 0.85);
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
  }
  .modal__title {
    margin: 0;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word;
  }
  .modal__close {
    font-family: iconfont, sans-serif;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    line-height: 50px;
    font-size: 30px;
    width: 56px;
    height: 56px;
    text-align: center;
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
  }
  .modal__body {
    flex: 1 1;
    overflow: auto;
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word;
  }
  .modal__body::-webkit-scrollbar {
    width: 3px;
  }
  .modal__footer {
    flex: 0;
    padding: 10px 16px;
    overflow: hidden;
    background: 0;
    border-top: 1px solid #f0f0f0;
    border-radius: 0 0 2px 2px;
  }
  .modal__footer-inner {
    margin: -4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .modal__footer-btn {
    padding: 4px;
  }
  .modal__footer .btn {
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.85);
    background: #fff;
    border: 1px solid #d9d9d9;
  }
  .modal__footer .btn-primary {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
  }
  .move-up-appear,
  .move-up-enter,
  .move-up-leave {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }
  .move-up-appear,
  .move-up-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }
  .move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  }
  .move-up-appear.move-up-appear-active,
  .move-up-enter.move-up-enter-active {
    -webkit-animation-name: antMoveUpIn;
    animation-name: antMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
  }
  .move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveUpOut;
    animation-name: antMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none;
  }
  .pos--tl .move-up-appear.move-up-appear-active,
  .pos--cl .move-up-appear.move-up-appear-active,
  .pos--bl .move-up-appear.move-up-appear-active {
    -webkit-animation-name: antMoveLeftIn;
    animation-name: antMoveLeftIn;
  }
  .pos--tl .move-up-leave.move-up-leave-active,
  .pos--cl .move-up-leave.move-up-leave-active,
  .pos--bl .move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveLeftOut;
    animation-name: antMoveLeftOut;
  }
  .pos--tr .move-up-appear.move-up-appear-active,
  .pos--cr .move-up-appear.move-up-appear-active,
  .pos--br .move-up-appear.move-up-appear-active {
    -webkit-animation-name: antMoveRightIn;
    animation-name: antMoveRightIn;
  }
  .pos--tr .move-up-leave.move-up-leave-active,
  .pos--cr .move-up-leave.move-up-leave-active,
  .pos--br .move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveRightOut;
    animation-name: antMoveRightOut;
  }
  .pos--bc .move-up-appear.move-up-appear-active {
    -webkit-animation-name: antMoveDownIn;
    animation-name: antMoveDownIn;
  }
  .pos--bc .move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveDownOut;
    animation-name: antMoveDownOut;
  }
  @-webkit-keyframes MessageMoveOut {
    0% {
      max-height: 150px;
      padding: 8px;
      opacity: 1;
    }
    to {
      max-height: 0;
      padding: 0;
      opacity: 0;
    }
  }
  @keyframes MessageMoveOut {
    0% {
      max-height: 150px;
      padding: 8px;
      opacity: 1;
    }
    to {
      max-height: 0;
      padding: 0;
      opacity: 0;
    }
  }
  @-webkit-keyframes antMoveUpIn {
    0% {
      transform: translateY(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
    to {
      transform: translateY(0);
      transform-origin: 0 0;
      opacity: 1;
    }
  }
  @keyframes antMoveUpIn {
    0% {
      transform: translateY(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
    to {
      transform: translateY(0);
      transform-origin: 0 0;
      opacity: 1;
    }
  }
  @-webkit-keyframes antMoveUpOut {
    0% {
      transform: translateY(0);
      transform-origin: 0 0;
      opacity: 1;
    }
    to {
      transform: translateY(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }
  @keyframes antMoveUpOut {
    0% {
      transform: translateY(0);
      transform-origin: 0 0;
      opacity: 1;
    }
    to {
      transform: translateY(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }
  @-webkit-keyframes antMoveLeftIn {
    0% {
      transform: translateX(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
    to {
      transform: translateX(0);
      transform-origin: 0 0;
      opacity: 1;
    }
  }
  @keyframes antMoveLeftIn {
    0% {
      transform: translateX(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
    to {
      transform: translateX(0);
      transform-origin: 0 0;
      opacity: 1;
    }
  }
  @-webkit-keyframes antMoveLeftOut {
    0% {
      transform: translateX(0);
      transform-origin: 0 0;
      opacity: 1;
    }
    to {
      transform: translateX(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }
  @keyframes antMoveLeftOut {
    0% {
      transform: translateX(0);
      transform-origin: 0 0;
      opacity: 1;
    }
    to {
      transform: translateX(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }
  @-webkit-keyframes antMoveRightIn {
    0% {
      transform: translateX(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
    to {
      transform: translateX(0);
      transform-origin: 0 0;
      opacity: 1;
    }
  }
  @keyframes antMoveRightIn {
    0% {
      transform: translateX(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
    to {
      transform: translateX(0);
      transform-origin: 0 0;
      opacity: 1;
    }
  }
  @-webkit-keyframes antMoveRightOut {
    0% {
      transform: translateX(0);
      transform-origin: 0 0;
      opacity: 1;
    }
    to {
      transform: translateX(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }
  @keyframes antMoveRightOut {
    0% {
      transform: translateX(0);
      transform-origin: 0 0;
      opacity: 1;
    }
    to {
      transform: translateX(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }
  @-webkit-keyframes antMoveDownIn {
    0% {
      transform: translateY(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
    to {
      transform: translateY(0);
      transform-origin: 0 0;
      opacity: 1;
    }
  }
  @keyframes antMoveDownIn {
    0% {
      transform: translateY(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
    to {
      transform: translateY(0);
      transform-origin: 0 0;
      opacity: 1;
    }
  }
  @-webkit-keyframes antMoveDownOut {
    0% {
      transform: translateY(0);
      transform-origin: 0 0;
      opacity: 1;
    }
    to {
      transform: translateY(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }
  @keyframes antMoveDownOut {
    0% {
      transform: translateY(0);
      transform-origin: 0 0;
      opacity: 1;
    }
    to {
      transform: translateY(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }
  .unit-video-popup__preview {
    text-align: center;
    position: relative;
    padding-top: 20px;
  }
  .unit-video-popup__thumbnail {
    display: inline-block;
  }
  .unit-video-popup__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
  }
  .unit-video-popup__play i {
    font-size: 40px;
    color: #fff;
    text-shadow: 0 0 40px #000;
    transition: 0.3s;
  }
  .unit-video-popup__play:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) scale(1.2);
  }
  .unit-video-popup__play:hover i {
    text-shadow: 0 0 30px #000;
  }
  .unit-video-popup__window-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: 0.3s;
  }
  .unit-video-popup__window-wrap.show {
    z-index: 1024;
    visibility: visible;
    opacity: 1;
  }
  .unit-video-popup__window {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100vw;
    max-height: 100vh;
  }
  @media (max-width: 765px) {
    .unit-video-popup__window {
      width: 100%;
    }
  }
  .unit-video-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 40px;
    line-height: 1;
    color: #ffff;
    transition: 0.3s;
    z-index: 9999;
  }
  .unit-video-popup__close:hover {
    text-shadow: 0 0 20px #fff;
  }
  .unit-video-popup__content {
    padding-top: 50px;
    text-align: center;
    font-size: 0;
  }
  .unit-video-popup__content video,
  .unit-video-popup__content iframe {
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 80px);
    display: inline-block;
    border: 0;
    outline: 0;
  }
  .unit-video-popup__content iframe {
    width: 80vw;
    height: 80vw;
  }
  @media (max-width: 768px) {
    .unit-video-popup__content iframe {
      width: 90vw;
    }
  }
  @media (min-width: 1200px) {
    .unit-video-popup__content video {
      max-width: 1200px;
    }
  }
  .drawer-mask {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: auto;
    display: none;
  }
  .drawer-mask.active {
    display: block;
    opacity: 1;
  }
  .drawer-container {
    z-index: 999;
    position: fixed;
    bottom: 0;
    transform: translateY(70vh);
    width: 100%;
    height: 70vh;
    background: white;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out;
    pointer-events: none;
  }
  .drawer-container.active {
    transform: translateY(0);
    pointer-events: auto;
  }
  .drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
  }
  .drawer-title {
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
  }
  .drawer-close-btn {
    font-size: 20px;
    color: #888;
    height: 40px;
    line-height: 38px;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
  }
  .drawer-content {
    padding: 15px;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: calc(100% - 58px);
    padding-right: 12px;
  }
  .drawer-content::-webkit-scrollbar {
    width: 3px;
  }
  .drawer-content::-webkit-scrollbar-track {
    background: #fff;
  }



  form label {
    margin-bottom: 0;
  }
  .unit-form .dropdown-item {
    white-space: break-spaces;
    word-break: break-word;
  }
  [form-style] .form-control,
  [form-style] .dropdown-menu,
  [form-style] .dropdown-item,
  [form-style] .dropdown-item.active,
  [form-style] .dropdown-item:active {
    color: unset;
    font-size: unset;
  }
  .unit-form__select-box:after {
    content: "\e65c";
    font-family: iconfont;
    color: #000;
    position: absolute;
    right: var(--x);
    top: 2px;
    padding-top: var(--y);
    pointer-events: none;
  }
  [form-style] .unit-form__select-box:after {
    color: inherit;
  }
  .unit-form .unit-form__select-options {
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border: solid 1px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
  }
  .unit-form .unit-form__select-option:active,
  .unit-form .unit-form__select-option:hover {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .unit-form .unit-form__select-option {
    min-height: 32px;
  }
  form .dropdown {
    position: relative;
  }
  form .unit-form__select-box {
    flex-grow: 1;
  }
  .unit-form__checkbox img {
    position: relative;
    --loading-size: 1rem;
    --loading-bg: rgba(245, 245, 245, 1);
  }
  .unit-form__checkbox img.loading:before {
    background: var(--loading-bg);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .unit-form__checkbox img.img-error {
    opacity: 0;
  }
  .unit-form__checkbox-list {
    display: flex;
    flex-grow: 1;
  }
  .unit-form__checkbox-list-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .unit-form__item {
    display: flex;
  }
  .unit-form__item.unit-form__item-submit {
    display: block;
  }
  .unit-form__item-inner {
    flex-grow: 1;
  }
  .checkbox-use-img .unit-form__checkbox-label {
    padding-top: 8px;
    text-align: center;
    display: flex;
    flex-direction: row;
  }
  .unit-form__checkbox-label {
    text-align: left;
  }
  .unit-form__checkbox-inner {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  form .unit-form__checkbox-list.unit-form__control,
  form .unit-form__checkbox-list.unit-form__control ~ .unit-form__label {
    padding-top: var(--y);
    padding-bottom: var(--y);
  }
  form .unit-form__label {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
  }
  form .unit-form__checkbox-list.unit-form__control:not(.checkbox-use-img) .unit-form__checkbox-list-inner {
    padding-top: calc(var(--y) + 15px);
  }
  form .unit-form__checkbox-list.unit-form__control.checkbox-use-img .unit-form__checkbox-list-inner {
    padding-top: calc(var(--y) + 15px);
  }
  .checkbox-use-img .unit-form__checkbox-inner {
    flex-direction: column;
  }
  .checkbox-use-img .unit-form__checkbox-input-box {
    width: 100%;
  }
  .checkbox-use-img .unit-form__checkbox-inner > .unit-form__checkbox-label {
    --label-shrink-width: 26px;
    width: 100%;
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }
  .checkbox-use-img .unit-form__checkbox-inner > .unit-form__checkbox-label > .label-shrink {
    width: var(--label-shrink-width);
  }
  .checkbox-use-img .unit-form__checkbox-inner > .unit-form__checkbox-label > .label-content {
    flex-grow: 1;
  }
  .checkbox-use-img .unit-form__checkbox .label-content {
    width: calc(100% - var(--label-shrink-width));
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .unit-form__checkbox-list .unit-form__checkbox {
    padding-left: 0;
    padding-right: 0;
  }
  .unit-form__checkbox-input-box {
    margin: 0;
  }
  .unit-form__checkbox-inner > .unit-form__checkbox-input-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .unit-form__checkbox {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: flex-start;
  }
  .checkbox-use-img .unit-form__checkbox-inner {
    min-width: 116px;
    max-width: 118px;
  }
  .unit-form__checkbox .custom-checkbox {
    width: 18px;
    height: 18px;
    position: relative;
    margin: 2px 8px 0 0;
    background: #f5f5f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
  }
  .unit-form__checkbox .custom-checkbox input[type="checkbox"] {
    opacity: 0;
  }
  .unit-form__checkbox img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    display: block;
  }
  .unit-form__checkbox input[type="checkbox"] ~ .checked {
    display: none;
    background: var(--main-color);
    color: #f5f5f5;
    font-size: 10px;
    line-height: 16px;
    font-weight: lighter;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
  }
  .unit-form__checkbox input[type="checkbox"]:checked ~ .checked {
    display: block;
  }
  .unit-form__control.form-control.phone-area-code {
    border-color: transparent !important;
    background: transparent !important;
    position: absolute;
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
    width: calc(4em + var(--x));
  }
  .phone-area-code:focus {
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
  }
  .phone-area-code.area-code-select {
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
  }
  .phone-area-code.area-code-select option {
    color: #333;
  }
  .phone-area-code.area-code-display {
    white-space: nowrap;
    line-height: inherit;
  }
  .area-code-display.dropdown-toggle::after {
    vertical-align: middle;
  }
  .unit-form__control.phone-input {
    padding-left: calc(4em + var(--x)) !important;
    -webkit-appearance: none;
    line-height: inherit;
  }
  [label-style]:not([label-style="1"]) .unit-form__control.phone-input {
    padding-left: calc(4em + var(--x)) !important;
    padding-top: calc(var(--y) + var(--y) * (2 / 3));
    padding-bottom: calc(var(--y) / 3);
  }
  [checkbox-style="2"] .unit-form__checkbox img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
  [checkbox-style="2"] .unit-form__checkbox-label {
    padding-top: 0;
  }
  [checkbox-style="2"] .unit-form__checkbox-inner {
    min-width: unset;
    max-width: unset;
  }
  [checkbox-style="2"].checkbox-use-img .unit-form__checkbox-inner > .unit-form__checkbox-input-box {
    align-items: flex-start;
  }
  [checkbox-style="2"].checkbox-use-img .unit-form__checkbox .label-content {
    text-align: left;
    align-self: center;
  }
  [checkbox-style="2"] .unit-form__checkbox .label-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .unit-form__item.unit-form__item-submit {
    max-width: 100%;
  }
  .form-row {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .unit-form__select-option.multi_select {
    display: flex;
    align-items: center;
  }
  .unit-form__item .multi_select__tags-wrap {
    display: flex;
    width: calc(100% - var(--x) * 3);
    position: absolute;
    z-index: 1;
    left: var(--x);
    top: calc(var(--y) + var(--y) * (2 / 3) + 3px);
    cursor: pointer;
  }
  .unit-form__item .multi_select__tags {
    margin: -3px;
    display: flex;
    align-items: center;
    white-space: normal;
    overflow: hidden;
  }
  .unit-form__item .multi_select__tags-rest {
    flex-shrink: 0;
    margin-left: 3px;
  }
  .unit-form__item .multi_select__tag {
    padding: 3px;
    cursor: auto;
    max-width: 100%;
  }
  .unit-form__item .multi_select__tag-inner {
    padding: 1px 8px;
    max-width: 100%;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: #f5f5f5;
    border-bottom-color: #eaeaed;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #eaeaed;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #eaeaed;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #eaeaed;
    border-top-style: solid;
    border-top-width: 1px;
  }
  .multi_select__tag-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 2px;
    font-size: 12px;
    line-height: normal;
  }
  .unit-form__item .multi_select__tag-close {
    cursor: pointer;
    font-size: 10px;
    color: rbga(var(--text-color), 0.6);
  }
  .unit-form__select-box:has(.is-invalid):after {
    bottom: 30px;
    right: 25px;
  }
  .chat-online-unit-form__item-inner .phone-area-code {
    top: 29px;
  }
  [header-cart] {
    position: relative;
  }
  [header-cart][hide] {
    display: none;
  }
  [header-quantity] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50%, -50%);
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 12px;
  }
  [header-cart]:hover {
    color: var(--font-active);
  }
  .unit-header-title {
    display: none;
  }
  @media (min-width: 1200px) {
    .unit-header-title {
      display: inline;
    }
    [header-quantity] {
      left: 1.3em;
      transform: translate(25%, -50%);
    }
  }
  .unit-header-language img:not([src]) {
    opacity: 0;
  }
  .unit-header-language {
    position: relative;
    cursor: pointer;
    --font-active: var(--main-color);
  }
  .unit-header-language__item:hover,
  .unit-header-language__title:hover {
    color: #fff;
  }
  .unit-header-language__title {
    display: flex;
    align-items: center;
  }
  .unit-header-language__text {
    padding-left: 5px;
  }
  .unit-header-language__items {
    height: 0;
    opacity: 0;
    transition: all 0.3s;
    position: absolute;
    top: calc(100% + 0);
    right: 0;
    z-index: 100;
    border-radius: 8px;
    min-width: 100%;
    width: 180px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-height: 60vh;
    overflow-y: auto;
    padding: 15px;
  }
  .unit-header-language .unit-header-language__items {
    padding: 0;
  }
  .unit-header-language .unit-header-language__items.is-language-code {
    height: auto;
    opacity: 1;
    padding: 15px;
  }
  .unit-header-language__item {
    color: #333;
  }
  .unit-header-language__item:not(:last-child) {
    padding-bottom: 15px;
  }
  .unit-header-language__item img {
    width: 34px;
  }
  .unit-header-language .flag-icon {
    --flag-scale: 0.68;
    --flag-height: 21;
  }
  .unit-header-language__item a {
    display: flex;
    align-items: center;
  }
  .unit-header-language__item .unit-header-language__item--title {
    padding-left: 8px;
  }
  [design-mode] .unit-header-language:hover .unit-header-language__items {
    height: 0;
    opacity: 0;
  }
  .unit-header-language__modal .modal__inner-lg {
    width: 930px;
  }
  .unit-header-language__modal .modal__title {
    font-size: 18px;
    font-weight: bold;
    color: #202223;
    line-height: 25px;
  }
  .unit-header-language__modal .modal__title .modal__close {
    top: 12px;
  }
  .unit-header-language__modal .modal__body {
    padding: 0;
  }
  .unit-header-language__modal .unit-region-language__list.unit-region-language__list-by-continent {
    padding-top: 14px;
  }
  .unit-header-language__modal .unit-region-language__title {
    font-size: 16px;
    font-weight: 400;
    color: #202223;
    line-height: 22px;
    padding-left: 24px;
  }
  .unit-header-language__modal .unit-header-language__items {
    max-height: unset;
    display: grid;
    position: unset;
    opacity: 1;
    height: auto;
    box-shadow: unset;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-row-gap: 16px;
    justify-content: space-evenly;
    justify-items: center;
    padding: 8px;
  }
  .unit-header-language__modal .unit-region-language__list-by-continent .unit-header-language__items {
    margin-top: -4px;
  }
  .unit-header-language__modal .unit-header-language__item a {
    width: 122px;
    height: 122px;
    border-radius: 8px;
    border: 1px solid #eceeef;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
  }
  .unit-header-language__modal .unit-header-language__item a:hover {
    text-decoration: underline;
    opacity: 1;
    background: #fff;
    border-color: #fff;
    box-shadow: 0 1px 15px #ddd;
  }
  .unit-header-language__modal .unit-header-language__item a img {
    width: 50px;
    height: auto;
    display: block;
  }
  .unit-header-language__modal .unit-header-language__item a .unit-header-language__item--title,
  .unit-header-language__modal .unit-header-language__item a .unit-header-language__item--code {
    font-size: 14px;
    font-weight: 500;
    color: #6d7175;
    line-height: 20px;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
  }
  .unit-header-language__modal .modal__footer-inner {
    justify-content: center;
    font-size: 14px;
    color: #202223;
    line-height: 20px;
  }
  .unit-header-login__box {
    position: relative;
    cursor: pointer;
  }
  .unit-header-login__box::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    padding: 20px 10px;
  }
  .unit-header-login__login-list {
    display: flex;
    flex-direction: column;
    height: 0;
    opacity: 0;
    transition: all 0.3s;
    position: absolute;
    top: 130%;
    right: -10px;
    z-index: 100;
    border-radius: 5px;
    min-width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-height: 60vh;
    overflow-y: auto;
  }
  .unit-header-login__box:hover .unit-header-login__login-list {
    height: auto;
    opacity: 1;
  }
  .unit-header-login__login-list .unit-header-login__login-item {
    text-transform: initial;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    text-align: center;
    min-width: 100px;
    text-transform: capitalize;
  }
  .unit-header-login__login-item:first-child {
    padding-top: 10px;
  }
  .unit-header-login__login-item:hover {
    color: var(--font-active);
  }
  .unit-header-login__box:hover {
    color: var(--font-active);
  }
  .unit-header-login__login-item.arrow::before {
    content: "\e859";
    font-family: iconfont;
    display: inline-block;
    transform: rotate(-90deg);
  }
  [design-mode] .unit-header-login__box:hover .unit-header-login__login-list {
    height: 0;
    opacity: 0;
  }
  .unit-header-menu__box [firstMenu],
  .unit-header-menu__box [subMenu] {
    font-size: 16px;
  }
  .unit-header-menu__switch {
    cursor: pointer;
  }
  .unit-header-menu__box {
    --header-color: #333;
    --header-bg: #fff;
    color: var(--header-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    transform: translateX(100%);
    transition: all 0.3s;
    z-index: 9999;
    background-color: var(--header-bg);
  }
  .unit-header-menu__box.show {
    transform: translateX(0);
    overflow: initial;
  }
  .unit-header-menu__box-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
  }
  .unit-header-menu__box .unit-logo_image {
    height: 40px;
  }
  .unit-header-menu__close {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
  }
  .unit-header-menu__box-body {
    padding: 10px 0;
  }
  .unit-header-menu__search {
    margin-bottom: 10px;
    padding: 0 20px;
  }
  .unit-header-menu__search-box {
    border-radius: 28px;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .unit-header-menu__search-btn {
    padding: 0 10px;
  }
  .unit-header-menu__search-btn .iconfont {
    font-size: 24px;
  }
  .unit-header-menu__search-input {
    flex: 1;
    border: 0;
    font-size: 1.2em;
    padding-right: 10px;
    background-color: transparent;
    color: inherit;
  }
  .unit-header-menu__search-input:focus-visible {
    outline: 0;
  }
  .unit-header-menu__nav {
    height: calc(100vh - 184px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .unit-header-menu__nav__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding-bottom: 10px;
  }
  .unit-header-menu__nav__item-link.active {
    color: var(--font-active) !important;
  }
  .unit-header-menu__nav__item-link .iconfont {
    font-size: 14px;
    order: 2;
  }
  .unit-header-menu__nav__item-link > div {
    order: 1;
  }
  .unit-header-menu__nav__item-drop {
    transform: rotate(-90deg);
    position: relative;
    color: var(--header-color);
  }
  .unit-header-menu__nav__item-drop::after {
    content: "";
    display: block;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .unit-header-menu__nav__item-drop.active {
    transform: rotate(0);
  }
  .unit-header-menu__nav__item-link.active .unit-header-menu__nav__item-drop {
    color: inherit;
  }
  .unit-header-menu__nav-item {
    padding: 0 20px 10px;
    color: var(--header-color);
  }
  .unit-header-menu__nav__item-son,
  .unit-header-menu__nav__item-grandson,
  .unit-header-menu__nav__item-grateson {
    padding-top: 10px;
    color: var(--header-color);
  }
  .unit-header-menu__nav__item-content,
  .unit-header-menu__nav__item-son-content,
  .unit-header-menu__nav__item-son-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    padding: 0 15px;
    padding-right: 0;
  }
  .unit-header-menu__nav__item-content.show {
    height: auto;
    opacity: 1;
    overflow: initial;
  }
  .unit-header-menu__nav__item-son-content.show {
    height: auto;
    opacity: 1;
    overflow: initial;
  }
  .bubble-tag {
    margin-right: 35px;
    display: inline-flex;
  }
  .unit-header-menu__box-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .unit-header-menu__box-item {
    flex: 1;
    position: relative;
    font-size: 16px;
  }
  .unit-header-menu__box-item:not(:last-child)::after {
    content: "";
    height: 8px;
    width: 1px;
    background-color: #d1d1d1;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .unit-header-menu__language,
  .unit-header-menu__login {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .unit-header-menu-login__box {
    position: relative;
  }
  .unit-header-menu-login__list {
    display: none;
    position: absolute;
    bottom: 120%;
    left: 0;
    background: #fff;
    min-width: 100px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    color: #606266;
    z-index: 200;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
  }
  .unit-header-menu-login__list.show {
    display: block;
  }
  .unit-header-menu-login__list::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    margin-right: 3px;
    border-top-color: #ffff;
    border-width: 6px;
    border-bottom-width: 0;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  }
  .unit-header-menu-login__item {
    display: block;
    padding: 5px 0;
  }
  .unit-header-menu-login__item.item-is__hidden {
    display: none;
  }
  .unit-header-menu__nav_name,
  .unit-header-menu__nav-list_name,
  .unit-header-menu__nav-list_son_name {
    position: relative;
    word-break: break-word;
  }
  .unit-header-menu__nav_bubble {
    position: absolute;
    right: -2px;
    transform: translate(100%, -30%);
    padding: 0 3px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    background: #ff961e;
  }
  [package-block-type="header"] {
    --header-bg: #fff;
  }
  .unit-header-nav {
    position: relative;
    --swiper-navigation-size: 18px;
  }
  .unit-header-nav .swiper-scrollbar {
    background: 0;
  }
  .unit-header-nav .swiper-button-prev {
    left: auto;
    margin-left: -15px;
    color: inherit;
    display: none;
  }
  .unit-header-nav .swiper-button-next {
    right: 0;
    margin-right: -15px;
    color: inherit;
    display: none;
  }
  .unit-header-nav .swiper-button-prev[aria-disabled="false"],
  .unit-header-nav .swiper-button-next[aria-disabled="false"] {
    display: flex;
  }
  [firstMenu] {
    font-size: 16px;
  }
  [subMenu] {
    font-size: 14px;
    --header-bg-fixed: #fff;
    --header-bg: #fff;
    color: #333;
  }
  .unit-header-nav__item {
    width: auto;
    padding: 14px 15px;
    display: flex;
    align-items: center;
  }
  .has-bubble {
    padding-right: 30px;
  }
  .unit-header-nav__item-link {
    display: inline-flex;
    align-items: center;
  }
  .unit-header-nav__item-link:hover,
  .unit-nav-flat_a:hover,
  .unit-header-nav__item-link.active,
  .unit-nav-flat_a.active {
    color: var(--font-active) !important;
  }
  .unit-header-nav__item-content {
    display: none;
  }
  .unit-header-nav__item-sub-content {
    position: absolute;
    top: 0;
    left: 100%;
    height: 0;
    background-color: var(--header-bg);
    border-radius: 5px;
    opacity: 0;
    transition: height 0.3s, opacity 0.3s;
    overflow: hidden;
    display: none;
  }
  .unit-header-nav__item-sub-content.show {
    opacity: 1;
    width: auto;
    height: auto;
    overflow: initial;
  }
  .unit-header-nav__subNav.show_right .unit-header-nav__item-sub-content {
    left: auto;
    right: 100%;
  }
  .unit-header-nav__item-son,
  .unit-header-nav__item-grandson,
  .unit-header-nav__item-grateson {
    position: relative;
    padding: 18px 12px 0;
  }
  .unit-header-nav__item-drop {
    transition: transform 0.3s;
  }
  .unit-header-nav__item-son:hover > a .unit-header-nav__item-drop,
  .unit-header-nav__item-grandson:hover > a .unit-header-nav__item-drop,
  .unit-header-nav__item-grandson-tile:hover .unit-header-nav__item-drop,
  .unit-header-nav__item-grandson-tile.active .unit-header-nav__item-drop {
    transform: rotate(-90deg);
  }
  .unit-header-nav__item-son:last-child,
  .unit-header-nav__item-grandson:last-child,
  .unit-header-nav__item-grateson:last-child {
    padding-bottom: 18px;
  }
  .unit-nav_title {
    flex-grow: 1;
  }
  .unit-nav_name {
    position: sticky;
    display: inline-flex;
    max-width: 360px;
    word-break: break-word;
  }
  .unit-nav_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
  }
  [submenu] .unit-nav_name {
    max-width: 800px;
    white-space: nowrap;
    text-overflow: clip;
  }
  [submenu] .unit-nav_text {
    max-width: 800px;
    white-space: nowrap;
    text-overflow: clip;
  }
  .unit-nav_img {
    width: 60px;
    margin-right: 5px;
  }
  .unit-nav_img img {
    width: 60px;
    max-width: inherit;
  }
  .unit-nav_bubble {
    text-transform: lowercase;
    position: absolute;
    right: -2px;
    top: 0;
    transform: translate(100%, -50%);
    padding: 0 3px 3px;
    line-height: 14px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    background: #ff961e;
  }
  .unit-header-nav__subNav {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.3s, opacity 0.3s;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background-color: var(--header-bg);
    border-radius: 5px;
  }
  .unit-header-nav__subNav.show {
    height: auto;
    opacity: 1;
    overflow: initial;
  }
  .unit-header-nav__subNav .unit-header-nav__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .unit-header-nav__subNav[sub-menu-type="1"].show {
    min-height: 40vh;
    max-height: 70vh;
    overflow-y: scroll;
    background-clip: padding-box;
  }
  .unit-nav-flat_container {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 20px;
  }
  .unit-header-nav-flat__item-son {
    width: calc(100% / var(--header-columns));
    display: flex;
    align-items: flex-start;
  }
  .nav-item-img {
    text-align: right;
    margin-top: 20px;
  }
  .item-list-container {
    max-height: 310px;
    overflow: hidden;
    width: 100%;
    padding-top: 20px;
  }
  .right-container {
    width: 100%;
    padding-bottom: 10px;
    padding-right: 0;
  }
  .unit-nav-flat_img {
    width: 100%;
    max-width: 140px;
  }
  .unit-nav-flat_name {
    font-weight: bold;
    display: block;
  }
  .unit-nav-flat_name,
  .unit-nav-flat_son_name {
    position: sticky;
    display: inline-block;
  }
  .unit-nav-flat_more {
    position: relative;
    right: 0;
    top: 93%;
    cursor: pointer;
    font-weight: 700;
    color: #000;
    display: inline-block;
    transform: rotate(0);
    visibility: hidden;
  }
  .unit-nav-flat_more.show {
    transform: rotate(180deg);
  }
  .unit-nav-flat_dropdown {
    position: absolute;
    background-color: var(--header-bg);
    border-radius: 5px;
    transition: height 0.3s, opacity 0.3s;
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 20%);
    opacity: 0;
    display: none;
  }
  .unit-nav-flat_dropdown.show {
    opacity: 1;
    display: block;
  }
  .bubble-tag {
    margin-right: 35px;
  }
  .unit-header-nav__item-grandson-tile {
    position: relative;
    padding: 4px 0;
  }
  .unit-nav-flat_dropdown .unit-header-nav__item-grateson {
    padding: 8px 8px 0;
  }
  .unit-nav-flat_dropdown .unit-header-nav__item-grateson:last-child {
    padding-bottom: 8px;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-track {
    background-color: var(--header-bg);
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar {
    width: 5px;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .border-line {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 1px;
    background: #eee;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"].show {
    opacity: 1;
    max-height: 1000px;
    pointer-events: initial;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] {
    opacity: 0;
    max-height: 0;
    transition-property: height, opacity, max-height;
    transition-duration: 300ms;
    transition-delay: 50ms;
    transition-timing-function: ease-in-out;
    pointer-events: none;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--header-bg);
    position: relative;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son {
    cursor: pointer;
    padding: 0 15px;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son > a {
    font-weight: 400;
    line-height: 60px;
    display: flex;
    align-items: center;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son > a .unit-header-nav__item-drop {
    transition-property: transform;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
    padding-right: 0.25rem;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name,
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name {
    font-weight: 400;
    margin-right: 0;
    display: flex;
    align-items: center;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name .unit-nav_bubble,
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name .unit-nav_bubble {
    position: unset;
    transform: translate(0);
    margin-left: 0.25rem;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content {
    background-color: var(--header-bg);
    cursor: default;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    left: 0;
    z-index: 1;
    max-height: 70vh;
    border-top: 1px solid #eee;
    display: none;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .flattwo-son-content_container {
    padding: 40px 0;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .unit-nav-flat_son_name {
    margin-right: 0;
  }
  .flattwo-item-son_links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_a {
    font-size: inherit;
  }
  .flattwo-item-son_links .link-column-header a .unit-nav_text {
    font-weight: 700;
  }
  .flattwo-item-son_links_container .flattwo-item-son_links_column {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    margin: 0 -30px;
  }
  .flattwo-item-son_links_column > div {
    width: calc(100% / var(--header-columns));
    gap: 15px;
    padding: 0 30px;
  }
  .unit-nav-flattwo_grandson {
    display: inline-flex;
    flex-direction: column;
    gap: 15px;
  }
  .unit-nav-flattwo_grandson a:hover .special-tex {
    text-decoration: underline;
  }
  .flattwo-item-son_tile-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 20px;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile {
    display: inline-block;
    min-width: 150px;
    max-width: 50%;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile a {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: left;
    line-height: inherit;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile a.no-cursor {
    cursor: unset;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.jump-a):hover {
    text-decoration: underline;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile img.flattwo-item-son_tile-img {
    display: block;
    width: 100%;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption .special-tex {
    word-break: break-all;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.no-cursor) .special-tex {
    text-decoration: underline;
  }
  .flattwo-item-son_tile-container .flattwo-item-son_tile img {
    max-height: 200px;
  }
  .flattwo-item-son_bottom {
    margin-top: 32px;
  }
  .flattwo-item-son_bottom a {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
  }
  .flattwo-item-son_bottom a:hover .special-tex {
    text-decoration: underline;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover > a {
    font-weight: bold;
    box-shadow: 0 -2px 0 0 var(--main-color) inset;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover > a .unit-header-nav__item-drop {
    transform: rotate(180deg);
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .unit-header-nav-flattwo_item-son-content {
    display: block;
  }
  .unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .border-line {
    display: block;
  }
  .unit-header-nav .unit-header-nav__item.is-active {
    background-color: var(--first-header-bg);
  }
  [package-type="header"] [package-type="header-nav"] {
    padding: 0;
  }
  .unit-header-nav__item.is-active > a .unit-header-nav__item-drop {
    transform: rotateX(180deg);
  }
  @-moz-document url-prefix() {
    .unit-header-nav__item-grandson-tile {
      position: relative;
      padding: 8px 0 4px;
    }
  }
  .mobile_menu_overlay {
    background: rgba(46, 45, 43, 0.8);
    z-index: 8;
    left: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
  .unit-header-search {
    position: relative;
  }
  .unit-header-search:hover {
    color: var(--font-active);
  }
  .unit-header-search__box {
    display: flex;
  }
  .unit-header-search__box.reverse {
    flex-direction: row-reverse;
  }
  .unit-header-search__input {
    border-color: rgba(0, 0, 0, 0.1);
    outline: 0;
    box-shadow: none;
    display: none;
  }
  .unit-header-search__input:focus {
    outline: 0;
    box-shadow: none;
  }
  .unit-header-search__btn {
    cursor: pointer;
  }
  .unit-header-search__btn .iconfont {
    font-size: inherit;
  }
  .unit-header-search__btn,
  .unit-header-search__input {
    padding: 0.4rem 0.8rem;
    border-radius: 0.3rem;
  }
  .unit-header-search__box:not([group]) .unit-header-search__btn {
    padding: 0;
  }
  [group] .unit-header-search__input {
    display: block;
    border: 1px solid #dcdfe6;
  }
  [group] .unit-header-search__input:focus {
    border-color: var(--font-active);
  }
  [group] .unit-header-search__btn {
    background-color: var(--font-active);
    color: #fff;
  }
  [group]:not(.reverse) .unit-header-search__btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  [group]:not(.reverse) .unit-header-search__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  [group].reverse .unit-header-search__btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  [group].reverse .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .unit-header-search__modal {
    color: #333;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    z-index: 11;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.3s, opacity 0.3s;
  }
  .unit-header-search__modal.show {
    height: auto;
    opacity: 1;
    overflow: initial;
  }
  .unit-header-search__content {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    border-radius: 24px;
    border: 1px solid #e5e5e5;
    width: calc(100% - 20px);
    margin: 15px auto;
    height: 38px;
  }
  .unit-header-search__modal-btn {
    font-weight: 700;
    opacity: 0.8;
    cursor: pointer;
  }
  .unit-header-search__modal-input {
    font-size: 14px;
    padding-left: 0;
    border: 0;
  }
  .unit-header-search__modal-input:focus {
    box-shadow: none;
    outline: 0;
  }
  .unit-header-search__modal-close {
    font-weight: 300;
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.3s;
  }
  .unit-header-search__modal-close:hover {
    opacity: 1;
  }
  .search-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 99;
  }
  .search-mask-body {
    width: 100vw;
    height: calc(100vh - var(--SAIB));
    background-color: rgba(0, 0, 0, 0.45);
    transition: opacity 0.2s;
    opacity: 0;
    visibility: hidden;
  }
  .search-mask-body.show {
    visibility: visible;
    opacity: 1;
  }
  .unit-header-search__modal-box {
    position: absolute;
    width: 100%;
    z-index: 10;
  }
  .unit-header-search__modal-box .unit-header-search__modal {
    position: unset;
    padding: 15px 0;
    box-shadow: unset;
    border-top: 1px solid #e8e8e8;
  }
  .unit-header-search__modal-box .unit-header-search__modal .unit-header-search__content {
    margin: 0 auto;
  }
  .unit-header-search__modal-box .unit-header-search__modal-input::-webkit-input-placeholder {
    color: #929292;
  }
  @media (min-width: 1024px) {
    .unit-header-search__content {
      width: 800px;
      margin: 40px auto;
      height: 48px;
    }
    .unit-header-search__modal-box .unit-header-search__modal {
      padding: 40px 0;
    }
  }
  a.unit-image--zoom {
    cursor: zoom-in;
  }
  .image-zoom-box {
    cursor: default !important;
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
  }
  .image-zoom-box {
    --swiper-navigation-size: 14px;
  }
  .image-zoom-box .zoom-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
  }
  .image-zoom-box .zoom-box__close {
    position: absolute;
    right: 50px;
    top: 50px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    z-index: 100;
  }
  .image-zoom-box .zoom-box__close .icon-action-close-2 {
    font-size: 20px;
  }
  .image-zoom-box .swiper-container {
    width: 100%;
    height: 100%;
  }
  .image-zoom-box .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .image-zoom-box .swiper-lazy-preloader {
    border-color: #fff;
  }
  .image-zoom-box .zoom-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .image-zoom-box .zoom-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.2);
    font-size: 18px;
    color: #fff;
    width: 100%;
  }
  .image-zoom-box .zoom-title-wrapper {
    display: inline-block;
    text-align: left;
    max-width: 100%;
    word-wrap: break-word;
  }
  .image-zoom-box .swiper-slide img {
    display: block;
    max-width: 80vw;
    max-height: 80vh;
    min-width: 20vw;
    min-height: 20vh;
  }
  .image-zoom-box .swiper-pagination-fraction {
    top: 50px;
    left: 50px;
    width: 64px;
    height: 32px;
    background: rgba(0, 0, 0, 0.2);
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
  }
  .image-zoom-box .swiper-button-next,
  .image-zoom-box .swiper-button-prev {
    color: #fff;
    background: rgba(204, 204, 204, 0.5);
    padding: 20px;
    border-radius: 100%;
  }
  .image-zoom-box .swiper-button-prev {
    left: 50px;
  }
  .image-zoom-box .swiper-button-next {
    right: 50px;
  }
  @media (max-width: 600px) {
    .image-zoom-box .zoom-box__close {
      right: 20px;
      top: 20px;
    }
    .image-zoom-box .swiper-pagination-fraction {
      top: 20px;
      left: 20px;
      font-size: 14px;
    }
    .image-zoom-box .swiper-button-prev {
      left: 20px;
      bottom: 20px;
      top: auto;
    }
    .image-zoom-box .swiper-button-next {
      right: 20px;
      bottom: 20px;
      top: auto;
    }
    .image-zoom-box .zoom-title-wrapper {
      font-size: 14px;
    }
  }
  .inquiry-modal .modal__inner-lg {
    width: 80%;
  }
  .inquiry-modal .modal__footer {
    display: none;
  }
  .inquiry-modal .unit-inquire-lists {
    height: auto;
    max-height: 400px;
  }
  .inquiry-modal .modal__title,
  .inquiry-modal .custom-control-label {
    text-transform: capitalize;
  }
  .unit-list__date {
    display: flex;
    flex-wrap: nowrap;
    opacity: 0.5;
    font-size: 14px;
  }
  .unit-list__date-split::before {
    content: "-";
    padding: 0 1px;
  }
  .nav {
    justify-content: center;
  }
  .nav-item {
    cursor: pointer;
  }
  .unit-list .tab-content {
    padding-top: 10px;
  }
  a.unit-list__image--zoom {
    cursor: zoom-in;
  }
  .list-zoom-box {
    cursor: default !important;
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
  }
  .list-zoom-box {
    --swiper-navigation-size: 14px;
  }
  .list-zoom-box .zoom-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
  }
  .list-zoom-box .zoom-box__close {
    position: absolute;
    right: 50px;
    top: 50px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    z-index: 100;
  }
  .list-zoom-box .zoom-box__close .icon-action-close-2 {
    font-size: 20px;
  }
  .list-zoom-box .swiper-container {
    width: 100%;
    height: 100%;
  }
  .list-zoom-box .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .list-zoom-box .swiper-lazy-preloader {
    border-color: #fff;
  }
  .list-zoom-box .zoom-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .list-zoom-box .zoom-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    color: #fff;
    width: 100%;
  }
  .list-zoom-box .zoom-title-wrapper {
    display: inline-block;
    text-align: left;
    max-width: 100%;
    word-wrap: break-word;
  }
  .list-zoom-box .swiper-slide img {
    display: block;
    max-width: 80vw;
    max-height: 80vh;
    min-width: 20vw;
    min-height: 20vh;
  }
  .list-zoom-box .swiper-pagination-fraction {
    top: 50px;
    left: 50px;
    width: 64px;
    height: 32px;
    background: rgba(0, 0, 0, 0.2);
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
  }
  .list-zoom-box .swiper-button-next,
  .list-zoom-box .swiper-button-prev {
    color: #fff;
    background: rgba(204, 204, 204, 0.5);
    padding: 20px;
    border-radius: 100%;
  }
  .list-zoom-box .swiper-button-prev {
    left: 50px;
  }
  .list-zoom-box .swiper-button-next {
    right: 50px;
  }
  @media (max-width: 600px) {
    .list-zoom-box .zoom-box__close {
      right: 20px;
      top: 20px;
    }
    .list-zoom-box .swiper-pagination-fraction {
      top: 20px;
      left: 20px;
      font-size: 14px;
    }
    .list-zoom-box .swiper-button-prev {
      left: 20px;
      bottom: 20px;
      top: auto;
    }
    .list-zoom-box .swiper-button-next {
      right: 20px;
      bottom: 20px;
      top: auto;
    }
    .list-zoom-box .zoom-title-wrapper {
      font-size: 14px;
    }
  }
  @media (max-width: 768px) {
    .inquiry-modal {
      padding: 0;
      align-items: flex-end;
      padding-bottom: var(--SAIB);
    }
    .inquiry-modal .modal__inner {
      max-height: 85%;
      width: 100%;
    }
    .inquiry-modal .modal__footer-inner {
      display: flex;
      align-items: center;
    }
    .inquiry-modal .modal__footer-btn {
      flex: 1;
    }
    .inquiry-modal .modal__footer-inner .btn {
      width: 100%;
      border-radius: 20px;
    }
    .inquiry-modal .btn-primary {
      background: linear-gradient(135deg, #ff7e00 0, #ff532c 100%);
      border: 0;
    }
    .inquiry-modal .btn {
      height: 40px;
    }
    .inquiry-modal .modal__footer {
      padding-bottom: calc(10px + var(--SAIB));
      display: block;
    }
    .inquiry-modal .unit-form__item-submit {
      display: none;
    }
    .inquiry-modal-inner .py-4 {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
  }
  .resize-container .unit-list__item:first-child {
    position: absolute;
    z-index: 1;
  }
  .resize-container .unit-list__item:last-child img[lazy-src][src=""] {
    display: block;
    margin-left: auto;
  }
  .resize-container[direction="y"] .unit-list__item-inner {
    height: auto !important;
  }
  .unit-list__split-line {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    cursor: e-resize;
  }
  .resize-container[direction="y"] .unit-list__split-line {
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: n-resize;
  }
  .unit-list__dragger {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .unit-list__icon-resize {
    line-height: 40px;
    font-size: 8px;
  }
  .resize-container[direction="y"] .unit-list__split-line .unit-list__icon-resize::before {
    display: block;
    transform: rotate(90deg);
  }
  .align-start {
    align-self: flex-start;
  }
  .align-end {
    align-self: flex-end;
  }
  .swiper-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  }
  .swiper-grid .unit-list__item {
    max-width: unset;
  }
  .swiper-grid .unit-list__a,
  .swiper-grid .unit-list__item-inner {
    height: 100%;
  }
  @media (max-width: 767px) {
    .gcol-12 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .gcol-6 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gcol-4 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .gcol-3 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .gcol-2_4 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .gcol-2 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .gcol-12_7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .gcol-12_8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .gcol-12_9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .gcol-12_10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .gcol-12_11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .gcol-1 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .gcol-md-12 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .gcol-md-6 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gcol-md-4 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .gcol-md-3 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .gcol-md-2_4 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .gcol-md-2 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .gcol-md-12_7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .gcol-md-12_8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .gcol-md-12_9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .gcol-md-12_10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .gcol-md-12_11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .gcol-md-1 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 1200px) {
    .gcol-xl-12 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .gcol-xl-6 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gcol-xl-4 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .gcol-xl-3 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .gcol-xl-2_4 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .gcol-xl-2 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .gcol-xl-12_7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .gcol-xl-12_8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .gcol-xl-12_9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .gcol-xl-12_10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .gcol-xl-12_11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .gcol-xl-1 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .unit-list.is-swiper .swiper-wrapper {
    align-items: stretch;
  }
  .unit-list.is-swiper .swiper-wrapper {
    align-items: stretch;
    height: 100% !important;
  }
  .align-start {
    align-self: flex-start;
  }
  .align-end {
    align-self: flex-end;
  }
  .is-swiper .unit-list__a,
  .is-swiper .unit-list__item-inner {
    height: 100%;
  }
  .unit-list.is-swiper .swiper-wrapper {
    align-items: stretch;
    height: 100% !important;
  }
  .is-swiper .unit-list__a,
  .is-swiper .unit-list__item-inner {
    height: 100%;
  }
  .unit-list-10 {
    --border-color: #e4e4e4;
    --border-size: 1px;
    background: transparent;
  }
  .unit-list-10 .unit-list__item {
    padding: 0;
    height: auto;
  }
  .unit-list-10 .unit-list__item-inner {
    padding: 3.75rem;
  }
  .unit-list-10 .unit-list__content {
    padding: 0;
  }
  .unit-list-10 .unit-list__text {
    text-align: left;
    margin-top: 1rem;
    line-height: 1.36;
  }
  .unit-list-10 .unit-list__text-inner {
    padding: 0;
  }
  .unit-list-10 .base-image__item {
    display: flex;
    justify-content: flex-start;
  }
  .unit-list-10 .base-image__img {
    height: 64px;
  }
  .unit-list-10 .unit-list__description {
    margin: 10px 0 0 0;
  }
  .unit-list-10 .base-image__img {
    color: var(--main-color);
  }
  .unit-list-10 svg {
    fill: currentColor;
  }
  .unit-list-10 .unit-list__items {
    margin: 0;
  }
  .unit-list-10 .unit-list__item .unit-list__item-inner {
    border: solid 1px var(--border-color);
    flex-direction: column !important;
  }
  .unit-list__item-hover-linear {
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
  }
  @media (max-width: 768px) {
    .base-image__item[with-border="true"] .base-image__img {
      border: solid 1px transparent;
    }
  }
  @media (max-width: 1200px) {
    .base-image__item[with-border-md="true"] .base-image__img {
      border: solid 1px transparent;
    }
  }
  @media (min-width: 1200px) {
    .base-image__item[with-border-xl="true"] .base-image__img {
      border: solid 1px transparent;
    }
  }
  .unit-list__item-hover-linear .unit-list__item-inner {
    position: relative;
    overflow: hidden;
  }
  .unit-list__item-hover-linear {
    --hover-linear-bg-color: var(--main-color);
    --hover-linear-img-color: rgba(255, 255, 255, 1);
    --hover-linear-font-color: rgba(255, 255, 255, 1);
    transition: 0.6s all ease;
  }
  .unit-list__item-hover-linear .unit-list__item-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 210%;
    transition: 0.6s all ease;
    background-image: linear-gradient(to left, transparent 50%, var(--hover-linear-bg-color) 50%) !important;
    background-position-x: calc(100% + 1px);
  }
  .unit-list__item-hover-linear > .unit-list__a {
    flex: 1;
  }
  .unit-list__item-hover-linear .unit-list__text,
  .unit-list__item-hover-linear .unit-list__image {
    position: relative;
  }
  .unit-list__item-hover-linear svg,
  .unit-list__item-hover-linear img,
  .unit-list__item-hover-linear .unit-list__text {
    transition: 0.6s ease-out;
  }
  .unit-list__item-hover-linear:hover svg {
    fill: var(--hover-linear-img-color) !important;
    color: var(--hover-linear-img-color) !important;
  }
  .unit-list__item-hover-linear:hover .unit-list__item-inner:before {
    background-position: left;
  }
  .unit-list__item-hover-linear:hover .unit-list__title,
  .unit-list__item-hover-linear:hover .text_ellipsis,
  .unit-list__item-hover-linear:hover .unit-list__subtitle {
    color: var(--hover-linear-font-color) !important;
  }
  .unit-list__item-hover-linear:hover {
    color: var(--hover-linear-font-color);
  }
  .hide-videotext .unit-list__text {
    opacity: 0;
    display: none !important;
  }
  .module-banner-3-unit-1 .padding-left-container-width {
    padding-left: calc(50vw - var(--container-width) / 2);
  }
  .module-banner-3-unit-1 .padding-right-container-width {
    padding-right: calc(50vw - var(--container-width) / 2);
  }
  .module-banner-4-unit-1 .padding-left-container-width {
    padding-left: calc(50vw - var(--container-width) / 2);
  }
  .module-banner-4-unit-1 .padding-right-container-width {
    padding-right: calc(50vw - var(--container-width) / 2);
  }
  @media (max-width: 768px) {
    .unit-list-10 .unit-list__item-inner {
      padding: 2.5rem;
    }
  }
  .module-banner-7-unit-1 .swiper-pagination-bullet::before {
    border-top-width: 3px;
    width: 0;
  }
  .module-banner-7-unit-1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    box-shadow: unset;
  }
  .module-banner-7-unit-1 .swiper-pagination-bullet-active {
    background: #fff;
  }
  .module-irregular-5-unit-1 .swiper-pagination-bullet::before {
    border-top-width: 3px;
    width: 0;
  }
  .module-irregular-5-unit-1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    box-shadow: unset;
  }
  .module-irregular-5-unit-1 .swiper-pagination-bullet-active {
    background: #fff;
  }
  .module-irregular-5-unit-1 .unit-list__text.unit-list__text--outside {
    transform: none !important;
    top: 0 !important;
  }
  @media (min-width: 1200px) {
    [composing-xl="image-left-alternate"][even-row="true"] .unit-list__item-inner,
    [composing-xl="image-right"] .unit-list__item-inner,
    [composing-xl="image-right-alternate"] .unit-list__item-inner {
      flex-direction: row-reverse !important;
    }
    [composing-xl="image-left"] .unit-list__item-inner,
    [composing-xl="image-right-alternate"][even-row="true"] .unit-list__item-inner {
      flex-direction: row !important;
    }
  }
  .unit-list__item-inner {
    --vw-scale: 1;
  }
  [point-content="1"] .unit-list__content {
    display: flex;
  }
  [point-content="1"] .unit-list__description {
    margin-left: auto;
  }
  [point-content="1"] .unit-list__content {
    align-items: flex-end;
  }
  [point-content="1"] .unit-list__text-inner {
    width: 100%;
  }
  [point-content="1"] .unit-list__image {
    align-items: center;
  }
  [point-content="1"] .unit-list__content {
    overflow: hidden;
  }
  [point-content="1"] .unit-list__title,
  [point-content="1"] .unit-list__subtitle {
    max-width: 100%;
  }
  [point-content="1"] .unit-list__title .text_ellipsis {
    -webkit-line-clamp: 1;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: left;
  }
  [point-content="1"] .unit-list__description .text_ellipsis {
    padding-right: 1px;
  }
  [point-content="2"] .unit-list__content {
    display: flex;
    flex-wrap: wrap;
  }
  [point-content="2"] .unit-list__subtitle {
    display: flex;
    align-items: end;
  }
  [point-content="2"] .unit-list__image {
    align-items: center;
  }
  [point-content="2"] .unit-list__description {
    width: 100%;
  }
  [point-content="2"] .unit-list__content {
    text-align: left;
  }
  @media (min-width: 1200px) {
    [layout_superiority_xl="3"] .unit-list__image,
    [layout_superiority_xl="4"] .unit-list__image {
      width: 100% !important;
      display: flex;
    }
    [layout_superiority_xl="3"] .unit-list__text,
    [layout_superiority_xl="4"] .unit-list__text {
      width: 100% !important;
    }
    [layout_superiority_xl="1"] .unit-list__image,
    [layout_superiority_xl="2"] .unit-list__image {
      width: 13%;
    }
    [layout_superiority_xl="1"] .unit-list__text,
    [layout_superiority_xl="2"] .unit-list__text {
      width: 87%;
    }
    [point-content_xl="1"] .unit-list__content {
      display: flex;
    }
    [point-content_xl="1"] .unit-list__description {
      margin-left: auto;
    }
    [point-content_xl="1"] .unit-list__content {
      align-items: flex-end;
    }
    [point-content_xl="1"] .unit-list__text-inner {
      width: 100%;
    }
    [point-content_xl="1"] .unit-list__image {
      align-items: center;
    }
    [point-content_xl="1"] .unit-list__content {
      overflow: hidden;
    }
    [point-content_xl="1"] .unit-list__title,
    [point-content_xl="1"] .unit-list__subtitle {
      max-width: 100%;
    }
    [point-content_xl="1"] .unit-list__title .text_ellipsis {
      -webkit-line-clamp: 1;
      white-space: nowrap;
      max-width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      text-align: left;
    }
    [point-content_xl="1"] .unit-list__description .text_ellipsis {
      padding-right: 1px;
    }
    [point-content_xl="2"] .unit-list__content {
      display: flex;
      flex-wrap: wrap;
    }
    [point-content_xl="2"] .unit-list__subtitle {
      display: flex;
      align-items: end;
    }
    [point-content_xl="2"] .unit-list__image {
      align-items: center;
    }
    [point-content_xl="2"] .unit-list__description {
      width: 100%;
    }
    [point-content_xl="2"] .unit-list__content {
      text-align: left;
    }
  }
  @media (min-width: 767px) and (max-width: 1199px) {
    [layout_superiority_md="3"] .unit-list__image,
    [layout_superiority_md="4"] .unit-list__image {
      width: 100% !important;
      display: flex;
    }
    [layout_superiority_md="3"] .unit-list__text,
    [layout_superiority_md="4"] .unit-list__text {
      width: 100% !important;
    }
    [layout_superiority_md="1"] .unit-list__image,
    [layout_superiority_md="2"] .unit-list__image {
      width: 13%;
    }
    [layout_superiority_md="1"] .unit-list__text,
    [layout_superiority_md="2"] .unit-list__text {
      width: 87%;
    }
    [point-content_md="1"] .unit-list__content {
      display: flex;
    }
    [point-content_md="1"] .unit-list__description {
      margin-left: auto;
    }
    [point-content_md="1"] .unit-list__content {
      align-items: flex-end;
    }
    [point-content_md="1"] .unit-list__text-inner {
      width: 100%;
    }
    [point-content_md="1"] .unit-list__image {
      align-items: center;
    }
    [point-content_md="1"] .unit-list__content {
      overflow: hidden;
    }
    [point-content_md="1"] .unit-list__title,
    [point-content_md="1"] .unit-list__subtitle {
      max-width: 100%;
    }
    [point-content_md="1"] .unit-list__title .text_ellipsis {
      -webkit-line-clamp: 1;
      white-space: nowrap;
      max-width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      text-align: left;
    }
    [point-content_md="1"] .unit-list__description .text_ellipsis {
      padding-right: 1px;
    }
    [point-content_md="2"] .unit-list__content {
      display: flex;
      flex-wrap: wrap;
    }
    [point-content_md="2"] .unit-list__subtitle {
      display: flex;
      align-items: end;
    }
    [point-content_md="2"] .unit-list__image {
      align-items: center;
    }
    [point-content_md="2"] .unit-list__description {
      width: 100%;
    }
    [point-content_md="2"] .unit-list__content {
      text-align: left;
    }
  }
  @media (max-width: 766px) {
    [layout_superiority_default="3"] .unit-list__image,
    [layout_superiority_default="4"] .unit-list__image {
      width: 100% !important;
      display: flex;
    }
    [layout_superiority_default="3"] .unit-list__text,
    [layout_superiority_default="4"] .unit-list__text {
      width: 100% !important;
    }
    [layout_superiority_default="1"] .unit-list__image,
    [layout_superiority_default="2"] .unit-list__image {
      width: 13%;
    }
    [layout_superiority_default="1"] .unit-list__text,
    [layout_superiority_default="2"] .unit-list__text {
      width: 87%;
    }
    [point-content_default="1"] .unit-list__content {
      display: flex;
    }
    [point-content_default="1"] .unit-list__description {
      margin-left: auto;
    }
    [point-content_default="1"] .unit-list__content {
      align-items: flex-end;
    }
    [point-content_default="1"] .unit-list__text-inner {
      width: 100%;
    }
    [point-content_default="1"] .unit-list__image {
      align-items: center;
    }
    [point-content_default="1"] .unit-list__content {
      overflow: hidden;
    }
    [point-content_default="1"] .unit-list__title,
    [point-content_default="1"] .unit-list__subtitle {
      max-width: 100%;
    }
    [point-content_default="1"] .unit-list__title .text_ellipsis {
      -webkit-line-clamp: 1;
      white-space: nowrap;
      max-width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      text-align: left;
    }
    [point-content_default="1"] .unit-list__description .text_ellipsis {
      padding-right: 1px;
    }
    [point-content_default="2"] .unit-list__content {
      display: flex;
      flex-wrap: wrap;
    }
    [point-content_default="2"] .unit-list__subtitle {
      display: flex;
      align-items: end;
    }
    [point-content_default="2"] .unit-list__image {
      align-items: center;
    }
    [point-content_default="2"] .unit-list__description {
      width: 100%;
    }
    [point-content_default="2"] .unit-list__content {
      text-align: left;
    }
  }
  .unit-product-list__tabs .nav-item {
    margin: 0 10px;
  }
  .unit-content-list .unit-list__items {
    margin: -10px;
  }
  .unit-content-list .unit-list__item {
    padding: 10px;
  }
  @media (min-width: 768px) {
    .unit-content-list .unit-list__items {
      margin: -0.4vw;
    }
    .unit-content-list .unit-list__item {
      padding: 0.4vw;
    }
  }
  .unit-content-list .unit-list__date {
    opacity: 1;
  }
  .unit-content-list .unit-list__tags {
    color: rgba(0, 0, 0, 0.8);
    -webkit-line-clamp: 1;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: left;
  }
  .unit-content-list .unit-list__tag {
    margin-right: 0.3em;
  }
  .unit-content-list .unit-list__subtitle,
  .unit-content-list .unit-list__description {
    opacity: 1;
  }
  .unit-content-list.is-swiper .unit-list__items {
    margin: 0 !important;
  }
  .unit-content-list.is-swiper .swiper-wrapper {
    align-items: stretch;
    height: 100% !important;
  }
  .unit-content-list.is-swiper .swiper-wrapper {
    padding-bottom: 2vw;
  }
  .unit-content-list.is-swiper .swiper-pagination {
    bottom: 0;
  }
  .unit-content-list.is-swiper .swiper-wrapper.no-swiper-pagination {
    padding-bottom: 0 !important;
  }
  @media (max-width: 1200px) {
    .unit-content-list.is-swiper .swiper-wrapper {
      padding-bottom: 5vw;
    }
  }
  .unit-content-list .tab-header .unit-product-list__tabs {
    justify-content: flex-start;
  }
  .unit-content-list .more-content {
    display: none;
  }
  .unit-content-list .more-content[show-read-more="0"] {
    display: block;
  }
  .unit-content-list .content-set {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    flex-wrap: wrap;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 9;
  }
  .unit-content-list .content-set .change-set {
    display: flex;
  }
  .unit-content-list .content-set .change-set span {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
  }
  .unit-content-list .content-set .change-set span.active {
    background: var(--main-color);
    color: #fff;
  }
  .unit-content-list .content-set .change-set span:not(:last-child) {
    margin-right: 10px;
  }
  .unit-content-list .content-set .total {
    font-size: 14px;
    color: #000000cc;
    padding-top: 15px;
    display: none;
  }
  .unit-content-list .content-set .total .lowercase-text {
    text-transform: lowercase;
  }
  .unit-content-list .unit-breadcrumb-content {
    margin: 10px 0;
    display: none;
  }
  @media (max-width: 767px) {
    .unit-content-list [show-read-more="5"],
    .unit-content-list [show-read-more="6"],
    .unit-content-list [show-read-more="7"] {
      display: block;
    }
    .unit-content-list .tab-header {
      position: sticky;
      top: 0;
      background: #fff;
      z-index: 11;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .unit-content-list [show-read-more="3"],
    .unit-content-list [show-read-more="4"],
    .unit-content-list [show-read-more="7"] {
      display: block;
    }
  }
  @media (min-width: 1200px) {
    .unit-content-list .content-set {
      padding-bottom: 24px;
      padding-top: 0;
      position: static;
    }
    .unit-content-list .content-set .total {
      padding-top: 0;
      display: block;
    }
    .unit-content-list [show-read-more="2"],
    .unit-content-list [show-read-more="4"],
    .unit-content-list [show-read-more="6"] {
      display: block;
    }
    .unit-content-list .unit-breadcrumb-content {
      margin: 0 0 10px;
      display: block;
    }
    .unit-content-list .more-inner {
      padding-top: 20px !important;
    }
  }
  .unit-content-list.scroll-list {
    padding-bottom: 40px;
  }
  .unit-content-list .unit-content-list_pagination {
    padding-top: 10px;
  }
  .unit-content-list .loading-inner {
    height: 40px;
    position: absolute;
    left: 50%;
  }
  .unit-content-list .loading-inner .loading {
    height: 100%;
  }
  .unit-content-list .more-inner {
    padding-top: 10px;
    text-align: center;
  }
  .unit-content-list .more-inner .more-text {
    color: var(--main-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }
  .unit-content-list .more-inner i {
    display: inline-block;
    transform: rotateY(180deg);
    padding-right: 5px;
  }
  .unit-content-list .more-inner span {
    text-transform: capitalize;
  }
  .unit-content-list .put-away i {
    transform: rotateX(180deg);
    padding-left: 5px;
    padding-right: 0;
  }
  .unit-content-list .hidden-load-item .load-item {
    display: none;
  }
  .unit-content-list .unit-product-list__tabs .nav-item {
    margin: 0;
    margin-right: 10px;
  }
  .unit-content-list .unit-product-list__tabs .nav-item:last-child {
    margin-right: 0;
  }
  .unit-content-list .unit-product-list__tabs .nav-item {
    background: #f1f1f1;
    border-radius: 8px;
    padding: 9px 18px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
  }
  .unit-content-list .unit-product-list__tabs .nav-item.active {
    background: var(--main-color);
    color: #fff;
  }
  .unit-content-list .unit-breadcrumb > .breadcrumb-item + .breadcrumb-item::before {
    content: "\e600";
    font-family: "iconfont" !important;
    transform: rotate(180deg);
    padding: 0;
    color: inherit;
    display: flex;
    align-items: center;
  }
  .unit-content-list .breadcrumb-item + .breadcrumb-item {
    padding: 0;
    position: relative;
  }
  .unit-content-list .unit-breadcrumb-content .unit-breadcrumb {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .unit-content-list .breadcrumb-item {
    display: flex;
  }
  .unit-content-list .unit-breadcrumb > .unit-breadcrumb__item:not(:first-child) a {
    padding: 0 5px;
  }
  .unit-content-list .unit-breadcrumb > .unit-breadcrumb__item:first-child a {
    padding-right: 5px;
    text-transform: capitalize;
  }
  .unit-content-list .unit-list__count-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .unit-content-list .unit-list__count-wrap .iconfont {
    font-size: inherit;
    opacity: 0.8;
  }
  .unit-content-list .unit-list__count-split::before {
    content: "";
    padding: 0 10px;
  }
  .unit-content-list .unit-list__count-name {
    display: none;
  }
  .module-content-detail-1-unit-3__wrapper .design-box .add-btn {
    display: none;
  }
  .unit-list__tags {
    word-break: break-all;
    text-align: left;
  }
  .unit-list__tags .unit-list__tag:not(:last-child) {
    margin-right: 3px;
  }
  .unit-list__tags .unit-list__tag:hover {
    color: var(--main-color);
  }
  .unit-content-list__filter {
    background: #f8f8f8;
    border-radius: 8px;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
  }
  .unit-content-list__filter-text {
    text-transform: capitalize;
    cursor: pointer;
    font-size: 14px !important;
  }
  .unit-content-list__filter-text .unit-content-list__filter-default {
    font-weight: 500;
    font-size: 14px;
    color: #000;
  }
  .unit-content-list__filter-text .iconfont {
    display: inline-block;
    transition: 0.3s;
    color: #999;
    font-weight: normal;
    font-size: 14px;
  }
  .unit-content-list__filter-text.active .iconfont {
    transform: rotate(-180deg);
  }
  .unit-content-list__filter-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: #fff;
    z-index: 2;
    opacity: 0;
    display: none;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px 0;
  }
  .unit-content-list__filter-text.active .unit-content-list__filter-dropdown {
    opacity: 1;
    display: block;
  }
  .unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-list::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: "";
    border-width: 6px;
    top: -6px;
    border-bottom-color: #fff;
    border-top-width: 0;
    left: 40%;
  }
  .unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-item {
    padding: 5px 30px;
    cursor: pointer;
    position: relative;
    color: rgba(0, 0, 0, 0.8);
  }
  .unit-content-list__filter-dropdown .unit-content-list__filter-dropdown-item:hover {
    color: var(--main-color);
  }
  .unit-content-list__filter-dropdown-item.active::before {
    content: "\e6b3";
    font-family: "iconfont" !important;
    font-size: 12px;
    transform: scale(0.7);
    position: absolute;
    left: 10px;
    top: 7px;
    opacity: 0.5;
  }
  .unit-content-list__filter-type {
    flex-shrink: 0;
    display: none;
  }
  .unit-content-list__filter-type .iconfont {
    cursor: pointer;
    font-size: 18px;
  }
  .unit-content-list__filter-type .iconfont.active {
    color: var(--main-color);
  }
  .unit-content-list__filter-type .iconfont:not(.active) {
    opacity: 0.8;
  }
  .unit-content-list .unit-list__items-single-row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .unit-content-list .unit-list__items-single-row .unit-list__item-inner {
    flex-direction: row !important;
    align-items: center;
  }
  .unit-content-list .unit-list__items-single-row .unit-list__video,
  .unit-content-list .unit-list__items-single-row .unit-list__image {
    width: 40%;
  }
  .unit-content-list .unit-list__items-single-row .unit-list__text {
    padding: 0 !important;
    padding-left: 10px !important;
    flex: 1;
    width: 0;
  }
  .unit-content-list [data-tabtype="all_polymerize_list"].nav-item {
    text-transform: capitalize;
  }
  @media (min-width: 768px) {
    .unit-content-list__filter-dropdown {
      padding: 5px 0;
      font-weight: normal;
    }
    .unit-content-list .unit-list__items-single-row .unit-list__video,
    .unit-content-list .unit-list__items-single-row .unit-list__image {
      width: 22%;
    }
    .unit-content-list [tab-type="short_video"] .unit-list__items-single-row .unit-list__video,
    .unit-content-list [tab-type="short_video"] .unit-list__items-single-row .unit-list__image {
      width: 25%;
    }
    .unit-content-list .unit-list__items-single-row .unit-list__text {
      padding-left: 15px !important;
    }
    .unit-content-list.content-tag-shorts .unit-list__items-single-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1200px) {
    .unit-content-list__filter-type {
      display: block;
    }
    .unit-content-list__filter-text .unit-content-list__filter-default {
      font-size: 16px;
    }
    .unit-content-list__filter {
      padding: 15px;
    }
  }
  .unit-pop-up {
    display: none;
    text-align: center;
    border: 1px dashed #333;
    font-size: 18px;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 30px 0;
  }
  [design-mode] .unit-pop-up {
    display: block;
  }
  .pop-up-modal {
    padding: 10vh 0;
  }
  .pop-up-modal .modal__inner {
    background-color: transparent;
    padding: 0 15px;
    padding-right: 50px;
    box-shadow: none;
    position: relative;
    overflow: visible;
  }
  .pop-up-modal .modal__header {
    background-color: transparent;
    border-bottom: 0;
    padding: 0;
  }
  .pop-up-modal .modal__body {
    padding: 0;
    position: relative;
  }
  .pop-up-modal .modal__inner:after {
    width: calc(100% - 65px);
    position: absolute;
    content: "";
    bottom: 0;
    height: 15px;
    background-color: var(--bgc-val);
  }
  .pop-up-modal .modal__inner:before {
    width: calc(100% - 65px);
    position: absolute;
    content: "";
    top: 0;
    height: 15px;
    background-color: var(--bgc-val);
    z-index: 1;
  }
  .pop-up-modal .modal__title,
  .pop-up-modal .modal__footer {
    display: none;
  }
  .pop-up-modal .modal__close {
    font-family: iconfont, sans-serif;
    position: absolute;
    top: 0;
    right: -50px;
    z-index: 2;
    line-height: 30px;
    font-size: 28px;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #fff;
    font-weight: 100;
  }
  .pop-up-modal .modal__inner {
    max-width: 94%;
  }
  [page-type="all_pop_up"] .pop-up-title {
    font-size: 12px;
    color: #666;
    margin: 20px 0 10px;
  }
  [page-type="all_pop_up"] [package-group="module"] .pop-up-title:nth-of-type(2) {
    margin-top: 0;
  }
  .pop-up-modal [package-item].all-pop-up_module {
    display: block;
  }
  .unit-product-sort-m__filter {
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .unit-product-sort-m .unit-product-sort-m__filter-text {
    width: 100%;
    flex-grow: 1;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: bold;
  }
  .unit-product-sort-m .unit-product-sort-m__filter-text .iconfont {
    opacity: 0.8;
    display: inline-block;
    transition: 0.3s;
    font-size: 14px !important;
    color: #6d6d6d;
  }
  .unit-product-sort-m .unit-product-sort-m__filter-text.is_active .iconfont {
    transform: rotate(-180deg);
  }
  .unit-product-sort-m .unit-product-sort-m__filter .unit-product-sort-m__filter-posi {
    position: absolute;
    top: calc(100% + 7px);
    left: -14px;
    background: #fff;
    z-index: 4;
    display: none;
    width: calc(100vw - 30px);
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
  }
  .unit-product-sort-m__filter-text.is_active .unit-product-sort-m__filter-posi {
    display: block;
    padding: 15px 0;
  }
  .unit-product-sort-m__filter-posi p {
    padding: 5px 15px;
    padding-left: 13px;
    cursor: pointer;
    position: relative;
    color: #212529;
    line-height: 1.3;
    font-weight: normal;
  }
  .unit-product-sort-m__filter-posi p:first-child {
    padding-top: 0;
  }
  .unit-product-sort-m__filter-posi p:last-child {
    padding-bottom: 0;
  }
  .unit-product-sort-m__filter-posi p:hover {
    opacity: 1;
    background-color: #f8f9fa;
    color: #16181b;
    text-decoration: none;
    color: rgb(var(--rgb-color));
  }
  .unit-product-sort-m__filter-posi p.is_active {
    color: rgb(var(--rgb-color));
  }
  .unit-product-sort-m {
    padding: 14px;
    color: rgb(var(--font-color));
    --font-color: 0, 0, 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    height: 48px;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
  }
  .unit-product-sort-m-view {
    display: none;
  }
  .unit-product-sort-m .unit-product-sort__filter {
    padding: 0;
  }
  .unit-product-sort__filter_btn {
    color: rgb(var(--font-color));
    cursor: pointer;
    font-weight: bold;
  }
  .unit-product-sort__filter_btn .iconfont {
    color: #6f6f6f;
    font-size: 14px;
  }
  .unit-header-menu_right_slide_view {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.06);
    display: none;
  }
  .unit-header-menu_right_slide {
    --header-color: #333;
    --header-bg: #fff;
    color: var(--header-color);
    transition: all 0.3s;
    width: 80%;
    height: 100%;
    background-color: var(--header-bg);
    position: fixed;
    right: 0;
    top: 0;
  }
  .unit-header-menu_right_slide .unit-header_right_slide-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeefef;
    padding: 10px;
  }
  .unit-header-menu_right_slide .unit-header_right_slide-title {
    font-size: 16px;
    font-weight: bold;
    color: #101010;
  }
  .unit-header_right_slide-header .unit-header_right_slide-close {
    font-size: 12px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
  }
  .unit-header_right_slide-body {
    padding: 10px;
    overflow-y: auto;
    height: calc(100% - 125px);
  }
  .unit-header_right_slide__nav {
    width: 100%;
  }
  .unit-header_right_slide-body .unit-header_right_slide__nav-item {
    padding: 0;
    color: #000;
    line-height: 1.3;
  }
  .unit-header_right_slide-body .unit-header-menu__nav_name {
    font-weight: bold;
    font-size: 16px;
  }
  .unit-header-menu_right_slide__nav__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
  }
  .unit-header-menu_right_slide__nav__item-link .px-2 {
    padding-left: 3px !important;
  }
  .unit-header_right_slide__nav-item:first-child .unit-header-menu_right_slide__nav__item-link {
    padding-top: 0;
  }
  .unit-header-menu_right_slide__nav__item-link.active {
    color: var(--font-active) !important;
  }
  .unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav_name {
    position: relative;
    word-break: break-word;
    line-height: 1.2;
  }
  .unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav__item-drop {
    color: inherit;
    cursor: pointer;
  }
  .unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav__item-drop.active {
    transform: rotate(0);
  }
  .unit-header-menu_right_slide__nav__item-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    padding: 0 15px;
    padding-right: 0;
    cursor: pointer;
    padding-bottom: 20px;
    display: none;
  }
  .unit-header-menu_right_slide__nav__item-content:last-child {
    padding-bottom: 0;
  }
  .unit-header-menu_right_slide__nav__item-content.show {
    height: auto;
    opacity: 1;
    overflow: initial;
    display: block;
    margin-top: 12px;
  }
  .unit-header-menu_right_slide__nav__item-content.show div:first-child {
    padding-top: 0;
  }
  .unit-header-menu_right_slide__nav__item-content.show div:last-child {
    padding-bottom: 0;
  }
  .unit-header-menu_right_slide__nav__item-content input {
    margin-right: 10px;
  }
  .unit-attr-text-search-right_slide__items {
    width: 100%;
    margin-bottom: 12px;
  }
  .unit-header_right_slide-body .input-group-right_slide {
    position: relative;
    display: flex;
    justify-content: flex-end;
    border: solid 1px #ddd;
    border-radius: 8px;
    height: 36px;
  }
  .input-group-right_slide {
    position: relative;
    display: flex;
    justify-content: flex-end;
    border: solid 1px #ddd;
    border-radius: 8px;
  }
  .input-group-right_slide .btn-text {
    font-size: 14px;
    color: #101010;
  }
  .input-group-right_slide .dropdown-item {
    font-size: 14px;
    color: #101010;
  }
  .unit-header_right_slide-body .input-group-prepend-right_slide {
    position: relative;
    width: 30%;
    max-width: 90px;
    display: flex;
  }
  .unit-header_right_slide-body .input-group-prepend-right_slide button {
    display: flex;
    align-items: center;
    padding: 0 5px;
  }
  .unit-header_right_slide-body .input-group-prepend-right_slide button:focus {
    box-shadow: none;
  }
  .unit-header_right_slide-body .btnSearch {
    top: 5px;
  }
  .btn-outline-secondary-right_slide {
    cursor: pointer;
    padding: 8px;
    font-size: 13px;
  }
  .unit-header_right_slide-body .btn-outline-secondary-right_slide .text-truncate {
    max-width: 50px;
  }
  .dropdown-menu-right_slide {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    margin: 0.125rem 0 0;
    padding: 15px 0;
    width: 75vw;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #212529;
    list-style: none;
    text-align: left;
    font-size: 1rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .dropdown-menu-right_slide.show {
    display: block;
  }
  .form-control-right_slide {
    flex: 1;
    width: 50%;
    padding-right: 30px;
    font-size: 15px;
    border: 0;
    border-left: 1px solid #d9d9d9;
    border-radius: 0 10px 10px 0;
    outline: 0;
  }
  .unit-header-menu_right_slide_view .unit-header_right_slide__nav {
    --font-color: 51, 51, 51;
  }
  .unit-header_right_slide-bottom {
    display: flex;
    height: 80px;
    justify-content: space-around;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 14px;
  }
  .unit-header_right_slide-bottom button {
    padding: 10px 30px 10px 30px !important;
  }
  .unit-header-menu_right_slide .unit-header_right_slide-body .unit-header_right_slide__nav .unit-attr-search__content--checkbox [text-style="3"] {
    color: #101010;
    font-size: 14px;
  }
  .unit-header_right_slide__nav .unit-attr-search__content--checkbox.is_active {
    color: rgb(var(--rgb-color));
  }
  .unit-header-menu_right_slide_view .unit-attr-search__content--checkbox {
    padding: 8px 0;
    line-height: 1.3;
    opacity: 0.8;
  }
  .dropdown-menu-right_slide .dropdown-item {
    width: 100%;
    white-space: normal;
    padding: 0;
    font-weight: normal;
    padding: 5px 15px;
  }
  .dropdown-menu-right_slide .dropdown-item:first-child {
    padding-top: 0;
  }
  .dropdown-menu-right_slide .dropdown-item:last-child {
    padding-bottom: 0;
  }
  .dropdown-menu-right_slide .dropdown-item.is_active {
    color: rgb(var(--rgb-color));
  }
  .dropdown-menu-right_slide .dropdown-item:hover {
    background-color: #f8f9fa;
  }
  .unit-header_right_slide__nav .unit-header-menu__nav__item-drop::before {
    color: #6d6d6d;
  }
  .unit-header_right_slide-body::-webkit-scrollbar {
    width: 4px;
  }
  @media screen and (max-width: 1200px) {
    .unit-product-sort-m {
      display: flex;
    }
    .unit-product-sort-m-view {
      display: block;
      padding: 14px 14px 4px 14px;
    }
    .unit-attr-search,
    .unit-product-sort,
    .unit-product-sort-1__wrapper,
    .unit-attr-text-search-1__wrapper,
    .unit-attr-sort-search-1__wrapper,
    .unit-attr-search-1__wrapper,
    .unit-attr-text-search:not(.download-text-search),
    .unit-attr-sort-search,
    [package-unit-type="attr-search"] {
      display: none !important;
    }
  }
  .unit-social-list {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  }
  .unit-social-list .bg-facebook {
    --social-icon: #3b5998;
  }
  .unit-social-list .bg-youtube {
    --social-icon: red;
  }
  .unit-social-list .bg-twitter {
    --social-icon: #000;
  }
  .unit-social-list .bg-linkedin {
    --social-icon: #377ca5;
  }
  .unit-social-list .bg-instagram {
    --social-icon: #be347f;
  }
  .unit-social-list .bg-pinterest {
    --social-icon: #bc081c;
  }
  .unit-social-list .bg-reddit {
    --social-icon: #ff4500;
  }
  .unit-social-list .bg-skype {
    --social-icon: #00aff0;
  }
  .unit-social-list .bg-telegram {
    --social-icon: #22a0d3;
  }
  .unit-social-list .bg-tiktok {
    --social-icon: #010101;
  }
  .unit-social-list .bg-tumblr {
    --social-icon: #35465e;
  }
  .unit-social-list .bg-vk {
    --social-icon: #0189fd;
  }
  .unit-social-list .bg-whatsapp {
    --social-icon: #42c655;
  }
  .unit-social-list .bg-viber {
    --social-icon: #7b519f;
  }
  .unit-social-list .bg-more {
    --social-icon: rgba(255, 255, 255, 0.8);
  }
  .unit-social-list .unit-social-list__item {
    color: white;
    --social-icon-active: var(--social-icon);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    justify-self: center;
  }
  .unit-social-list .unit-social-list__more,
  .unit-social-list .unit-social-list__icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--social-icon);
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
  }
  .unit-social-list .unit-social-list__more {
    color: #424344;
    border: 1px solid #ebebeb;
    cursor: pointer;
    line-height: 28px;
  }
  .unit-social-list .unit-social-list__more:hover,
  .unit-social-list .unit-social-list__icon:hover {
    background-color: var(--social-icon-active);
  }
  .modal .unit-social-list__icon {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .modal .unit-social-list__icon .iconfont {
    font-size: 22px;
  }
  .new-modal-social .modal__inner {
    border-radius: 8px;
  }
  .new-modal-social .modal__inner .unit-social-list a:hover .unit-social-list__itemabox {
    background-color: #cbdffe;
    border-radius: 8px;
  }
  .new-modal-social .modal__footer {
    display: none;
  }
  .new-modal-social .modal__inner-md {
    width: 1080px;
  }
  .new-modal-social .col-lg-2dot4 {
    width: 170px;
    padding: 20px;
  }
  .new-modal-social .unit-social-list__itemabox {
    height: 130px;
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #eceeef;
    border-radius: 8px;
  }
  .new-modal-social .unit-social-list__title {
    margin-top: 10px;
  }
  .new-modal-social .unit-social-list__title {
    color: #212529;
  }
  @media (max-width: 1025px) {
    .new-modal-social .modal__inner {
      width: 705px;
    }
  }
  @media (max-width: 820px) {
    .new-modal-social .modal__inner {
      width: 695px;
    }
  }
  @media (max-width: 780px) {
    .new-modal-social .modal__inner {
      width: 664px;
    }
    .unit-social-list {
      grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
    }
    .new-modal-social .col-lg-2dot4 {
      width: 136px;
      padding: 4px;
    }
  }
  @media (max-width: 420px) {
    .new-modal-social .modal__inner {
      width: 325px;
    }
  }
  [data-type="Mail"] .unit-social-list__icon {
    background-color: gray !important;
  }
  .unit-text__item {
    text-decoration: inherit;
  }
  [package-type="copyright"] [package-type="text"] {
    --lifisher-copyright-color: currentcolor;
    --lifisher-copyright-font-size: 1em;
  }
  .lifisher-copyright-shadow {
    color: var(--lifisher-copyright-color) !important;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    vertical-align: bottom;
    min-height: 1.5em;
    text-transform: capitalize;
  }
  .lifisher-copyright {
    color: var(--lifisher-copyright-color) !important;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-end;
    vertical-align: baseline;
  }
  .lifisher-copyright__link {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-end;
    vertical-align: baseline;
  }
  .lifisher-copyright__icon {
    display: flex;
    margin-right: 2px;
    margin-left: 6px;
  }
  .lifisher-copyright svg {
    fill: currentColor;
    height: var(--lifisher-copyright-font-size);
    width: auto;
  }
  .unit-video-popup {
    position: relative;
  }
  .unit-video-popup .base-image__img {
    margin: auto;
    display: block;
  }
  .unit-video-popup .alert {
    padding: 0;
  }
  .with-footer div.widget-social-media-chat__content-wrap {
    bottom: calc(140px + var(--SAIB) + var(--FAQ-B));
  }
  .widget-social-media-chat__content-wrap {
    position: fixed;
    right: 15px;
    bottom: calc(10% + var(--FAQ-B));
    cursor: pointer;
    z-index: 100;
  }
  .is-landing-page .widget-social-media-chat__content-wrap {
    bottom: 10%;
  }
  .widget-social-media-chat__content {
    position: relative;
    margin-top: 6px;
  }
  .widget-social-media-chat__content--bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    display: none;
  }
  .widget-social-media-chat__content--bottom .base-button {
    width: 100%;
    color: #fff;
    font-size: 16px;
    background: var(--main-color);
    border-radius: 20px;
    border-color: transparent;
    text-align: center;
  }
  .widget-social-media-chat__content--bottom .base-button .base-button__inner {
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    width: 100%;
    color: #fff !important;
    padding: 7px 0;
    text-transform: capitalize;
  }
  .widget-social-media-chat__server,
  .widget-social-media-chat__modal-close {
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%), 0 2px 16px 0 rgb(0 0 0 / 12%);
  }
  .widget-social-media-chat__server img {
    border-radius: 6px;
  }
  .widget-social-media-chat__modal-close {
    display: none;
  }
  .widget-social-media-chat__sign {
    width: 180px !important;
  }
  .widget-social-media-chat__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .widget-social-media-chat__item {
    border-bottom: solid 1px #eee;
    padding: 12px;
    width: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .widget-social-media-chat__item:hover {
    border-bottom: 1px var(--main-color) solid;
  }
  .widget-social-media-chat__item-text {
    padding: 2px 6px;
    text-transform: capitalize;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .widget-social-media-chat__icon {
    display: inline-block;
    line-height: 40px;
    width: 40px;
    flex-shrink: 0;
    text-align: center;
    background-color: rebeccapurple;
    color: white;
    border-radius: 5px;
  }
  .widget-social-media-chat__icon.icon-skype {
    background-color: #00aff0;
  }
  .widget-social-media-chat__icon.icon-fbmessenger {
    background-color: #0084ff;
  }
  .widget-social-media-chat__icon.icon-telegram {
    background-color: #08c;
  }
  .widget-social-media-chat__icon.icon-trademanager {
    background-color: #1896eb;
  }
  .widget-social-media-chat__icon.icon-viber {
    background-color: #744882;
  }
  .widget-social-media-chat__icon.icon-vk {
    background-color: #4c6c91;
  }
  .widget-social-media-chat__icon.icon-wechat {
    background-color: #4ec034;
  }
  .widget-social-media-chat__icon.icon-whatsapp {
    background-color: #25d366;
  }
  .widget-social-media-chat__icon.icon-send-inquiry {
    background-color: var(--main-color);
    font-size: 22px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
  }
  .widget-social-media-chat__icon.icon-action-close-2 {
    background-color: var(--main-color);
    font-size: 18px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
  }
  .widget-social-media-chat__icon.icon-base-email {
    background-color: var(--main-color);
    font-size: 16px;
  }
  .widget-social-media-chat__icon.icon-phone {
    background-color: var(--main-color);
    font-size: 16px;
  }
  .widget-social-media-chat__modal {
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 10px;
    background-color: #fff;
    transform: translate(calc(-100% + 60px), -65px);
    width: 350px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
  }
  .widget-social-media-chat__modal.show {
    opacity: 1;
    visibility: visible;
  }
  .widget-social-media-chat__modal-head {
    background-color: rgb(var(--rgb-color));
    text-align: center;
    padding: 30px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .col-plugins-list .icon-base-email,
  .col-plugins-list .icon-phone {
    font-size: 24px;
    line-height: 60px;
  }
  .widget-social-media-chat__inquiry [button-style="1"] .btn,
  .widget-social-media-chat__inquiry [button-style="2"] .btn {
    font-family: inherit;
  }
  .widget-social-media-chat__inquiry .widget-social-media-chat__modal-title {
    font-weight: bold;
  }
  .widget-social-media-chat__inquiry .widget-social-media-chat__modal-title_des {
    font-weight: normal;
  }
  .widget-social-media-chat__inquiry form .unit-form__label {
    font-size: 14px;
  }
  .widget-social-media-chat__modal-title_des {
    text-align: center;
    font-size: 14px;
    margin-top: 8px;
    opacity: 0.6;
  }
  .widget-social-media-chat__modal-title {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
  }
  .widget-social-media-chat__modal-desc {
    font-size: 14px;
    color: #666;
    padding: 15px 0;
  }
  .widget-social-media-chat__modal .base-button .btn {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    margin: 0 auto;
  }
  .widget-social-media-chat__mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    display: none;
  }
  .widget-social-media-chat__cancel {
    width: 100%;
    border-radius: 44px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    text-align: center;
    color: #333;
    text-transform: capitalize;
  }
  .widget-social-media-chat__modal-form {
    padding: 25px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(80vh - 260px);
    font-size: 14px;
    background: #f9fafa;
    padding-bottom: 45px;
  }
  .widget-social-media-chat__modal-form .unit-form .form-control {
    font-size: 14px;
    border-radius: 4px;
    border-color: #f5f5f5;
    box-shadow: none;
    background-color: #f5f5f5;
    text-transform: none;
  }
  .widget-social-media-chat__modal-form .unit-form .unit-form__item-inner {
    color: #141414;
    font-size: 14px;
  }
  .widget-social-media-chat__modal-form .unit-form__item-submit {
    margin-top: 11px;
  }
  .widget-social-media-chat__modal-form .form-group {
    margin-bottom: 7px;
  }
  .widget-social-media-chat__modal-form::-webkit-scrollbar {
    width: 3px;
  }
  .widget-social-media-chat__modal-form::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
  }
  .widget-social-media-chat__modal-close-1 {
    display: none;
  }
  .widget-social-media-chat__content-wrap i:hover .onlineservice_tips {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    display: block;
  }
  .onlineservice_tips {
    padding: 5px 8px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    position: absolute;
    right: 72px;
    top: 15px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .onlineservice_tips:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -5px;
    top: 10px;
    background-color: #fff;
  }
  .onlineservice_tips:hover {
    text-decoration: underline;
  }
  .onlineservice_tips {
    display: block;
    min-height: 28px;
    text-align: center;
    line-height: 28px;
    color: #333 !important;
    font-size: 15px;
  }
  @media (max-width: 1440px) {
    .widget-social-media-chat__modal-form {
      max-height: calc(88vh - 220px);
    }
  }
  .col-plugins-list {
    flex-direction: column;
    display: flex;
  }
  .col-plugins-list i {
    margin-top: 6px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 2;
    border-radius: 50%;
    position: relative;
  }
  @media (max-width: 768px) {
    [page-type="product_detail"] .widget-social-media-chat__content > .widget-social-media-chat__modal-close {
      opacity: 0;
    }
    [page-type="product_detail"] .widget-social-media-chat__server {
      display: none !important;
    }
    .widget-social-media-chat__modal {
      position: fixed;
      width: 100%;
      transform: translateX(0);
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      bottom: 0;
      border-radius: 8px 8px 0 0;
    }
    .widget-social-media-chat__mask.show {
      display: block;
    }
    .widget-social-media-chat__wrap {
      overflow-x: auto;
      width: 100%;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .widget-social-media-chat__wrap::-webkit-scrollbar {
      display: none;
    }
    .widget-social-media-chat__item {
      width: 25%;
      display: flex;
      flex-direction: column;
      align-items: center;
      border-bottom: 0;
      padding: 20px 10px;
    }
    .widget-social-media-chat__cancel {
      display: block;
    }
    .widget-social-media-chat__modal-form {
      max-height: calc(100vh - 250px - var(--SAIT) - var(--SAIB));
    }
    .widget-social-media-chat__icon {
      line-height: 45px;
      width: 45px;
      font-size: 22px;
    }
    .move_chat_close {
      display: block;
      position: absolute;
      right: 10px;
      top: 10px;
      color: #fff;
    }
    .widget-social-media-chat__modal-close {
      box-shadow: none;
    }
    .col-plugins-list {
      display: none !important;
    }
    .no-need-inquiry.not-only-one .col-plugins-list {
      display: none;
    }
    .only-one.has-inquiry .col-plugins-list {
      display: none;
    }
  }
  .chat-online-unit-form__item {
    margin-bottom: 18px !important;
  }
  .chat-online-unit-form__item-inner {
    display: flex;
    flex-direction: column;
    flex-flow: column-reverse;
  }
  .chat-online-unit-form__item-inner .unit-form__label {
    order: 3;
  }
  .chat-online-unit-form__item-inner .unit-form__control {
    order: 2;
  }
  .chat-online-unit-form__item-inner .unit-form__label {
    position: static;
    padding: 0;
    padding-bottom: 8px;
  }
  .chat-online-unit-form__item-inner .form-control {
    background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
  }
  .chat-online-unit-form__item-inner .form-control {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .chat-online-unit-form__item-inner .widget-social-media-chat__modal-body {
    padding: 0;
  }
  .widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .form-control:not(:placeholder-shown) ~ .unit-form__label {
    padding-top: 0;
    padding-bottom: 8px;
    opacity: 0.8;
    font-size: 14px;
    max-width: unset;
  }
  .chat-online-unit-form__item-inner textarea::-webkit-scrollbar {
    width: 4px;
  }
  .chat-online-unit-form__item-inner .form-group {
    margin-bottom: 10px;
  }
  .chat-online-unit-form__item-inner.unit-form__select-box:after {
    padding-top: 0;
    top: unset;
    bottom: calc(43px * 0.5 - 22px * 0.5);
  }
  .chat-online-unit-form__item-inner.unit-form__select-box:has(.is-invalid):after {
    bottom: 30px;
    right: 25px;
  }
  .chat-online-unit-form__item-inner.unit-form__select-box .form-control {
    padding-right: 35px;
  }
  .chat-online-unit-form__item-inner .unit-form__select-option {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list.unit-form__control .unit-form__checkbox-list-inner {
    padding-top: 0;
    row-gap: 0;
  }
  .widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list {
    max-height: 196px;
    overflow-y: auto;
    padding-bottom: 0 !important;
  }
  .widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list::-webkit-scrollbar {
    width: 2px;
  }
  .widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .unit-form__checkbox-list .unit-form__checkbox {
    padding-bottom: 10px;
  }
  .widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-webkit-input-placeholder {
    color: #999 !important;
  }
  .widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control:-ms-input-placeholder {
    color: #999 !important;
  }
  .widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-ms-input-placeholder {
    color: #999 !important;
  }
  .widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::-moz-placeholder {
    color: #999 !important;
  }
  .widget-social-media-chat__modal-form .has-placeholder .chat-online-unit-form__item-inner .form-control::placeholder {
    color: #999 !important;
  }
  .widget-social-media-chat__modal-form .chat-online-unit-form__item-inner .placeholder {
    display: none !important;
  }
  .widget-social-media-chat__modal-form [label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
    display: block !important;
  }
  .no-need-inquiry .widget-social-media-chat__item {
    padding: 12px;
  }
  .only-one.no-inquiry .col-plugins-list {
    display: flex;
  }
  [data-inquirystatus="2"] .cont-text {
    display: none;
  }
  .no-inquiry .cont-text {
    display: none;
  }
  @media (min-width: 769px) {
    .no-inquiry .widget-social-media-chat__server {
      display: none;
    }
    .no-need-inquiry[data-inquirystatus="1"] .widget-social-media-chat__wrap {
      display: none;
    }
  }
  .widget-ai-chat .widget-social-media-chat__icon {
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: var(--main-color);
  }
  .widget-social-media-chat__icon.widget-main-icon {
    font-size: 22px;
  }
  .with-footer .widget-ai-chat .widget-ai-chat__content-wrap {
    bottom: calc(140px + var(--SAIB));
  }
  .widget-ai-chat .widget-ai-chat__content-wrap {
    position: fixed;
    right: 15px;
    bottom: 10%;
    cursor: pointer;
    z-index: 10;
  }
  .widget-ai-chat .widget-ai-chat__modal {
    transform: translate(calc(-100% + 60px), -126px);
  }
  .widget-ai-chat__iframe {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    height: 100%;
  }
  .widget-ai-chat .widget-social-media-chat__modal-body {
    height: 500px;
  }
  .widget-ai-chat__icon_list {
    flex-direction: column;
    display: flex;
  }
  .widget-ai-chat__icon_list .widget-social-media-chat__icon {
    margin-top: 6px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 2;
    border-radius: 50%;
  }
  @media (max-width: 768px) {
    .widget-ai-chat .widget-ai-chat__modal {
      position: fixed;
      width: 100%;
      transform: translateX(0);
    }
    .widget-ai-chat .widget-ai-chat__content-wrap {
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .widget-ai-chat .widget-ai-chat__content-wrap::-webkit-scrollbar {
      display: none;
    }
    [page-type="faq_messages"] [package-group="widget"] {
      display: none;
    }
  }
  .widget-social-media-chat__modal-body .multi_select__tags-wrap {
    top: auto;
    top: 40px;
  }


  .base-button__inner {
    font-size: 12px;
  }
  .base-pagination__item .base-pagination__link {
    height: 46px;
    line-height: 46px;
    width: 46px;
  }
  .base-pagination__item.active .base-pagination__link {
    background: transparent;
    border-color: transparent;
    color: #fff;
  }
  .base-pagination__item.active::before {
    border-color: inherit;
  }
  .container {
    --container-width: 1440px;
    --is-custom: false;
    max-width: 1440px;
  }
  .container__article {
    --container-width: 345px;
    max-width: 345px;
  }
  .unit-form__control {
    border: 0;
  }
  .unit-form__control:focus {
    background-color: transparent;
    border-color: inherit;
    color: inherit;
  }
  .unit-form__submit {
    margin: 1vw auto 1vw auto;
    display: block;
  }
  :root {
    --animate__name: none;
    --compress__ratio: 97, 97, 97;
    --compress_banner__ratio: 80;
    --img__convert_dst: true;
    --img__convert_quality: true;
    --img__dpi: false;
    --rgb-color: 26, 49, 105;
  }
  [button-style="1"] .btn {
    padding: 10px 22px 10px 22px;
    --button-type: 0;
    background: rgba(240, 133, 25, 1);
    background-color: rgba(240, 133, 25, 1);
    border-bottom-color: rgba(240, 133, 25, 1);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-radius: 20px;
    border-right-width: 0;
    border-top-width: 0;
    color: rgba(248, 248, 248, 1);
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: Poppins Regular;
  }
  [button-style="2"] .btn {
    padding: 10px 22px 10px 22px;
    --button-type: 0;
    background-color: var(--main-color);
    border-bottom-width: 0;
    border-left-width: 0;
    border-radius: 5px 5px 5px 5px;
    border-right-width: 0;
    border-top-width: 0;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: Poppins Regular;
  }
  [form-style="1"] .unit-form__control {
    --form-type: 0;
    background-color: rgba(245, 245, 245, 1);
    border-bottom-width: 0;
    border-left-width: 0;
    border-radius: 5px 5px 5px 5px;
    border-right-width: 0;
    border-top-width: 0;
  }
  [form-style="1"] .unit-form__item-inner,
  [form-style="2"] .unit-form__item-inner {
    color: rgba(16, 16, 16, 1);
  }
  [form-style="2"] .unit-form__control {
    --form-type: 0;
    background-color: rgba(230, 233, 238, 0.6);
    border-bottom-width: 0;
    border-left-width: 0;
    border-radius: 5px 5px 5px 5px;
    border-right-width: 0;
    border-top-width: 0;
  }
  [package-group] {
    position: static;
    top: 0px;
  }
  [package-item="module"] {
    padding-bottom: 10vw;
    padding-top: 10vw;
  }
  [package-item="unit"] {
    padding-bottom: 5px;
    padding-top: 5px;
  }
  [tab-style="1"] .nav-item,
  [tab-style="1"] .nav-item.active,
  [tab-style="2"] .nav-item,
  [tab-style="2"] .nav-item.active {
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    border-radius: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-top-style: solid;
    border-top-width: 0px;
    text-align: center;
    text-transform: capitalize;
  }
  [text-style="1"] {
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: "Montserrat Regular";
  }
  [text-style="2"] {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.6;
    text-transform: capitalize;
    font-family: "Montserrat Regular";
  }
  [text-style="3"] {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.8;
    font-family: "Montserrat Light";
  }
  [text-style="4"] {
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8;
    text-transform: uppercase;
    font-family: "Montserrat Light";
  }
  #block-ikvFICHKZq {
    --font-fixed: #fff;
    --header-bg: var(--main-color);
    --header-bg-fixed: var(--main-color);
    color: #fff;
  }
  [firstMenu] {
    --font-active: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: "Montserrat Regular";
  }
  [subMenu] {
    --font-active: var(--main-color);
    --header-bg: #fff;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 1.5;
    font-family: "Montserrat Light";
  }
  #module-dQEXsmY8fL {
    padding: 0px;
    --font-fixed: rgba(255, 255, 255, 1);
    --header-bg: var(--main-color);
    --header-bg-fixed: var(--main-color);
    color: rgba(255, 255, 255, 1);
  }
  #module-sK2vzWFvPj {
    padding: 0px;
    --font-fixed: rgba(255, 255, 255, 1);
    --header-bg: rgba(23, 51, 103, 1);
    --header-bg-fixed: rgba(23, 51, 103, 1);
    color: rgba(255, 255, 255, 1);
  }
  #module-MMxVlF5UQ5 {
    padding: 0px;
    --font-fixed: rgba(255, 255, 255, 0.8);
    --header-bg: var(--main-color);
    --header-bg-fixed: var(--main-color);
    color: rgba(255, 255, 255, 0.8);
  }
  #module-UqAdJtYbur .container-fluid,
  #module-UqAdJtYbur {
    padding: 0px;
  }
  #module-uCuvNWpkvq,
  #module-KGiVD3GXiN {
    background-color: rgba(248, 248, 248, 1);
    color: #fff;
    padding-bottom: 10vw;
    padding-top: 10vw;
  }
  #module-gYgFrmZVW1 {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    padding-bottom: 10vw;
    padding-top: 10vw;
  }
  #module-WLGAdS5grY,
  #module-jpoptHXiUa {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    padding-bottom: 10vw;
    padding-top: 10vw;
  }
  #module-PRs5sAGEVP {
    background-color: rgba(242, 244, 246, 1);
    color: #000;
    padding-bottom: 10vw;
    padding-top: 10vw;
  }
  #module-5oF1nUknZ1 {
    background-color: rgba(242, 244, 246, 1);
    color: #fff;
    padding-bottom: 10vw;
    padding-top: 10vw;
  }
  #module-inbLXitvrI {
    background-color: var(--main-color);
    color: #fff;
    padding-bottom: 0px;
    padding-top: 5vw;
  }
  #module-CjMsjP0Zy5 {
    background-color: var(--main-color);
    color: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  #module-ieZkYEFVgn {
    background-color: rgba(248, 248, 248, 1);
    padding-left: 5vw;
    padding-right: 5vw;
  }
  #grid-HpQ7t5CXAG [package-group="cell"],
  #grid-aLJhenKZUL [package-group="cell"],
  #grid-U8uKHI0SNS [package-group="cell"] {
    align-items: center;
  }
  #grid-HpQ7t5CXAG {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
  }
  #grid-XnD0yjLM94 [package-group="cell"] {
    display: flex;
    justify-content: center;
  }
  #grid-0mCKZU2M3d {
    padding-bottom: 4vw;
    padding-top: 2vw;
  }
  #cell-MDHfgVtPZ7 [package-item="unit"],
  #cell-mj4yMy8sZY [package-item="unit"] {
    min-height: 1px;
  }
  #cell-mj4yMy8sZY [package-group="unit"],
  #cell-xOTxUevAyP [package-group="unit"],
  #cell-SWWzq83ecU [package-group="unit"] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  #cell-quv2ShIuWQ [package-group="unit"] {
    display: flex;
  }
  #cell-LjwiPwxrft {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #cell-JeMeyazAkQ {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0px;
    padding-left: vw;
    padding-top: 0px;
  }
  #cell-qTKutsaySG {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #cell-n7EV5FtfDY {
    display: block;
    flex-direction: column;
    padding-top: 3vw;
  }
  #cell-UW4iRKPcAL,
  #grid-L31wd066DV,
  #cell-tWxF6Gn9Ar,
  #cell-Q5mTIdK7y9,
  #unit-aj6kggXzNK {
    padding-top: 2vw;
  }
  #cell-T06BQLgafN,
  #cell-kwE7qjezd9,
  #cell-GyeOw5bC8g {
    padding: 0.8vw;
  }
  #cell-vM58HDtGXc {
    background-color: rgba(0, 0, 0, 0);
  }
  #cell-eU1iL23b16 {
    padding-top: 0.5vw;
  }
  #cell-f2hQvmizpi,
  #cell-paLv7hXnNI,
  #cell-jNygsvq9ip {
    padding-left: 1vw;
  }
  #cell-LcOP5UxVhl {
    display: flex;
    flex-direction: column;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  #unit-uvGvRa1yog .icon-base-email {
    padding-right: 10px;
  }
  #unit-uvGvRa1yog .icon-base-phone-lighter {
    padding-right: 5px;
  }
  #unit-uvGvRa1yog .unit-text__item {
    color: rgba(255, 255, 255, 0.8);
  }
  #unit-uvGvRa1yog {
    font-size: 14px;
  }
  #unit-O3pzNrhjrk .unit-social-list__icon {
    border-radius: 50%;
  }
  #unit-EBPpRRV84q .unit-header-cart,
  #unit-fWqrRlYmM9 .unit-header-language,
  #unit-SApJntZ0wV {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #unit-uSnOxQ2r7Y .unit-header-search,
  #unit-SApJntZ0wV .unit-header-login,
  #unit-MoCaz6NXXl .unit-header-search {
    --font-active: rgba(255, 255, 255, 1);
  }
  #unit-uSnOxQ2r7Y .unit-header-search__btn,
  #unit-LKkcLkI6LB {
    padding: 0;
  }
  #unit-uSnOxQ2r7Y {
    padding-left: 10px;
    padding-right: 10px;
  }
  #unit-3Qkfct4tg0,
  #cell-G8Vg15kH4a,
  #cell-JO1Gc1mR8T,
  #cell-kUA72RbNEK,
  #unit-pAYO3I3yEy .unit-form__submit-wrap,
  #unit-9SXszcLAqE .unit-form__submit-wrap {
    text-align: center;
  }
  #unit-dKaJTOMecV .unit-logo_image {
    height: 40px;
  }
  #unit-MoCaz6NXXl {
    font-size: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #unit-wau5EZF1wA .iconfont {
    font-size: inherit;
  }
  #unit-wau5EZF1wA {
    font-size: 20px;
    padding-left: 5px;
  }
  #unit-Pchv0eCw7P .base-button {
    text-transform: capitalize;
  }
  #unit-Pchv0eCw7P .base-image__img {
    color: rgba(26, 49, 105, 1);
    height: 100%;
    width: 100%;
  }
  #unit-Pchv0eCw7P .base-image__item,
  #unit-Pchv0eCw7P .unit-list__item,
  #unit-KDUmwry2rA .base-image__item,
  #unit-BU6v2GZeLz .base-image__item,
  #unit-PWO6WyDXXp .base-image__item,
  #unit-EEcu3xNXOg .base-image__item,
  #unit-aMdjftINgU .base-image__item,
  #unit-2KCIRrJWOG .unit-list__image,
  #unit-rraFIjGkYg .base-image__item {
    overflow: hidden;
  }
  #unit-Pchv0eCw7P .is-swiper .unit-list__item {
    padding: 0px;
    margin: 0px;
  }
  #unit-Pchv0eCw7P .unit-list__description {
    padding-bottom: 0px;
    padding-top: 2vw;
  }
  #unit-Pchv0eCw7P .unit-list__image,
  #unit-Pchv0eCw7P .unit-list__video {
    width: 50%;
  }
  #unit-Pchv0eCw7P .unit-list__item-inner {
    align-items: center;
    flex-direction: row !important;
    position: relative;
    width: 200%;
  }
  #unit-Pchv0eCw7P .unit-list__items {
    margin: -1.5vw;
    padding-bottom: 0px;
  }
  #unit-Pchv0eCw7P .unit-list__subtitle {
    opacity: unset;
  }
  #unit-Pchv0eCw7P .unit-list__text {
    display: flex;
    padding-bottom: 2.5vw;
    padding-left: 15px;
    padding-top: 0px;
    transform: translate(-100%);
    width: 50%;
  }
  #unit-Pchv0eCw7P .unit-list__text-inner {
    padding-left: calc(50vw - var(--container-width) / 2);
    width: 50%;
  }
  #unit-Pchv0eCw7P .unit-list__video video,
  #unit-pAYO3I3yEy .base-button__inner {
    width: 100%;
  }
  #unit-Pchv0eCw7P [text-style="0"] {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 500;
  }
  #unit-Pchv0eCw7P [text-style="00"] {
    font-size: 18px;
  }
  #unit-Pchv0eCw7P {
    color: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  #unit-tzBjZvnc3d {
    color: rgba(255, 255, 255, 0.8);
    padding-bottom: 0px;
    padding-top: 0px;
  }
  #unit-GgY0yLiUg9 .unit-text__item {
    color: rgba(0, 0, 0, 0);
  }
  #unit-GgY0yLiUg9,
  #unit-hB7URpvwoL,
  #unit-V9ojzTPft5,
  #unit-ahUYjGUutR,
  #unit-5vdI1ak4eB,
  #unit-zYZNRleIwb {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  #unit-8w6f6fOCYW .unit-text__item,
  #unit-HrlkMjTutD .unit-text__item,
  #unit-hB7URpvwoL .unit-text__item,
  #unit-v7ebWteZbQ .unit-text__item,
  #unit-V9ojzTPft5 .unit-text__item,
  #unit-PWO6WyDXXp .unit-list__title,
  #unit-EEcu3xNXOg .unit-list__title,
  #unit-aMdjftINgU .unit-list__title,
  #unit-jF7wgn8XSg .unit-text__item {
    color: rgba(0, 0, 0, 1);
  }
  #unit-8w6f6fOCYW {
    color: rgba(255, 255, 255, 0.8);
    padding-bottom: 0px;
    padding-top: 2vw;
  }
  #unit-flWXnF3pse {
    margin-top: 2vw;
  }
  #unit-KDUmwry2rA .base-image__img,
  #unit-BU6v2GZeLz .base-image__img,
  #unit-PWO6WyDXXp .base-image__img,
  #unit-EEcu3xNXOg .base-image__img,
  #unit-aMdjftINgU .base-image__img {
    color: rgba(26, 49, 105, 1);
    height: auto;
    width: auto;
  }
  #unit-no341Im39B {
    color: rgb(var(--rgb-color));
    padding-bottom: 0px;
    padding-top: 0px;
  }
  #unit-HrlkMjTutD {
    color: rgba(255, 255, 255, 0.8);
    margin-top: 3vw;
    padding-bottom: 0px;
    padding-top: 1vw;
  }
  #unit-wIer55mn3b,
  #cell-ZsL57mTfKd {
    padding-top: 1vw;
  }
  #unit-v7ebWteZbQ {
    color: rgba(255, 255, 255, 0.8);
    padding-bottom: 0px;
    padding-top: 1vw;
  }
  #unit-B2IXau2YF7 .base-image__img {
    color: rgba(26, 49, 105, 1);
    height: auto;
    object-fit: unset;
    transition: 0.3s;
    width: auto;
  }
  #unit-B2IXau2YF7 .base-image__item {
    border-radius: 0px 20px;
    overflow: hidden;
    transition: 0.3s;
  }
  #unit-B2IXau2YF7 .unit-list__a:hover .base-image__img,
  #unit-PWO6WyDXXp .unit-list__a:hover img,
  #unit-EEcu3xNXOg .unit-list__a:hover img,
  #unit-aMdjftINgU .unit-list__a:hover img {
    transform: scale(1.1);
  }
  #unit-B2IXau2YF7 .unit-list__a:hover .base-image__item {
    border-radius: 0px;
  }
  #unit-B2IXau2YF7 .unit-list__description .text_ellipsis,
  #unit-2KCIRrJWOG .unit-list__description .text_ellipsis {
    -webkit-line-clamp: unset;
  }
  #unit-B2IXau2YF7 .unit-list__text {
    padding: 0 1vw;
  }
  #unit-B2IXau2YF7 {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 1);
  }
  #unit-fXUbkJbF40 .unit-text__item {
    color: rgba(0, 0, 0, 1);
    text-align: center;
  }
  #unit-PWO6WyDXXp img,
  #unit-2KCIRrJWOG img {
    transition: 0.4s ease-out;
  }
  #unit-EEcu3xNXOg img,
  #unit-aMdjftINgU img {
    transition: 0.4s ease-out;
    width: 100%;
  }
  #unit-ahUYjGUutR .unit-text__item,
  #unit-2KCIRrJWOG .unit-list__description {
    text-align: left;
  }
  #unit-FI5BjNzz4w .unit-text__item {
    color: rgba(52, 52, 52, 1);
    text-align: left;
  }
  #unit-2KCIRrJWOG .base-image__img {
    height: 100%;
    object-fit: unset;
    width: 100%;
  }
  #unit-2KCIRrJWOG .base-image__item {
    border-radius: 0 0 0 0;
    overflow: hidden;
  }
  #unit-2KCIRrJWOG .unit-list__a:hover img {
    transform: scale(1.05);
  }
  #unit-2KCIRrJWOG .unit-list__content {
    padding: 0 15px;
  }
  #unit-2KCIRrJWOG .unit-list__item-inner {
    background-color: rgba(0, 0, 0, 0);
    position: relative;
  }
  #unit-2KCIRrJWOG .unit-list__subtitle {
    margin-bottom: 0;
  }
  #unit-2KCIRrJWOG .unit-list__text {
    text-align: center;
    width: 100%;
  }
  #unit-2KCIRrJWOG .unit-list__title {
    margin-top: 0px;
    padding-top: 15px;
    text-align: left;
  }
  #unit-hOWF4Sg8fo .unit-text__item {
    color: rgba(0, 0, 0, 1);
    text-align: left;
  }
  #unit-hOWF4Sg8fo {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 4vw;
  }
  #unit-jF7wgn8XSg {
    color: rgba(255, 255, 255, 0.8);
    padding-bottom: 0px;
    padding-left: 0vw;
    padding-top: 1vw;
  }
  #unit-snoZOqbX7p .base-video__play {
    height: 50px;
    width: 50px;
  }
  #unit-snoZOqbX7p .base-video__play i {
    font-size: 20px;
  }
  #unit-snoZOqbX7p {
    --auto: 1;
  }
  #unit-5vdI1ak4eB .unit-text__item {
    color: rgba(16, 16, 16, 1);
    text-align: center;
  }
  #unit-aj6kggXzNK .unit-text__item {
    color: rgba(52, 52, 52, 1);
    text-align: center;
  }
  #unit-rraFIjGkYg .base-image__img {
    height: auto;
    width: auto;
  }
  #unit-dRpU9TcVB3 .unit-social-list__icon {
    --social-icon: rgba(255, 255, 255, 0.6);
    --social-icon-active: rgba(202, 165, 80, 1);
    color: var(--main-color);
  }
  #unit-W0OUsUjyBk .unit-text__item,
  #unit-sZAcFalE2N .unit-text__item,
  #unit-Oe8BSOY63p .unit-text__item,
  #unit-9BB42xs5SK .unit-text__item,
  #unit-uV5gGLzX1p .unit-text__item {
    color: rgba(255, 255, 255, 1);
  }
  #unit-W0OUsUjyBk,
  #unit-sZAcFalE2N,
  #unit-Oe8BSOY63p,
  #unit-9BB42xs5SK,
  #unit-uV5gGLzX1p {
    padding-bottom: 1vw;
  }
  #unit-out92fZWDe .unit-text__item,
  #unit-fxTSCKYVn4 .unit-text__item,
  #unit-fpph4j7cOx .unit-text__item,
  #unit-YSYVGE7GXL .unit-text__item,
  #unit-8Q7EqAJIWq .unit-text__item {
    color: rgba(255, 255, 255, 0.6);
  }
  #unit-M5PAFKb9BJ .unit-text__item {
    color: rgba(255, 255, 255, 0.6);
    text-align: left;
  }
  #unit-M5PAFKb9BJ [text-style="0"] {
    font-size: 14px;
    font-family: "Montserrat Light";
  }
  #unit-M5PAFKb9BJ {
    border-top-color: rgba(255, 255, 255, 0.1);
    border-top-style: solid;
    border-top-width: 1px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
  }
  #unit-zYZNRleIwb .base-image__img {
    color: rgba(26, 49, 105, 1);
    height: auto;
    object-fit: unset;
    width: auto;
  }
  #unit-zYZNRleIwb .base-image__item {
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
  #unit-9SXszcLAqE {
    padding-left: 6vw;
    padding-right: 6vw;
  }
  @media (min-width: 768px) {
    .container__article {
      --container-width: 737px;
      max-width: 737px;
    }
    [button-style="1"] .btn,
    [button-style="2"] .btn {
      padding-left: 24px;
      padding-right: 24px;
      font-family: Poppins Regular;
    }
    [package-item="module"],
    #module-uCuvNWpkvq,
    #module-KGiVD3GXiN {
      padding-bottom: 5vw;
      padding-top: 5vw;
    }
    [text-style="1"] {
      font-size: 30px;
      line-height: 1.2;
    }
    [text-style="2"] {
      font-size: 18px;
    }
    [text-style="3"] {
      font-size: 15px;
      line-height: 1.9;
    }
    #module-gYgFrmZVW1,
    #module-PRs5sAGEVP,
    #module-5oF1nUknZ1 {
      padding-bottom: 6vw;
      padding-top: 6vw;
    }
    #module-WLGAdS5grY,
    #module-jpoptHXiUa {
      padding-bottom: 6vw;
      padding-top: 5vw;
    }
    #cell-LjwiPwxrft {
      padding-right: 3vw;
    }
    #cell-qTKutsaySG {
      padding-right: 1.5vw;
    }
    #cell-n7EV5FtfDY {
      padding-left: 1.5vw;
      padding-top: 0px;
    }
    #unit-Pchv0eCw7P [text-style="0"] {
      font-size: 32px;
      font-weight: 500;
    }
    #unit-Pchv0eCw7P .base-image__img[img-index="0"] {
      height: auto;
    }
    #unit-B2IXau2YF7 .base-image__item {
      border-radius: 0px 30px;
    }
    #unit-PWO6WyDXXp .unit-list__item,
    #unit-EEcu3xNXOg .unit-list__item,
    #unit-aMdjftINgU .unit-list__item {
      padding: 0.8vw;
    }
    #unit-PWO6WyDXXp .unit-list__items,
    #unit-EEcu3xNXOg .unit-list__items,
    #unit-aMdjftINgU .unit-list__items {
      margin: -0.8vw;
    }
    #unit-jF7wgn8XSg {
      padding-left: 8vw;
    }
    #unit-snoZOqbX7p .base-video__play {
      height: 65px;
      width: 65px;
    }
    #unit-snoZOqbX7p .base-video__play i {
      font-size: 30px;
    }
    #unit-snoZOqbX7p {
      --auto: 0;
    }
    #unit-zYZNRleIwb .base-image__img {
      height: 300px;
      max-height: 100%;
    }
    #unit-zYZNRleIwb .base-image__img[img-index="0"] {
      height: 300px;
    }
  }
  @media (min-width: 1200px) {
    .base-button__inner {
      font-size: 14px;
    }
    .container__article {
      --container-width: 966px;
      max-width: 966px;
    }
    [button-style="1"] .btn {
      font-size: 15px;
      padding-left: 16px;
      padding-right: 16px;
      font-family: Poppins Regular;
    }
    [button-style="2"] .btn {
      padding: 13px 36px 13px 36px;
      font-size: 15px;
      font-family: Poppins Regular;
    }
    [package-item="module"],
    #module-KGiVD3GXiN {
      padding-bottom: 3vw;
      padding-top: 3vw;
    }
    [text-style="1"] {
      font-size: 2.4vw;
    }
    [subMenu] {
      --font-active: rgba(0, 100, 179, 1);
      color: rgba(52, 52, 52, 1);
    }
    #module-uCuvNWpkvq {
      padding: 4vw 0px 4vw 0px;
    }
    #module-gYgFrmZVW1,
    #module-PRs5sAGEVP,
    #module-5oF1nUknZ1 {
      padding-bottom: 4vw;
      padding-top: 4vw;
    }
    #module-WLGAdS5grY,
    #module-jpoptHXiUa {
      padding-bottom: 4vw;
      padding-top: 3vw;
    }
    #grid-L31wd066DV {
      padding-left: 0px;
      padding-right: 0px;
    }
    #cell-ZsL57mTfKd {
      padding-left: 6vw;
      padding-right: 6vw;
    }
    #unit-Pchv0eCw7P .unit-list__items {
      margin: -0.8vw;
    }
    #unit-Pchv0eCw7P [text-style="0"] {
      font-size: 5vw;
      line-height: 1.3;
      font-weight: 500;
    }
    #unit-B2IXau2YF7 .base-image__item {
      border-radius: 0px 50px;
    }
    #unit-aMdjftINgU .base-image__img {
      object-fit: unset;
    }
    #unit-hOWF4Sg8fo {
      padding-top: 0px;
    }
    #unit-aj6kggXzNK {
      padding-left: 12vw;
      padding-right: 12vw;
      padding-top: 1vw;
    }
  }
  @font-face {
    font-family: "Poppins Regular";
    src: url("/font/en/Poppins-Regular.woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Montserrat Regular";
    src: url("data:font/woff2;charset=utf-8;base64,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");
    font-display: swap;
  }
  @font-face {
    font-family: "Montserrat Light";
    src: url("data:font/woff2;charset=utf-8;base64,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");
    font-display: swap;
  }




  #unit-W5EDRIoNxS .unit-header-nav__item-son,
  #unit-W5EDRIoNxS .unit-header-nav__item-grandson,
  #unit-W5EDRIoNxS .unit-header-nav__item-grateson {
    padding: 16px 12px 0;
    min-width: 250px;
  }
  #unit-W5EDRIoNxS .unit-header-nav__item-son:last-child,
  #unit-W5EDRIoNxS .unit-header-nav__item-grandson:last-child,
  #unit-W5EDRIoNxS .unit-header-nav__item-grateson:last-child {
    padding-bottom: 16px;
  }
  .unit-article-detail-html video {
    max-width: 100%;
  }
  /*案例*/
  .d-tem09-graphic {
    padding-top: 0;
    padding-bottom: 0;
  }
  .unit-article-detail-html ul li {
    left: 0em;
  }
  .d-tem09-graphic .description ul li a {
    font-size: 16px;
    color: #343434;
  }
  .d-tem09-graphic .description ul li span {
    color: #caa550;
    font-size: 18px;
  }
  .d-tem04-title h2::before,
  .d-tem04-title .h2::before {
    width: 3px;
    background: #173367;
  }
  .d-tem18-graphic .item .text .description {
    font-size: 15px;
    color: #343434;
  }
  .d-tem18-graphic .item .text .title {
    font-weight: bold;
  }
  .d-tem15-graphic.mockup .col-md-4 .caption .h3 {
    font-weight: bold;
  }
  .d-tem04-title.text-left.d-interval {
    font-weight: bold;
  }
  @-moz-document url-prefix() {
    #module-HhXGcIyW6o {
      margin-bottom: 12vw;
    }
  }
  #unit-49oumkhZmh .unit-list__text,
  #unit-wzkNHqP32M .unit-list__text {
    top: 86%;
  }
  #unit-20iRpjgz0Q .unit-list__item {
    height: auto;
  }
  #unit-20iRpjgz0Q .unit-list__a,
  #unit-20iRpjgz0Q .unit-list__item-inner {
    height: 100%;
  }
  #unit-u1XRl7Lhko .unit-list__content,
  #unit-TvhFaQqMVv .unit-list__content {
    padding: 2vw;
  }
  #unit-u1XRl7Lhko .unit-list__item {
    height: auto;
  }
  #unit-u1XRl7Lhko .unit-list__a,
  #unit-u1XRl7Lhko .unit-list__item-inner {
    height: 100%;
  }
  #unit-erwIDequQL .unit-list__title {
    text-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  }
  #unit-erwIDequQL .unit-list__description {
    text-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    padding-right: 4vw;
  }
  .unit-list__subtitle,
  .unit-list__description {
    opacity: 1;
  }
  #module-45ekp8XsUd #unit-DS853sQfyv .unit-list {
    box-shadow: none;
  }
  #module-45ekp8XsUd #unit-uKcruXw6yN {
    box-shadow: none;
  }
  #module-45ekp8XsUd #unit-uKcruXw6yN {
    background-color: transparent;
  }
  #module-inbLXitvrI .unit-text .unit-text__item a:hover {
    color: #e6e9ee !important;
  }
  #unit-8Q7EqAJIWq .unit-text__item a:hover span {
    color: #e6e9ee !important;
  }
  #unit-KdXvyCW1dk .unit-list__text {
    width: 100%;
    padding: 0;
    background: rgb(26 49 105 / 60%);
  }
  #unit-KdXvyCW1dk .unit-list__content {
    background: rgb(26 49 105 / 0%);
    padding: 1vw;
  }
  #unit-KdXvyCW1dk .unit-list__item-inner:hover .unit-list__text {
    background: rgb(26 49 105 / 60%);
    height: 100%;
    animation: myfirst 0.4s;
  }
  @keyframes myfirst {
    from {
      height: 0%;
    }
    to {
      height: 100%;
    }
  }
  #unit-KdXvyCW1dk .unit-list__item-inner:hover .unit-list__title {
    transition: 0.4s;
  }
  #unit-KdXvyCW1dk .unit-list__item-inner:hover .unit-list__content {
    padding: 22% 12%;
    transition: 0.4s;
  }
  #unit-KdXvyCW1dk .unit-list__description {
    display: none;
  }
  #unit-KdXvyCW1dk .unit-list__item-inner:hover .unit-list__description {
    display: block;
  }
  #module-CJU7Hy1waR .unit-list__text-inner {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10%;
  }
  #module-CJU7Hy1waR .unit-list__content {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
  #module-O5wajX6n6X .unit-list__content {
    padding-left: 0;
    padding-right: 0;
  }
  #unit-eSruLrFaSe .unit-list__a:hover img {
    transform: scale(1);
  }
  #unit-E9rHhwsbgF .unit-list__a:hover img {
    transform: scale(1);
  }
  #unit-bipihuG8C5 .unit-list__a:hover img {
    transform: scale(1);
  }
  #unit-VNI2B7SBdV .unit-list__a:hover img {
    transform: scale(1);
  }
  #module-2iXOeUno4U .unit-list.is-swiper .swiper-wrapper {
    padding-bottom: 1vw;
  }
  #unit-c7xCnManxc .unit-list__content,
  #unit-CBrwphVqE4 .unit-list__content,
  #unit-zb06vzflN5 .unit-list__content,
  #unit-wv5kbXUs1b .unit-list__content,
  #unit-MfujSoDIas .unit-list__content,
  #unit-TLAFIfI5sM .unit-list__content,
  #unit-JktpWRBnro .unit-list__content,
  #unit-NzeJ10Zuvs .unit-list__content,
  #unit-NhNIIdfIss .unit-list__content,
  #unit-GVaSxStTeu .unit-list__content {
    padding: 10px 0;
  }
  #unit-wv5kbXUs1b .unit-list__item {
    padding: 0;
  }
  #unit-wv5kbXUs1b .unit-list__items {
    margin: 0;
  }
  @media (min-width: 1200px) {
    #module-VUapH1x0Kv #cell-b5GjO5xMdh {
      margin-top: -8vw;
    }
    #unit-20iRpjgz0Q .unit-list__content {
      padding: 2vw 4vw;
    }
    #swiper-unit-20iRpjgz0Q .unit-list__item {
      width: 960px !important;
    }
    #module-HhXGcIyW6o .container {
      background-color: #fff;
      padding: 3vw 4vw;
      margin-top: -12vw;
      border-radius: 15px;
    }
    #unit-biyrASHuEX .unit-list__title {
      margin-top: 0px;
    }
    #unit-biyrASHuEX .unit-list__item-inner {
      padding: 2vw;
    }
    #unit-KdXvyCW1dk .unit-list__item {
      padding: 0.5vw;
    }
    #unit-zq24fzOTZG .unit-list__item,
    #unit-fjlWpIcMOs .unit-list__item,
    #unit-7MrdBtZtNw .unit-list__item {
      padding: 0.5vw;
    }
    #unit-uKcruXw6yN .unit-list__a {
      padding: 0 2vw 1.5vw 0;
    }
    #unit-uKcruXw6yN .unit-list__item:not(:last-child) .unit-list__a::after {
      left: 0;
      width: 100%;
    }
    #unit-p9XuUO9TXw .unit-list__description {
      height: 80px;
    }
  }
  @media (min-width: 1366px) and (max-width: 1520px) {
    #module-EkEhJSbHIV #cell-lJrABChXrP {
      padding-left: 0px;
    }
    .container {
      padding-left: 5%;
      padding-right: 5%;
    }
    #unit-erwIDequQL .unit-list__text {
      padding-left: 2%;
    }
    #unit-erwIDequQL .unit-list__title {
      text-shadow: 0 3px 8px rgb(0 0 0 / 40%);
    }
    #unit-erwIDequQL .unit-list__description {
      text-shadow: 0 3px 8px rgb(0 0 0 / 40%);
      padding-right: 6vw;
    }
  }
  @media (max-width: 768px) {
    #module-lSHGKcOKcJ .swiper-container .swiper-slide[data-swiper-slide-index="1"] .unit-list__text-inner {
      padding-bottom: 70vw;
    }
    .d-tem15-graphic.mockup .col-6 {
      max-width: 100%;
      min-width: 100%;
    }
    .d-tem14-graphic.mockup .col-6 {
      max-width: 100%;
      min-width: 100%;
    }
    #module-geEQvWqJNA .unit-download-list__text {
      padding: 2vw;
    }
    #module-tyJjHK487y .unit-download-list__text {
      padding: 2vw;
    }
    #module-rRVxnsWrnj .unit-download-list__text {
      padding: 2vw;
    }
    #module-ZDtVEVeNTZ .unit-download-list__text {
      padding: 2vw;
    }
    #unit-uKcruXw6yN .unit-list__item:not(:last-child) .unit-list__a::after {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      left: 5%;
    }
    #unit-uKcruXw6yN .unit-list__a {
      padding: 5%;
    }
    #unit-m8pSKlVxHw .unit-list__text {
      width: 100%;
      padding: 0;
      background: rgb(26 49 105 / 60%);
    }
    #unit-m8pSKlVxHw .unit-list__content {
      background: rgb(26 49 105 / 0%);
      padding: 1vw;
    }
    #unit-geSjv8lm5R .unit-list__text-inner {
      width: 60% !important;
    }
  }
  @media (max-width: 640px) {
    #unit-geSjv8lm5R .unit-list__text-inner {
      width: 85% !important;
    }
  }