/*--------------------------------------------------------------
basic style
--------------------------------------------------------------*/
.shop-title {
    height: 35px;
    margin: 16px 16px 0 16px;
}
.home .site-content {
    padding: 0;
    margin: 0;
}
.page-template-page-plan .site-content {
    padding: 0;
    margin: 0;
}
.home .site-navbar {
    margin-bottom: 0;
}
.custom-home, .page-template-page-agent {
    font-size: .9375rem!important;
}

.custom-home h2 , .page-template-page-agent h2 {
    font-size: 1.75rem;
    line-height: 1.4;
    font-weight: bolder;
}
.text-center {
    text-align: center!important;
}

.text-xxl {
    font-size: 2.25rem!important;
}

.text-md {
    font-size: 1.125rem!important;
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}

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

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

@media (min-width: 992px){
    .mt-lg-3 {
        margin-top: 1rem!important;
    }

}

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

.d-none {
    display: none!important;
}

@media (min-width: 768px){
    .d-md-block {
        display: block!important;
    }
    .d-md-flex {
        display: flex!important;
    }
    .d-md-inline-block {
        display: inline-block!important;
    }
    .mt-md-3 {
        margin-top: 1rem!important;
    }
}

@media (max-width: 768px){
    .text-md {
        font-size: 1rem!important;
    }
	.comments-box {
		margin: 1rem
	}
}

.fade.in {
    opacity: 1;
}

.fade {
    opacity: 0;
    transition: opacity .3s linear;
}

.module-tab-wrap {
    display: none;
}

.module-tab-wrap.active {
    display: block;
}

.bg-white {
    background-color: rgba(255,255,255, 1) !important;
}

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

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

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

.icon-sm.iconfont {
    top: -.0725rem;
}

.border-top {
    border-top: 1px solid #dee2e6!important;
}

/*@media (min-width: 1840px) {*/
/*    .container {*/
/*        max-width: 1760px;*/
/*    }*/
/*}*/

.btn {
    display: inline-block;
    font-weight: bold;
    padding: .8125rem 1.625rem;
    border-radius: var(--border-radius-sm);
    white-space: normal;
    transition: all 0.3s ease-in-out;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1rem;
}

.btn-link {
    color: var(--color-secondary);
    text-decoration: none;
    box-shadow: none;
}

.btn-icon {
    position: relative;
    width: 2.875rem;
    height: 2.875rem;
    padding: 0;
    font-size: 1.875rem;
    text-align: center;
}

.btn-icon.btn-sm {
    width: 2.375rem;
    height: 2.375rem;
    font-size: 1.375rem;
}

.btn-icon.btn-sm i {
    font-size: 1.375rem!important;
}

.btn-icon span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-user {
    position: relative!important;
    display: inherit!important;
    top: 0!important;
    width: auto!important;
    margin-left: .5rem;
}

@media (max-width: 767.98px){
    .btn-icon.btn-sm {
        width: 2.25rem;
        height: 2.25rem;
        font-size: 1.375rem;
    }
    
    .btn-icon.btn-sm i {
        font-weight: normal;
    }
}

.btn-primary {
    color: #740074;
    background-color: var(--b2lightcolor);
    border-color: var(--b2lightcolor);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--b2color);
    border-color: var(--b2color);
}

.btn-rounded {
    border-radius: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}


.header-login-button button {
    background-color: var(--color-primary)!important;
    color: #fff!important;
}

.aside-container {
    z-index: 120!important;
}

/*--------------------------------------------------------------
empty style
--------------------------------------------------------------*/
.empty-wrapper {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.empty-wrapper .empty-title {
    text-align: center;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
}

/*--------------------------------------------------------------
slide style
--------------------------------------------------------------*/
.slide-section .slide-content {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 1200px;
    width: 100%;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.slide-section .slide-action a {
    background-color: #fff;
    border-color: #fff;
}

@media (max-width: 767.98px) {
    .slide-section.full .media-3x1::after {
        padding-top: 66.66667%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slide-section.full .media-3x1::after {
        padding-top: 50%;
    }
}

@media (min-width: 1400px) {
    .slide-section .slide-title {
        font-size: 2.5rem;
    }
}

.slide-nextprev .swiper-button-next,
.slide-nextprev .swiper-button-prev {
    width: var(--swiper-navigation-size);
    color: var(--swiper-pagination-color);
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transform-origin: 0 0 0;
    transition: all 0.3s ease-out 0s;
}

.slide-nextprev:hover .swiper-button-next,
.slide-nextprev:hover .swiper-button-prev {
    opacity: 1;
    visibility: visible;
}

.slide-nextprev:hover .swiper-button-next {
    right: 3%
}

.slide-nextprev:hover .swiper-button-prev {
    left: 3%
}

.slide-nextprev .swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.slide-nextprev .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.slide-nextprev .swiper-button-next:after,
.slide-nextprev .swiper-button-prev:after {
    position: relative;
    font-size: calc((var(--swiper-navigation-size)/ 2.25))
}

.slide-nextprev .swiper-button-prev:after {
    left: -1px
}

.slide-nextprev .swiper-button-next:after {
    left: 1px
}

.slide-nextprev .swiper-button-next.swiper-button-disabled,
.slide-nextprev .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.slide-nextprev .swiper-pagination {
    display: flex;
    left: 50%;
    width: auto;
    padding: .625rem 1rem;
    border-radius: 3rem;
    transform: translateX(-50%);
    background-color: rgb(0 0 0 / 20%);
}

/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/

.media {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    flex-shrink: 0;
    border-radius: inherit;
}

.media:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.media:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
}

.media-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem;
    color: #fff;
    z-index: 2;
}

a.media-overlay:hover,
a.media-overlay:focus,
a.media-overlay:link,
a.media-overlay:visited {
    color: #fff;
}

.media-overlay.overlay-top {
    bottom: auto;
    justify-content: start;
}

.media-overlay.overlay-bottom {
    top: auto;
    background: #272727;
    background: linear-gradient(to top, rgba(6, 6, 8, 0.66), rgba(6, 6, 8, 0));
}

.media-action {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    display: flex;
    align-items: center;
}

.media-action.active {
    opacity: 1;
}

.media-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.media-21x9:after {
    padding-top: 42.857143%;
}

.media-16x9:after {
    padding-top: 56.25%;
}

.media-4x3:after {
    padding-top: 75%;
}

.media-2x3:after {
    padding-top: 150%;
}

.media-3x2:after {
    padding-top: 66.66666%;
}

.media-3x4:after {
    padding-top: 133.33333%;
}

.media-1x2:after {
    padding-top: 200%;
}

.media-2x1:after {
    padding-top: 50%;
}

.media-3x1:after {
    padding-top: 33%;
}

.media-4x1:after {
    padding-top: 25%;
}

.media-1-4:after {
    padding-top: 25vh;
    min-height: 10rem;
}

.media-1-3:after {
    padding-top: 33vh;
    min-height: 12.5rem;
}

.media-1-2:after {
    padding-top: 50vh;
    min-height: 15rem;
}


/*--------------------------------------------------------------
  custom style
--------------------------------------------------------------*/

.custom-hover {
    position: relative;
}

.custom-hover .media-content {
    transition: all 300ms ease-in-out;
}

.custom-hover:hover .media-content {
    transform: scale(1.05);
}

/*--------------------------------------------------------------
section style
--------------------------------------------------------------*/
.section {
    padding: 3.375rem 0;
}

.section-heading {
    margin-bottom: 1.75rem;
}

.section-heading .heading-title b {
    box-shadow: inset 0 -20px 0 rgba(38, 135, 232, 0.6);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .section {
        padding: 3rem 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .section {
        padding: 2.5rem 0;
    }

    .section-heading {
        margin-bottom: 1.75rem;
    }

}

@media (max-width: 767.98px) {
    .section {
        padding: 2rem 0;
    }

    .section-heading {
        margin-bottom: 1.25rem;
    }
}

/*--------------------------------------------------------------
bussiness section style
--------------------------------------------------------------*/
.bussiness-section {
    background-color: #03051a;
}

.bussiness-section h2 {
    color: #fff;
}

.bussiness-section .heading-sub {
    color: #848484 !important;
}

.bussiness-section .bussiness-card {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem;
    border-radius: 6px;
    background-color: #1d1b35;
    height: 100%;
}

.bussiness-section .bussiness-card .card-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    padding: .25rem 0;
}

.bussiness-section .bussiness-card .card-content .desc {
    display: block;
    margin-top: 1rem;
}

.bussiness-section .bussiness-card .card-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    cursor: pointer;
    margin: 0 auto;
    color: var(--b2color);
}

.bussiness-section .bussiness-card .card-img i {
	font-size: 5rem;
}

.bussiness-section .bussiness-card .card-img img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 768px) {
    .bussiness-section .bussiness-card .card-img {
        display: none;
    }
}
/*--------------------------------------------------------------
solution section style
--------------------------------------------------------------*/
.solution-section {
    background-color: #f4f4f4;
}

.solution-section .solution-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 6px;
}

.solution-section .solution-card .card-body {
    flex: 1 1 auto;
    padding: 1.5rem;
}

.solution-section .tab-line {
    position: relative;
    box-sizing: border-box;
}

.solution-section .tab-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-right: 2px solid #efeff5;
}

.solution-section .tab-list .tab-item {
    padding: .3rem;
    cursor: pointer;
    font-size: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.4;
    display: flex;
    font-weight: bolder;
    gap: 6px;
    align-items: center;
    text-align: left;
    width: 100%;
}

.solution-section .tab-list .tab-item i {
    font-size: 2rem;
}

.solution-section .tab-list .tab-item.active {
    border-right: 2px solid #800080;
    color: #800080;
}

.solution-section .tab-wrap {
    display: flex;
    flex-direction: row;
    word-wrap: break-word;
    position: relative;
}

.solution-section .tab-wrap .content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: space-evenly;
}

.solution-section .tab-wrap .media {
    margin-left: 1.25rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    cursor: pointer;
    max-width: 200px;
    margin: 0 auto;
}

@media (max-width: 768px){
    .solution-section .tab-list {
        flex-direction: row;
        border-right: none;
        border-bottom: 2px solid #efeff5;
        -webkit-overflow-scrolling: touch;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        align-items: center;
        gap: 10px;
    }
    
    .solution-section .tab-list .tab-item {
        width: auto;
        flex-direction: column;
        flex-shrink: 0;
    }
    
    .solution-section .tab-list .tab-item.active {
        border-right: none;
        border-bottom: 2px solid #800080;
    }
    
    .solution-section .tab-wrap {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}
/*--------------------------------------------------------------
unique section style
--------------------------------------------------------------*/
.unique-section {
    position: relative;
}

.unique-section .unique-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border-radius: 4px;
    flex: 1 1 auto;
    box-shadow: rgba(153, 172, 205, 0.2) 0px 8px 20px;
}

.unique-section .unique-card .card-body {
    padding: 1.5rem;
}

.unique-section .unique-icon {
    position: relative;
    width: 3rem;
    height: 3rem;
    font-size: 1.8rem !important;
    text-align: center;
    margin-bottom: 1.25rem;
    background: linear-gradient(145deg, #f0f0f0, #ffffff);
    box-shadow: 6px 6px 12px #ededee, -6px -6px 12px #fbfbfc;
    border-radius: var(--border-radius-sm);
}

.unique-section .unique-icon span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unique-section .unique-icon span i {
    font-size: 1.8rem !important;
}

.unique-section .unique-title {
    position: relative;
    font-weight: bold;
    padding-bottom: .75rem;
}

.unique-section .unique-title::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 70px;
    height: 3px;
    background: var(--color-primary);
}

.unique-section .unique-desc {
    padding-top: .25rem;
}
/*--------------------------------------------------------------
industry section style
--------------------------------------------------------------*/
.industry-section {
    background-image: url(./image/industry-bg.webp);
    background-repeat: no-repeat;
    background-size: 140% 100%;
    background-position: 50%;
    background-color: #f4f4f4;
    padding: 8.375rem 0;
}

.industry-section .heading-title {
    color: #fff!important;
}

.industry-section .heading-sub {
    color: #848484 !important;
}

.industry-card {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    padding: 1rem;
    min-width: 0;
    height: 100%;
    word-wrap: break-word;
    border: 1px solid var(--border-light);
    border-radius: 6px;
    background-color: #fff;
    transition: all 300ms ease-in-out;
}

.industry-card .media-content {
    transition: all 300ms ease-in-out;
}

.industry-card:hover {
    border-color: var(--border-light);
    box-shadow: 0 10px 30px 0 rgb(62 61 80 / 3%);
}

.industry-card:hover .media-content {
    transform: scale(1.05);
}

.industry-card>.media {
    border-radius: 4px;
    margin-right: 1.25rem;
}

.industry-card .industry-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    padding: .25rem 0;
}

.industry-card .industry-content .industry-body {
    flex: 1 1 auto;
}

.industry-card .industry-footer {
    display: flex;
    align-items: center;
}

.industry-card .industry-footer span.meta {
    vertical-align: middle;
}

.industry-section .industry-tabs {
    position: relative;
    overflow: hidden;
}

.industry-section .industry-tabs .j-tabs {
    position: static;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.industry-section .industry-tabs .j-tabs .j-tabs-item {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: .5rem;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    min-width: 5.75rem;
    transition: all 0.3s ease-in-out;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    outline: 0;
    border-radius: 5rem;
    color: #fff;
}

.industry-section .industry-tabs .j-tabs .j-tabs-item:hover {
    color: #fff!important;
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.industry-section .industry-tabs .j-tabs .j-tabs-item.active {
    position: relative;
    border-color: var(--color-primary);
}

@media (max-width: 768px){
    .industry-card {
        padding: .625rem;
        margin-bottom: .625rem;
    }
    .industry-card>.media {
        margin-right: .625rem;
    }
    .industry-card .industry-content {
        padding: 0;
    }
}

/*--------------------------------------------------------------
about section style
--------------------------------------------------------------*/
.about-section .about-image {
    height: 100%;
    position: relative;
}

.about-section .about-image img {
    position: relative;
    height: 100%;
    border-radius: var(--border-radius-md);
}

.about-section .about-desc {
    line-height: 1.85;
}

.about-section .about-info li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 10px;
}

.about-section .about-info li:last-child {
    padding-bottom: 0;
}

.about-section .about-info li::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0ibTM5Mi41MzMgODA2LjQtMzA3LjItMzAyLjkzMyA1OS43MzQtNTkuNzM0TDM5Mi41MzMgNjkxLjJsNDczLjYtNDc3Ljg2NyA1OS43MzQgNTkuNzM0TDM5Mi41MzMgODA2LjR6IiBmaWxsPSIjNjRDM0ExIi8+PC9zdmc+);
}

.about-section .about-action .btn {
    font-size: .9375rem;
    padding: .625rem 2.5rem;
    min-width: 110px;
    padding-left: .5rem;
    padding-right: .5rem;
}

@media (max-width: 767.98px) {
    .about-section {
        padding: 2rem 0;
    }
}

/*--------------------------------------------------------------
brand section style
--------------------------------------------------------------*/
.brand-section .brand-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    border-radius: var(--border-radius-xs);
    flex: 1 1 auto;
    box-shadow: 8px 8px 20px 0 rgb(240 240 240 / 80%), -8px -8px 20px 0 #fff;
    border: 1px solid var(--border-light);
}

.brand-section .brand-card .media {
    border-radius: 0;
}

.brand-section .brand-card .media .media-content {
    background-size: contain;
}

.brand-section .brand-card .brand-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    padding: .75rem;
}

.brand-section .brand-card .brand-content .brand-body {
    flex: 1 1 auto;
}
/*--------------------------------------------------------------
footer section style
--------------------------------------------------------------*/
.site-footer {
    color: var(--color-light);
    background-color: #0e102a!important;
}

@media (max-width: 768px){
    .site-footer {
        padding-bottom: 3.4375rem;
    }
}

.site-footer .footer-content {
    display: flex;
    justify-content: space-between;
}

.site-footer .footer-content .footer-menu {
    flex-direction: row;
    flex: 1 1 auto;
}

.site-footer .footer-content .footer-menu>li {
    flex: 1 0 0%;
    max-width: 200px;
}

.site-footer .footer-content .footer-menu>li.menu-item>a {
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
}

.site-footer .footer-content .footer-menu>li.menu-item>ul {
    margin: 1rem 1rem 0 .125rem;
}

.site-footer .footer-content .footer-menu>li.menu-item>ul li {
    margin: .5rem 0;
}

.site-footer a:not(.btn):hover {
    color: #fff;
}

/* -------------------------------- 
footer contact
-------------------------------- */
.footer-contact li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 1.25rem;
}

.footer-contact li:last-child {
    margin-bottom: 0;
}

.footer-contact li i {
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-contact li i.svg-taobao {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkwOTgyOTI0MTgwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2NjUiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guY29sbGVjdGlvbnNfZGV0YWlsLjAuaTEuNDdhYTNhODFYYktRVmUiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PHBhdGggZD0iTTE1Mi41NzY1MTYgMzUzLjE0NDk2OSAxMDEuNjYwMzM5IDQzMS43NTU0MTdsOTMuOTE5NzA0IDU4LjQ4NDc5OGMwIDAgNjIuNDQxMTIyIDMyLjE2NjYzOSAzMi41MTA2NjcgOTIuNTQzNTkxQzIwMC4zOTY0MzkgNjM5Ljg5MjQ5MSA2My45ODkyNDkgNzY0Ljk0Njc1IDYzLjk4OTI0OSA3NjQuOTQ2NzVsMTIyLjEzMDAxOCA3Ni43MTgyOTNjODQuNjMwOTQyLTE4NC41NzExNDEgNzguOTU0NDc3LTE1OS45NzMxMjMgMTAwLjExMjIxMi0yMjYuMzcwNTY5IDIxLjg0NTc5Mi02Ny40Mjk1MzEgMjYuNjYyMTg3LTExOS4yMDU3NzktMTAuMzIwODQ3LTE1Ni44NzY4NjlDMjI4LjQzNDczOSA0MTAuNDI1NjY4IDIyMy4xMDIzMDEgNDA1Ljk1MzMwMSAxNTIuNTc2NTE2IDM1My4xNDQ5Njl6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIyNjY2Ij48L3BhdGg+PHBhdGggZD0iTTIxOS4zMTc5OTEgMzIzLjU1ODU0MmM0NC4zNzk2NDEgMCA4MC4zMzA1OS0zMi4zMzg2NTMgODAuMzMwNTktNzIuMjQ1OTI2IDAtNDAuMjUxMzAyLTM1Ljk1MDk0OS03Mi41ODk5NTUtODAuMzMwNTktNzIuNTg5OTU1LTQ0LjcyMzY2OSAwLTgwLjUwMjYwNCAzMi41MTA2NjctODAuNTAyNjA0IDcyLjU4OTk1NUMxMzguOTg3NDAxIDI5MS4wNDc4NzUgMTc0LjU5NDMyMiAzMjMuNTU4NTQyIDIxOS4zMTc5OTEgMzIzLjU1ODU0MnoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjI2NjciPjwvcGF0aD48cGF0aCBkPSJNOTQ0Ljg3MzUwOSAzMzIuNTAzMjc2YzAgMC0yNi42NjIxODctMjA3Ljc5MzA0Ni00NzguMTk5MjI3LTc5LjEyNjQ5MSAxOS40Mzc1OTQtMzMuODg2NzggMjguNTU0MzQyLTU1LjczMjU3MiAyOC41NTQzNDItNTUuNzMyNTcybC0xMTIuNjY5MjQyLTMxLjk5NDYyNWMwIDAtNDUuNTgzNzM5IDE0OS42NTIyNzYtMTI2Ljc3NDM5OSAyMTkuMzE3OTkxIDAgMCA3OC43ODI0NjMgNDUuNzU1NzUzIDc3LjkyMjM5MiA0NC4zNzk2NDEgMjIuNTMzODQ4LTIyLjcwNTg2MyA0Mi44MzE1MTQtNDUuNzU1NzUzIDYwLjAzMjkyNS02OC4xMTc1ODggMTguMDYxNDgyLTguMDg0NjYzIDM1LjQzNDkwNy0xNS40ODEyNyA1Mi4yOTIyOS0yMi4zNjE4MzQtMjAuOTg1NzIxIDM3Ljg0MzEwNC01NC41Mjg0NzMgOTQuNjA3NzYxLTg4LjI0MzIzOSAxMzAuMzg2Njk2bDQ3LjQ3NTg5NSA0MS45NzE0NDNjMCAwIDMyLjUxMDY2Ny0zMS40Nzg1ODIgNjcuNzczNTYtNjkuMTQ5NjcybDQwLjI1MTMwMiAwIDAgNjkuODM3NzI5LTE1Ny4yMjA4OTcgMEwzNTYuMDY5MjA5IDU2Ny42NDY1NjVsMTU3LjIyMDg5NyAwIDAgMTMzLjY1NDk2NC02LjAyMDQ5NC0wLjE3MjAxNGMtMTcuMzczNDI1LTAuODYwMDcxLTQ0LjIwNzYyNi0zLjc4NDMxLTU0Ljg3MjUwMS0yMC42NDE2OTMtMTIuNzI5MDQ0LTIwLjY0MTY5My0zLjI2ODI2OC01Ny45Njg3NTUtMi43NTIyMjYtODEuMTkwNjZsLTEwOC41NDA5MDQgMC0zLjk1NjMyNSAyLjIzNjE4M2MwIDAtMzkuOTA3Mjc0IDE3OS40MTA3MTcgMTE0LjczMzQxMiAxNzUuNDU0MzkzIDE0NC40OTE4NTMgMy45NTYzMjUgMjI3LjQwMjY1NC00MC43NjczNDQgMjY3LjMwOTkyOC03MS41NTc4N2wxNS44MjUyOTggNTkuNTE2ODgyIDg5LjEwMzMwOS0zNy42NzEwOS02MC4zNzY5NTMtMTQ4LjYyMDE5Mkw2OTEuNDk2NzI0IDYwMS41MzMzNDVsMTMuNDE3MTAxIDUwLjc0NDE2M2MtMTguMjMzNDk2IDE0LjEwNTE1Ny0zOS43MzUyNiAyNC40MjYwMDQtNjIuNjEzMTM2IDMyLjE2NjYzOUw2NDIuMzAwNjg5IDU2Ny42NDY1NjVsMTUzLjI2NDU3MiAwIDAtNTUuOTA0NTg2LTE1My4yNjQ1NzIgMCAwLTY5LjgzNzcyOSAxNTMuNzgwNjE1IDAgMC01NS43MzI1NzItMjczLjUwMjQzNiAwYzE5Ljc4MTYyMy0yNC4yNTM5OSAzNS4wOTA4NzktNDYuNDQzODEgMzkuMjE5MjE3LTYwLjM3Njk1M2wtNDcuODE5OTIzLTEzLjA3MzA3MmMyMDQuNjk2NzkyLTczLjk2NjA2OCAzMTguNzQyMTQ3LTYxLjIzNzAyMyAzMTcuODgyMDc2IDU5Ljg2MDkxTDgzMS44NjAyMzkgNjkxLjQ5NjcyNGMwIDAgMTIuMDQwOTg4IDEwOS40MDA5NzQtMTEyLjQ5NzIyOCAxMDEuNjYwMzM5bC02Ny40Mjk1MzEtMTQuNjIxMTk5LTE1LjY1MzI4NCA2NC41MDUyOTFjMCAwIDI5MC44NzU4NjEgODMuOTQyODg2IDMxNC42MTM4MDgtMTQxLjM5NTU5OUM5NzQuNDU5OTM2IDQ3Ni4zMDcwNzIgOTQ0Ljg3MzUwOSAzMzIuNTAzMjc2IDk0NC44NzM1MDkgMzMyLjUwMzI3NnoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjI2NjgiPjwvcGF0aD48L3N2Zz4=');
}

.footer-contact li i.svg-weixin {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy43IDExLjhjLS4zIDAtLjYuMS0uOC4zcy0uMy40LS4zLjd2LjFjMCAuMy4xLjUuMy43cy40LjMuNy4zaC4xYy42IDAgMS0uNSAxLTEuMS0uMS0uNi0uNS0xLTEtMXpNMTguOSAxMi44YzAtLjYtLjUtMS4xLTEuMS0xLjEtLjMgMC0uNS4xLS43LjNzLS4zLjUtLjMuN2MwIC42LjUgMS4xIDEuMSAxLjEuNi4xIDEtLjQgMS0xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMC42IDE4LjRjMS4zLTEuMiAyLTIuNyAyLTQuMSAwLTIuOS0yLjQtNS40LTUuNi02LTEtMi45LTQuMi01LjEtNy44LTUuMS00LjQgMC03LjkgMy4xLTcuOSA2LjkgMCAxLjkuOCAzLjYgMi40IDQuOWwtLjQgMS4xYy0uMS4zLS4xLjcuMSAxIC4yLjMuNC41LjcuNy4zLjEuNy4xIDEtLjFsMi0uOWMuOS4yIDEuNC4yIDIgLjJoLjNjMS4xIDIgMy40IDMuMiA2LjEgMy4zLjQgMCAuOCAwIDEuMi0uMWwuNS0uMSAxLjYuN2MuMi4xLjQuMS42LjEuMSAwIC4zIDAgLjQtLjEuMy0uMS42LS4zLjgtLjYuMi0uMy4yLS43LjEtLjlsLS4xLS45ek04LjkgMTVjLS40IDAtLjctLjEtMS40LS4yaC0uMWMtLjItLjEtLjUgMC0uNy4xbC0uOS40LjEtLjNjLjEtLjQgMC0uOS0uNC0xLjEtMS41LTEuMS0yLjItMi4zLTIuMi0zLjggMC0yLjcgMi43LTQuOSA1LjktNC45IDIuNSAwIDQuNyAxLjMgNS42IDMuMS0uOC4xLTEuNS4zLTIuMS41LjItLjIuMy0uNS4zLS44IDAtLjctLjUtMS4yLTEuMi0xLjItLjMgMC0uNi4xLS45LjQtLjIuMi0uNC41LS40LjkgMCAuNy41IDEuMiAxLjIgMS4yaC4xYy0xLjkgMS4xLTMuMSAyLjktMy4xIDUgLjEuMS4xLjQuMi43em05LjcgMy4xLjEuNC0uNy0uNGMtLjEtLjEtLjMtLjEtLjQtLjFoLS4ybC0uNy4yYy0uNC4xLS42LjEtLjguMS0yLjMtLjEtNC0xLjEtNC43LTIuOHYtLjFjMC0uMS0uMS0uMS0uMS0uM1YxNWMtLjEtLjMtLjEtLjctLjEtMSAwLTIuMSAyLjEtMy44IDQuNy0zLjloLjdjMi41LjIgNC40IDIgNC40IDQuMSAwIC45LS41IDEuOS0xLjQgMi43LS4zLjEtLjQuMi0uNC4yLS4zLjItLjUuNi0uNCAxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjggNi43Yy0uNyAwLTEuMi41LTEuMiAxLjJzLjUgMS4yIDEuMiAxLjJjLjMgMCAuNi0uMS45LS40LjItLjEuMy0uNC4zLS44IDAtLjYtLjUtMS4yLTEuMi0xLjJ6Ii8+PC9zdmc+');
}

.footer-contact li i.svg-message {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE2IDJIOEM0LjY5MSAyIDIgNC42OTEgMiA4djEzYTEgMSAwIDAgMCAxIDFoMTNjMy4zMDkgMCA2LTIuNjkxIDYtNlY4YzAtMy4zMDktMi42OTEtNi02LTZ6bTQgMTRjMCAyLjIwNi0xLjc5NCA0LTQgNEg0VjhjMC0yLjIwNiAxLjc5NC00IDQtNGg4YzIuMjA2IDAgNCAxLjc5NCA0IDR2OHoiLz48cGF0aCBkPSJNNyA5aDEwdjJIN3ptMCA0aDd2Mkg3eiIvPjwvc3ZnPg==');
}

.footer-contact li i.svg-mail {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIwIDRINmMtMS4xMDMgMC0yIC44OTctMiAydjVoMlY4bDYuNCA0LjhhMS4wMDEgMS4wMDEgMCAwIDAgMS4yIDBMMjAgOHY5aC04djJoOGMxLjEwMyAwIDItLjg5NyAyLTJWNmMwLTEuMTAzLS44OTctMi0yLTJ6bS03IDYuNzVMNi42NjYgNmgxMi42NjhMMTMgMTAuNzV6Ii8+PHBhdGggZD0iTTIgMTJoN3YySDJ6bTIgM2g2djJINHptMyAzaDR2Mkg3eiIvPjwvc3ZnPg==');
}

.footer-contact li i.svg-phone {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE3LjcwNyAxMi4yOTNhLjk5OS45OTkgMCAwIDAtMS40MTQgMGwtMS41OTQgMS41OTRjLS43MzktLjIyLTIuMTE4LS43Mi0yLjk5Mi0xLjU5NHMtMS4zNzQtMi4yNTMtMS41OTQtMi45OTJsMS41OTQtMS41OTRhLjk5OS45OTkgMCAwIDAgMC0xLjQxNGwtNC00YS45OTkuOTk5IDAgMCAwLTEuNDE0IDBMMy41ODEgNS4wMDVjLS4zOC4zOC0uNTk0LjkwMi0uNTg2IDEuNDM1LjAyMyAxLjQyNC40IDYuMzcgNC4yOTggMTAuMjY4czguODQ0IDQuMjc0IDEwLjI2OSA0LjI5OGguMDI4Yy41MjggMCAxLjAyNy0uMjA4IDEuNDA1LS41ODZsMi43MTItMi43MTJhLjk5OS45OTkgMCAwIDAgMC0xLjQxNGwtNC00LjAwMXptLS4xMjcgNi43MTJjLTEuMjQ4LS4wMjEtNS41MTgtLjM1Ni04Ljg3My0zLjcxMi0zLjM2Ni0zLjM2Ni0zLjY5Mi03LjY1MS0zLjcxMi04Ljg3NEw3IDQuNDE0IDkuNTg2IDcgOC4yOTMgOC4yOTNhMSAxIDAgMCAwLS4yNzIuOTEyYy4wMjQuMTE1LjYxMSAyLjg0MiAyLjI3MSA0LjUwMnM0LjM4NyAyLjI0NyA0LjUwMiAyLjI3MWEuOTkxLjk5MSAwIDAgMCAuOTEyLS4yNzFMMTcgMTQuNDE0IDE5LjU4NiAxN2wtMi4wMDYgMi4wMDV6Ii8+PC9zdmc+');
}

.border-dark {
    border-color: #212529!important;
}

/*--------------------------------------------------------------
    popup css
--------------------------------------------------------------*/
.lt-tips,
.lt-popup {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    overflow-x: hidden;
    overflow-y: auto;
}

.lt-popup h6 {
    font-size: 1rem;
    line-height: 1.5;
}

.lt-tips-open,
.lt-popup-open {
    opacity: 1;
    visibility: visible;
}

.lt-tips-overlay,
.lt-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
}

.lt-tips-open .lt-tips-overlay,
.lt-popup-open .lt-popup-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


/*--------------------------------------------------------------
    popup size
--------------------------------------------------------------*/

.lt-tips-body,
.lt-popup-body {
    position: relative;
    width: 100%;
    max-width: 450px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    transform: translateY(-40px);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}

.lt-tips-open .lt-tips-body,
.lt-popup-open .lt-popup-body {
    transform: translateY(0);
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.lt-tips-xl .lt-tips-body,
.lt-popup-xl .lt-popup-body {
    max-width: 790px;
}

.lt-tips-lg .lt-tips-body,
.lt-popup-lg .lt-popup-body {
    max-width: 750px;
}

.lt-tips-md .lt-tips-body,
.lt-popup-md .lt-popup-body {
    max-width: 540px;
}

.lt-tips-sm .lt-tips-body,
.lt-popup-sm .lt-popup-body {
    max-width: 300px;
    width: auto;
}

.lt-tips-nopd .lt-tips-body,
.lt-popup-nopd .lt-popup-body {
    max-width: 340px;
}

@media (min-width:768px) and (max-width:991.98px) {

    .lt-tips-xl .lt-tips-body,
    .lt-popup-xl .lt-popup-body {
        max-width: 670px;
    }
}

@media (max-width:767.98px) {

    .lt-tips-body,
    .lt-popup-body {
        width: 95%;
    }

    .lt-tips-xl .lt-tips-body,
    .lt-popup-xl .lt-popup-body {
        height: 100vh;
    }

    .lt-tips-nopd .lt-tips-body,
    .lt-popup-nopd .lt-popup-body {
        width: 75%;
    }

}

/*--------------------------------------------------------------
    popup content
--------------------------------------------------------------*/

.lt-tips-content,
.lt-popup-content {
    position: relative;
    background: #fff;
    padding: 1.75rem;
    border-radius: 9px;
    border-radius: var(--border-radius-md, 9px);
}

.lt-tips-xl .lt-tips-content,
.lt-popup-xl .lt-popup-content {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.lt-tips-sm .lt-tips-content,
.lt-popup-sm .lt-popup-content {
    padding: 1.75rem 2.5rem;
}

.lt-tips-nopd .lt-tips-content,
.lt-popup-nopd .lt-popup-content {
    padding: 0;
}

@media (max-width:767.98px) {

    .lt-tips-xl .lt-tips-body .lt-tips-content,
    .lt-popup-xl .lt-popup-body .lt-popup-content {
        box-shadow: none;
        border-radius: 0;
        height: 100vh;
    }

    .lt-tips-xl .lt-tips-close .svg-white,
    .lt-popup-xl .lt-popup-close .svg-white {
        width: 20px;
        height: 20px;
    }

    .lt-tips-xl .lt-tips-close .svg-dark,
    .lt-popup-xl .lt-popup-close .svg-dark {
        display: none;
        width: 20px;
        height: 20px;
    }
}


/*--------------------------------------------------------------
    error content
--------------------------------------------------------------*/
.lt-popup-error {
    align-items: flex-start;
}

.lt-popup-error .lt-popup-content {
    text-align: center;
    padding: .5rem 1.5rem;
    border: 0;
    color: #fff;
    white-space:nowrap;
    border-radius: 50px !important;
    background-color: rgba(0, 0, 0, .9);
    transition: all .3s ease-in-out;
    transform: scale(.8);
}

.lt-popup-error.lt-popup-open .lt-popup-content {
    padding: 1rem 2.5rem;
    transform: scale(1.0);
}

@media (max-width: 991.98px) {
    .lt-popup-error .lt-popup-content {
        font-size: .75rem;
    }

    .lt-popup-error.lt-popup-open .lt-popup-content {
        padding: .75rem 2.5rem;
    }
}

/*--------------------------------------------------------------
    tips close btn
--------------------------------------------------------------*/

.lt-tips-close,
.lt-popup-close {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    cursor: pointer;
    text-align: center;
    transform: translateY(25%);
}

.lt-tips-close .svg-white,
.lt-popup-close .svg-white {
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMiAwQzIyOS4yIDAgMCAyMjkuMTk5OTk5IDAgNTEyYzAgMjgyLjggMjI5LjIgNTEyIDUxMiA1MTIgMjgyLjgwMDAwMSAwIDUxMi0yMjkuMiA1MTItNTEyQzEwMjQgMjI5LjE5OTk5OSA3OTQuODAwMDAxIDAgNTEyIDB6bTIxMy40NjA1MjIgNzI1Ljk3NTY1OWMtNi4wNzcyNDkgNi4wNzcyNDgtMTQuMDY0NDg4IDkuMTE1ODcyLTIyLjA1MTcyNyA5LjExNTg3Mi03Ljk4NzI0MiAwLTE2LjA2MTI5OC0zLjAzODYyNC0yMi4xMzg1NDgtOS4yMDI2OUw1MTIgNTU2LjI3MTMyMyAzNDIuNzI5NzUyIDcyNS44ODg4NDFjLTYuMDc3MjQ4IDYuMTY0MDY2LTE0LjE1MTMwNiA5LjIwMjY5LTIyLjEzODU0NiA5LjIwMjY5LTcuOTg3MjQgMC0xNS45NzQ0NzktMy4wMzg2MjQtMjIuMDUxNzI3LTkuMTE1ODcyLTEyLjI0MTMxMy0xMi4xNTQ0OTYtMTIuMjQxMzEzLTMxLjk0ODk2LS4wODY4MTgtNDQuMTkwMjczTDQ2Ny44OTY1NDYgNTExLjk5NDIzIDI5OC40NTI2NjEgMzQyLjIwMzA3NGMtMTIuMTU0NDk1LTEyLjI0MTMxMi0xMi4xNTQ0OTUtMzIuMDM1Nzc2LjA4NjgxOC00NC4xOTAyNzEgMTIuMjQxMzEzLTEyLjE1NDQ5NSAzMi4wMzU3NzctMTIuMTU0NDk1IDQ0LjE5MDI3My4wODY4MTdMNTEyIDQ2Ny43MTcxNDFsMTY5LjI3MDI0Ny0xNjkuNzA0MzM4YzEyLjE1NDQ5NS0xMi4yNDEzMTMgMzEuOTQ4OTU5LTEyLjI0MTMxMyA0NC4xOTAyNzUtLjA4NjgxOCAxMi4yNDEzMTMgMTIuMTU0NDk1IDEyLjI0MTMxMyAzMS45NDg5NTkuMDg2ODE4IDQ0LjE5MDI3Mkw1NTYuMTAzNDU0IDUxMS45OTQyMyA3MjUuNTQ3MzQgNjgxLjc4NTM4NmMxMi4xNTQ0OTUgMTIuMjQxMzEzIDEyLjE1NDQ5NSAzMi4wMzU3NzctLjA4NjgxOCA0NC4xOTAyNzN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 28px;
    height: 28px;
}

.lt-tips-close .svg-dark,
.lt-popup-close .svg-dark {
    display: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMiAwQzIyOS4yIDAgMCAyMjkuMTk5OTk5IDAgNTEyYzAgMjgyLjggMjI5LjIgNTEyIDUxMiA1MTIgMjgyLjgwMDAwMSAwIDUxMi0yMjkuMiA1MTItNTEyQzEwMjQgMjI5LjE5OTk5OSA3OTQuODAwMDAxIDAgNTEyIDB6bTIxMy40NjA1MjIgNzI1Ljk3NTY1OWMtNi4wNzcyNDkgNi4wNzcyNDgtMTQuMDY0NDg4IDkuMTE1ODcyLTIyLjA1MTcyNyA5LjExNTg3Mi03Ljk4NzI0MiAwLTE2LjA2MTI5OC0zLjAzODYyNC0yMi4xMzg1NDgtOS4yMDI2OUw1MTIgNTU2LjI3MTMyMyAzNDIuNzI5NzUyIDcyNS44ODg4NDFjLTYuMDc3MjQ4IDYuMTY0MDY2LTE0LjE1MTMwNiA5LjIwMjY5LTIyLjEzODU0NiA5LjIwMjY5LTcuOTg3MjQgMC0xNS45NzQ0NzktMy4wMzg2MjQtMjIuMDUxNzI3LTkuMTE1ODcyLTEyLjI0MTMxMy0xMi4xNTQ0OTYtMTIuMjQxMzEzLTMxLjk0ODk2LS4wODY4MTgtNDQuMTkwMjczTDQ2Ny44OTY1NDYgNTExLjk5NDIzIDI5OC40NTI2NjEgMzQyLjIwMzA3NGMtMTIuMTU0NDk1LTEyLjI0MTMxMi0xMi4xNTQ0OTUtMzIuMDM1Nzc2LjA4NjgxOC00NC4xOTAyNzEgMTIuMjQxMzEzLTEyLjE1NDQ5NSAzMi4wMzU3NzctMTIuMTU0NDk1IDQ0LjE5MDI3My4wODY4MTdMNTEyIDQ2Ny43MTcxNDFsMTY5LjI3MDI0Ny0xNjkuNzA0MzM4YzEyLjE1NDQ5NS0xMi4yNDEzMTMgMzEuOTQ4OTU5LTEyLjI0MTMxMyA0NC4xOTAyNzUtLjA4NjgxOCAxMi4yNDEzMTMgMTIuMTU0NDk1IDEyLjI0MTMxMyAzMS45NDg5NTkuMDg2ODE4IDQ0LjE5MDI3Mkw1NTYuMTAzNDU0IDUxMS45OTQyMyA3MjUuNTQ3MzQgNjgxLjc4NTM4NmMxMi4xNTQ0OTUgMTIuMjQxMzEzIDEyLjE1NDQ5NSAzMi4wMzU3NzctLjA4NjgxOCA0NC4xOTAyNzN6Ii8+PC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 28px;
    height: 28px;
}

@media (max-width:767.98px) {

    .lt-tips-xl .lt-tips-close,
    .lt-popup-xl .lt-popup-close {
        bottom: auto;
        left: auto;
        top: 10px;
        right: 10px;
        width: auto;
    }
    
    .lt-mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important;
    }
    
    .lt-my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }
    
    .content-footer {
        margin: 0 10px;
        padding-bottom: 10px;
    }
    
    .t-dialog {
        margin: 0 10px;
    }
}

.svg-blocks {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.svg-blocks.zip {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkxOTkzNTY3NDc2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwNzYiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cGF0aCBkPSJNNTk0Ljk0NCAwbDMzNS4xMjQ0OCAzNDEuMzE5Njh2NTYzLjJjMCA2NS45OTY4LTUyLjUwMDQ4IDExOS40ODAzMi0xMTcuMjk0MDggMTE5LjQ4MDMySDIwOS41NDYyNGMtNjQuNzkzNiAwLTExNy4yOTkyLTUzLjUyOTYtMTE3LjI5OTItMTE5LjQ4MDMyVjExOS40ODAzMkM5Mi4yNTIxNiA1My40ODM1MiAxNDQuNzU3NzYgMCAyMDkuNTUxMzYgMEg1OTQuOTQ0eiIgZmlsbD0iI0QwRDhFMSIgcC1pZD0iMzA3NyI+PC9wYXRoPjxwYXRoIGQ9Ik05MzAuMDY4NDggMzQxLjMxOTY4aC0yMTEuOTE2OGMtNjQuNzQ3NTIgMC0xMjMuMjA3NjgtNTkuNDg5MjgtMTIzLjIwNzY4LTEyNS40OTEyVjBsMzM1LjEyNDQ4IDM0MS4zMTk2OHoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iLjQiIHAtaWQ9IjMwNzgiPjwvcGF0aD48cGF0aCBkPSJNNTE2LjgzODQgNDM4LjA0MTZoLTMxLjI4MzJjLTIuMjI3MiAwLTMuMzQ4NDggMS4xNjIyNC00LjQ2NDY0IDIuMjc4NC0xLjExNjE2IDEuMTE2MTYtMS4xMTYxNiAzLjM5OTY4LTEuMTE2MTYgNS42ODMyIDIuMjMyMzIgNC41NTY4IDMuMzUzNiAxMC4yNCAzLjM1MzYgMTQuNzk2OHYxNDcuOTE2OGwzLjM0ODQ4IDIyLjc2MzUyYzAgMi4yODM1MiAyLjIzMjMyIDMuMzk5NjggMy4zNTM2IDQuNTE1ODQgMS4xMTYxNiAwIDIuMjMyMzIgMS4xNjIyNCAyLjIzMjMyIDEuMTYyMjRsNS41ODA4IDMuMzk5NjhhNDUuMTQ4MTYgNDUuMTQ4MTYgMCAwIDEgMjkuMDUwODggNDIuMTIyMjR2NTEuMmMwIDIuMjgzNTIgMS4xMTYxNiA0LjUxNTg0IDMuMzQ4NDggNC41MTU4NCAxLjExNjE2IDAgMS4xMTYxNiAxLjE2MjI0IDIuMjM3NDQgMS4xNjIyNCAxLjExNjE2IDAgMi4yMzIzMiAwIDMuMzQ4NDgtMS4xNjIyNGEzMi42Mjk3NiAzMi42Mjk3NiAwIDAgMCAxMy40MDQxNi0yNy4yNzQyNFY0NzIuMTU2MTZhMzEuNjUxODQgMzEuNjUxODQgMCAwIDAtMzIuMzk0MjQtMzQuMTE0NTZ6TTM3Ni4wODk2IDQ2MC44bC0xNC41MjU0NCA1MS4yYTEyLjI4OCAxMi4yODggMCAwIDAgMi4yMzIzMiAxMy42Mzk2OGM0LjQ2OTc2IDQuNTU2OCAyMS4yMjc1MiA0LjU1NjggMjUuNjkyMTYgMCAzLjI3NjgtMy43MjczNiA0LjUzMTItOC44MjE3NiAzLjM1MzYtMTMuNjM5NjhMMzc4LjMxNjggNDYwLjhoLTIuMjMyMzJ6IiBmaWxsPSIjRkZGRkZGIiBwLWlkPSIzMDc5Ij48L3BhdGg+PHBhdGggZD0iTTM2Ni4wMjg4IDQ1My45NTk2OGMxLjEyMTI4LTMuMzk5NjggMy4zNTM2LTQuNTE1ODQgNS41ODU5Mi00LjUxNTg0aDExLjE3MTg0YzIuMjM3NDQgMCA0LjQ2OTc2IDEuMTE2MTYgNS41ODU5MiA0LjUxNTg0bDYuNzA3MiAyNi4yMDQxNkw0MDQuMDA4OTYgNDYwLjhsLTEzLjQwOTI4LTMxLjgzNjE2di0yLjMyOTZIMzYwLjQ0OHYyLjMyOTZMMzQ5LjI3NjE2IDQ2MC44bDguOTM0NCAyMS41OTYxNiA3LjgxODI0LTI4LjM5MDR2LTAuMDUxMnoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjMwODAiPjwvcGF0aD48cGF0aCBkPSJNMzU0LjM5NjE2IDQyNi42ODAzMmwtMTEuMTcxODQgMzEuODQxMjh2NC41NTY4TDM1NC4zOTYxNiA0OTEuNTJjMC42OTEyIDEuNDEzMTIgMS45MDk3NiAyLjUwMzY4IDMuMzk0NTYgMy4wMjA4bDIuMTkxMzYgMC4zNzg4OC00LjQ2OTc2IDEzLjY4MDY0YTIzLjY0NDE2IDIzLjY0NDE2IDAgMCAwIDUuNTgwOCAyNC45OTU4NGM0LjQ3NDg4IDQuNTYxOTIgMTIuMjg4IDYuODQ1NDQgMjEuMjI3NTIgNi44NDU0NHMxNi43NTc3Ni0yLjI4MzUyIDIxLjIyNzUyLTYuODQ1NDRhMjQuMjk0NCAyNC4yOTQ0IDAgMCAwIDYuNjU2LTIxLjQ1MjhsLTUuNTg1OTItMTguMzQ0OTZjMC43ODg0OCAwIDEuNTM2LTAuNTEyIDEuOTU1ODQtMS4xNjIyNGwwLjMyMjU2LTEuMTE2MTYgMTQuNTI1NDQtMjguNDQxNmEzLjQ5MTg0IDMuNDkxODQgMCAwIDAgMC43NDI0LTMuMTE4MDhsLTAuNzQyNC0xLjM5MjY0LTE0LjUyNTQ0LTMxLjg4NzM2aDM1Ljc0Nzg0YTMzLjA0OTYgMzMuMDQ5NiAwIDAgMSAzMy4yMzM5MiAyOS4zNzM0NEw0NzYuMTYgNDYwLjh2MTY0Ljk1NjE2YzAgOC43OTYxNiA0LjkzMDU2IDE1LjkyMzIgMTEuOTYwMzIgMTkuOTIxOTJsMTEuNDk0NCA1LjEyYTMyLjg2MDE2IDMyLjg2MDE2IDAgMCAxIDIyLjAxNiAyNi45OTc3NmwwLjMyNzY4IDQuODg0NDh2NTEuMmMwIDE3LjY4OTYtMTIuMTk1ODQgMzEuNjUxODQtMjguODU2MzIgMzMuODQzMmwtNC42NTkyIDAuMjc2NDhIMjk4LjU0NzJhMzMuMDQ5NiAzMy4wNDk2IDAgMCAxLTMzLjIzMzkyLTI5LjQxNDRsLTAuMjgxNi00LjcwNTI4VjQ2MC44YzAtMTcuNjg5NiAxMi4xOTU4NC0zMS42NTE4NCAyOC44NjE0NC0zMy44NDMybDQuNjU0MDgtMC4yNzY0OGg1NS44NTQwOHogbTE2Ljc1MjY0IDI4NC4zOTU1MkgzNTkuOTg3MmMtMy4zNTM2IDAtNS41ODU5MiAyLjMyNDQ4LTUuNTg1OTIgNS43MjQxNiAwIDIuNzQ0MzIgMS4zOTI2NCA0Ljc0NjI0IDMuNzIyMjQgNS40NDc2OGwxLjg2MzY4IDAuMjMwNGgxMS4xNjY3MmMzLjM1MzYgMCA1LjU4NTkyLTIuMjc4NCA1LjU4NTkyLTUuNjc4MDggMC0yLjc0NDMyLTEuMzkyNjQtNC43NDYyNC0zLjcyMjI0LTUuNDQ3NjhsLTEuODYzNjgtMC4yMzA0di0wLjA1MTJ6IG0zMy41MTU1Mi0xMS4zNTYxNmgtMTEuMTcxODRjLTMuMzQ4NDggMC01LjU4MDggMi4zMjQ0OC01LjU4MDggNS43MjQxNiAwIDIuNjk4MjQgMS4zOTI2NCA0LjcwMDE2IDMuNzE3MTIgNS4zOTY0OGwxLjg2MzY4IDAuMjgxNmgxMS4xNzE4NGMzLjM0ODQ4IDAgNS41ODA4LTIuMzI5NiA1LjU4MDgtNS42ODMyIDAtMi43OTA0LTEuMzkyNjQtNC43NDExMi0zLjcxNzEyLTUuNDQyNTZsLTEuODYzNjgtMC4yNzY0OHogbS0zMy41MTU1Mi0xMS4zNjEyOEgzNTkuOTg3MmMtMy4zNTM2IDAtNS41ODU5MiAyLjI4MzUyLTUuNTg1OTIgNS42ODMyIDAgMi43NDQzMiAxLjM5MjY0IDQuNzQ2MjQgMy43MjIyNCA1LjQ0MjU2bDEuODYzNjggMC4yMzU1MmgxMS4xNjY3MmMzLjM1MzYgMCA1LjU4NTkyLTIuMjgzNTIgNS41ODU5Mi01LjY4MzIgMC0yLjc0NDMyLTEuMzkyNjQtNC43NDYyNC0zLjcyMjI0LTUuMzk2NDhsLTEuODYzNjgtMC4yODE2eiBtMzMuNTE1NTItMTEuNDAyMjRoLTExLjE3MTg0Yy0zLjM0ODQ4IDAtNS41ODA4IDIuMzI5Ni01LjU4MDggNS43MjQxNiAwIDIuNzAzMzYgMS4zOTI2NCA0LjcwNTI4IDMuNzE3MTIgNS40MDE2bDEuODYzNjggMC4yNzY0OGgxMS4xNzE4NGMzLjM0ODQ4IDAgNS41ODA4LTIuMjc4NCA1LjU4MDgtNS42NzgwOCAwLTIuNzQ0MzItMS4zOTI2NC00Ljc0NjI0LTMuNzE3MTItNS40NDI1NmwtMS44NjM2OC0wLjI4MTZ6TTM3MS4xNDg4IDY2NS42SDM1OS45ODcyYy0zLjM1MzYgMC01LjU4NTkyIDIuMjc4NC01LjU4NTkyIDUuNjgzMiAwIDIuNzM5MiAxLjM5MjY0IDQuNzQxMTIgMy43MjIyNCA1LjQ0MjU2bDEuODYzNjggMC4yMzA0aDExLjE2NjcyYzMuMzUzNiAwIDUuNTg1OTItMi4yMzIzMiA1LjU4NTkyLTUuNjc4MDggMC0yLjY5ODI0LTEuMzkyNjQtNC43MDAxNi0zLjcyMjI0LTUuMzk2NDhMMzcxLjE0ODggNjY1LjZ6IG0zMy41MTU1Mi0xMS4zNTYxNmgtMTEuMTcxODRjLTMuMzQ4NDggMC01LjU4MDggMi4yMzIzMi01LjU4MDggNS42NzgwOCAwIDIuNjk4MjQgMS4zOTI2NCA0LjcwMDE2IDMuNzE3MTIgNS4zOTY0OGwxLjg2MzY4IDAuMjgxNmgxMS4xNzE4NGMzLjM0ODQ4IDAgNS41ODA4LTIuMjc4NCA1LjU4MDgtNS42ODMyIDAtMi43MzkyLTEuMzkyNjQtNC43NDExMi0zLjcxNzEyLTUuNDQyNTZsLTEuODYzNjgtMC4yMzA0eiBtLTMzLjUxNTUyLTExLjQwMjI0SDM1OS45ODcyYy0zLjM1MzYgMC01LjU4NTkyIDIuMjc4NC01LjU4NTkyIDUuNjc4MDggMCAyLjc0NDMyIDEuMzkyNjQgNC43NDYyNCAzLjcyMjI0IDUuNDQyNTZsMS44NjM2OCAwLjI4MTZoMTEuMTY2NzJjMy4zNTM2IDAgNS41ODU5Mi0yLjMyOTYgNS41ODU5Mi01LjcyNDE2IDAtMi43MDMzNi0xLjM5MjY0LTQuNzA1MjgtMy43MjIyNC01LjQwMTZsLTEuODYzNjgtMC4yNzY0OHogbTMzLjUxNTUyLTExLjM2MTI4aC0xMS4xNzE4NGMtMy4zNDg0OCAwLTUuNTgwOCAyLjI4MzUyLTUuNTgwOCA1LjY4MzIgMCAyLjc0NDMyIDEuMzkyNjQgNC43NDYyNCAzLjcxNzEyIDUuMzk2NDhsMS44NjM2OCAwLjI4MTZoMTEuMTcxODRjMy4zNDg0OCAwIDUuNTgwOC0yLjI4MzUyIDUuNTgwOC01LjY4MzIgMC0yLjc0NDMyLTEuMzkyNjQtNC43NDYyNC0zLjcxNzEyLTUuNDQyNTZsLTEuODYzNjgtMC4yMzU1MnogbS0zMy41MTU1Mi0xMS40MDIyNEgzNTkuOTg3MmMtMy4zNTM2IDAtNS41ODU5MiAyLjMyOTYtNS41ODU5MiA1LjY4MzIgMCAyLjc5MDQgMS4zOTI2NCA0Ljc0MTEyIDMuNzIyMjQgNS40NDI1NmwxLjg2MzY4IDAuMjc2NDhoMTEuMTY2NzJjMy4zNTM2IDAgNS41ODU5Mi0yLjMyNDQ4IDUuNTg1OTItNS43MjQxNiAwLTIuNjk4MjQtMS4zOTI2NC00LjcwMDE2LTMuNzIyMjQtNS4zOTY0OGwtMS44NjM2OC0wLjI4MTZ6IG0zMy41MTU1Mi0xMS4zNTYxNmgtMTEuMTcxODRjLTMuMzQ4NDggMC01LjU4MDggMi4yNzg0LTUuNTgwOCA1LjY3ODA4IDAgMi43NDQzMiAxLjM5MjY0IDQuNzQ2MjQgMy43MTcxMiA1LjQ0NzY4bDEuODYzNjggMC4yMzA0aDExLjE3MTg0YzMuMzQ4NDggMCA1LjU4MDgtMi4yNzg0IDUuNTgwOC01LjY3ODA4IDAtMi43NDQzMi0xLjM5MjY0LTQuNzQ2MjQtMy43MTcxMi01LjQ0NzY4bC0xLjg2MzY4LTAuMjMwNHogbS0zMy41MTU1Mi0xMS40MDIyNEgzNTkuOTg3MmMtMy4zNTM2IDAtNS41ODU5MiAyLjMyNDQ4LTUuNTg1OTIgNS43MjQxNiAwIDIuNjk4MjQgMS4zOTI2NCA0LjcwMDE2IDMuNzIyMjQgNS4zOTY0OGwxLjg2MzY4IDAuMjgxNmgxMS4xNjY3MmMzLjM1MzYgMCA1LjU4NTkyLTIuMzI5NiA1LjU4NTkyLTUuNjgzMiAwLTIuNzkwNC0xLjM5MjY0LTQuNzQxMTItMy43MjIyNC01LjQ0MjU2bC0xLjg2MzY4LTAuMjc2NDh6IG0zMy41MTU1Mi0xMS4zNjEyOGgtMTEuMTcxODRjLTMuMzQ4NDggMC01LjU4MDggMi4yODM1Mi01LjU4MDggNS42ODMyIDAgMi43NDQzMiAxLjM5MjY0IDQuNzQ2MjQgMy43MTcxMiA1LjQ0MjU2bDEuODYzNjggMC4yMzU1MmgxMS4xNzE4NGMzLjM0ODQ4IDAgNS41ODA4LTIuMjgzNTIgNS41ODA4LTUuNjgzMiAwLTIuNzQ0MzItMS4zOTI2NC00Ljc0NjI0LTMuNzE3MTItNS4zOTY0OGwtMS44NjM2OC0wLjI4MTZ6IG0tMzMuNTE1NTItMTEuNDAyMjRIMzU5Ljk4NzJjLTMuMzUzNiAwLTUuNTg1OTIgMi4zMjk2LTUuNTg1OTIgNS43MjQxNiAwIDIuNzAzMzYgMS4zOTI2NCA0LjcwNTI4IDMuNzIyMjQgNS40MDE2bDEuODYzNjggMC4yNzY0OGgxMS4xNjY3MmMzLjM1MzYgMCA1LjU4NTkyLTIuMjc4NCA1LjU4NTkyLTUuNjc4MDggMC0yLjc0NDMyLTEuMzkyNjQtNC43NDYyNC0zLjcyMjI0LTUuNDQyNTZsLTEuODYzNjgtMC4yODE2ek00MDQuNjY0MzIgNTYzLjJoLTExLjE3MTg0Yy0zLjM0ODQ4IDAtNS41ODA4IDIuMjc4NC01LjU4MDggNS42ODMyIDAgMi43MzkyIDEuMzkyNjQgNC43NDExMiAzLjcxNzEyIDUuNDQyNTZsMS44NjM2OCAwLjIzMDRoMTEuMTcxODRjMy4zNDg0OCAwIDUuNTgwOC0yLjIzMjMyIDUuNTgwOC01LjY3ODA4IDAtMi42OTgyNC0xLjM5MjY0LTQuNzAwMTYtMy43MTcxMi01LjM5NjQ4bC0xLjg2MzY4LTAuMjgxNnogbS0zMy41MTU1Mi0xMS4zNTYxNkgzNTkuOTg3MmMtMy4zNTM2IDAtNS41ODU5MiAyLjIzMjMyLTUuNTg1OTIgNS42NzgwOCAwIDIuNjk4MjQgMS4zOTI2NCA0LjcwMDE2IDMuNzIyMjQgNS4zOTY0OGwxLjg2MzY4IDAuMjgxNmgxMS4xNjY3MmMzLjM1MzYgMCA1LjU4NTkyLTIuMjc4NCA1LjU4NTkyLTUuNjgzMiAwLTIuNzM5Mi0xLjM5MjY0LTQuNzQxMTItMy43MjIyNC01LjQ0MjU2bC0xLjg2MzY4LTAuMjMwNHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjMwODEiPjwvcGF0aD48L3N2Zz4=');
}

.svg-blocks.image {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkxOTk0MjA4NTc3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExNTQiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cGF0aCBkPSJNNTk0Ljk0NCAwbDMzNS4xMjQ0OCAzNDEuMzE5Njh2NTYzLjJjMCA2NS45OTY4LTUyLjUwMDQ4IDExOS40ODAzMi0xMTcuMjk0MDggMTE5LjQ4MDMySDIwOS41NDYyNGMtNjQuNzkzNiAwLTExNy4yOTkyLTUzLjUyOTYtMTE3LjI5OTItMTE5LjQ4MDMyVjExOS40ODAzMkM5Mi4yNTIxNiA1My40ODM1MiAxNDQuNzU3NzYgMCAyMDkuNTUxMzYgMEg1OTQuOTQ0eiIgZmlsbD0iIzM2RDJBRCIgcC1pZD0iMTE1NSI+PC9wYXRoPjxwYXRoIGQ9Ik05MzAuMDY4NDggMzQxLjMxOTY4aC0yMTEuOTE2OGMtNjQuNzQ3NTIgMC0xMjMuMjA3NjgtNTkuNDg5MjgtMTIzLjIwNzY4LTEyNS40OTEyVjBsMzM1LjEyNDQ4IDM0MS4zMTk2OHoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iLjQiIHAtaWQ9IjExNTYiPjwvcGF0aD48cGF0aCBkPSJNNjEzLjU2MDMyIDQyNi42ODAzMkgyNzguNDI1NmMtMTAuMjQgMC0xOC42MTYzMiA4LjQ3MzYtMTguNjE2MzIgMTguOTQ0Vjc0OS4wNTZjMCAxMC40NzA0IDguMzc2MzIgMTguOTQ0IDE4LjYxNjMyIDE4Ljk0NGgzMzUuMTI5NmMxMC4yODYwOCAwIDE4LjYxNjMyLTguNDczNiAxOC42MTYzMi0xOC45NDRWNDQ1LjYyNDMyYTE4LjgwNTc2IDE4LjgwNTc2IDAgMCAwLTE4LjYxNjMyLTE4Ljk0NHogbS0zNy4yMzc3NiAyODQuMzk1NTJIMzE1LjY2ODQ4di05NC43NzEybDU1Ljg1OTItNTYuODcyOTYgOTMuMDg2NzIgOTQuODEyMTYgNTUuODU5Mi01Ni45MjQxNiA1NS44NDg5NiA1Ni45MjQxNnY1Ni44NzgwOC0wLjA1MTJ6IG0tMzcuMjM3NzYtMTUxLjY0NDE2YTM3LjU2MDMyIDM3LjU2MDMyIDAgMCAxLTM3LjIzMjY0LTM3LjkzOTJjMC0yMC45NDA4IDE2LjY2MDQ4LTM3LjkzNDA4IDM3LjIzMjY0LTM3LjkzNDA4IDIwLjU3NzI4IDAgMzcuMjM3NzYgMTYuOTkzMjggMzcuMjM3NzYgMzcuOTM5MiAwIDIwLjk0MDgtMTYuNjYwNDggMzcuOTM0MDgtMzcuMjM3NzYgMzcuOTM0MDh6IiBmaWxsPSIjRkZGRkZGIiBwLWlkPSIxMTU3Ij48L3BhdGg+PC9zdmc+');
}

.svg-blocks.txt {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkxOTk0MjQ3Mzk1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0MDAiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cGF0aCBkPSJNMTM3LjkwMjQ2IDAuMDAwNDFhNDguNTczNDIxIDQ4LjU3MzQyMSAwIDAgMC0zNS41ODkxMDYgMTUuMjkzNDMzQTUzLjk2NDc3OCA1My45NjQ3NzggMCAwIDAgODcuMDQwNCA1MC45MzQxNDlWOTY4LjM0NTYyMmE0OC43MDY1NDEgNDguNzA2NTQxIDAgMCAwIDE1LjI3Mjk1NCAzNS42NDAzMDYgNDkuOTcxMTggNDkuOTcxMTggMCAwIDAgMzUuNTg5MTA2IDE1LjI5MzQzNGg3NDYuMzM2OTgyYTQ4LjYzOTk4MSA0OC42Mzk5ODEgMCAwIDAgMzUuNTg5MTA1LTE1LjI5MzQzNCA1MC4zNzA1NCA1MC4zNzA1NCAwIDAgMCAxNS4yNzI5NTQtMzUuNjQwMzA2VjI4OC43MTcwOTRMNjQ2LjcyNzg1NyAwLjAwMDQxSDEzNy45MDI0NnoiIGZpbGw9IiNFNUU1RTUiIHAtaWQ9IjE0MDEiPjwvcGF0aD48cGF0aCBkPSJNOTM1LjEwMTUwMSAyODguNzE3MDk0aC0yMzcuNDQ1MDI1Yy0yNy44MjIwNjktMC42NjU2LTUwLjIyNzE4LTIzLjA3NTgzMS01MC45Mjg2MTktNTAuOTMzNzRWMC4wMDA0MWwyODguMzczNjQ0IDI4OC43MTY2ODR6IiBmaWxsPSIjQ0NDQ0NDIiBwLWlkPSIxNDAyIj48L3BhdGg+PHBhdGggZD0iTTI0OC4xMjU3NzYgMzY1LjE4NDI2NGgyMjAuNTE4MzEyYTI1LjUxODA3IDI1LjUxODA3IDAgMCAwIDI0LjE5MTk5LTI1LjQ5NzU5IDI1LjUxODA3IDI1LjUxODA3IDAgMCAwLTI0LjE5NzExLTI1LjUwMjcxSDI0OC4xMjU3NzZhMjUuNTE4MDcgMjUuNTE4MDcgMCAwIDAtMjQuMTk3MTEgMjUuNDk3NTkgMjUuNTE4MDcgMjUuNTE4MDcgMCAwIDAgMjQuMTk3MTEgMjUuNDk3NTl6IG0wIDE2OS44MjUyMTJoNTI1LjgyMzc5YTI1LjQ0NjM5IDI1LjQ0NjM5IDAgMCAwIDI1LjQzMTAyOS0yNS40NjY4NyAyNS40NDYzOSAyNS40NDYzOSAwIDAgMC0yNS40MzEwMjktMjUuNDY2ODdoLTUyNS44MjM3OWEyNS40NDYzOSAyNS40NDYzOSAwIDAgMC0yNS40MzEwMyAyNS40NjY4NyAyNS40NDYzOSAyNS40NDYzOSAwIDAgMCAyNS40MzEwMyAyNS40NjY4N3ogbTUyNS44MjM3OSAxMTguODg2MzUyaC01MjUuODIzNzlhMjUuNTE4MDcgMjUuNTE4MDcgMCAwIDAtMjQuMTk3MTEgMjUuNDk3NTkgMjUuNTE4MDcgMjUuNTE4MDcgMCAwIDAgMjQuMTk3MTEgMjUuNTAyNzFoNTI1LjgyMzc5YTI1LjUxODA3IDI1LjUxODA3IDAgMCAwIDI0LjE5NzExLTI1LjQ5NzU5IDI1LjUxODA3IDI1LjUxODA3IDAgMCAwLTI0LjE5NzExLTI1LjQ5NzU5eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTQwMyI+PC9wYXRoPjwvc3ZnPg==');
}

.svg-blocks.docx {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkxOTk0MzM2NDE4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE5NDciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cGF0aCBkPSJNMTE2LjkxMDA4IDBoNTUyLjA1ODg4bDI2Mi43NzM3NiAyNTcuNzA0OTZWOTk1LjQzMDRjMCAxNS43Njk2LTEzLjE5OTM2IDI4LjU2OTYtMjkuNDYwNDggMjguNTY5NkgxMTYuOTEwMDhjLTE2LjI2MTEyIDAtMjkuNDU1MzYtMTIuOC0yOS40NTUzNi0yOC41Njk2VjI4LjU2OTZDODcuNDQ5NiAxMi44IDEwMC42NDg5NiAwIDExNi45MTAwOCAweiIgZmlsbD0iIzRBOERGRiIgcC1pZD0iMTk0OCI+PC9wYXRoPjxwYXRoIGQ9Ik02NjguOTY4OTYgMHYyMjkuMTM1MzZjMCAxNS43OTAwOCAxMy4xOTkzNiAyOC41Njk2IDI5LjQ2MDQ4IDI4LjU2OTZoMjMzLjMxMzI4TDY2OC45Njg5NiAweiIgZmlsbD0iI0U1RjBGRiIgcC1pZD0iMTk0OSI+PC9wYXRoPjxwYXRoIGQ9Ik03MjIuNzY0OCA4MjMuNTM2NjRjMjUuMzk1MiAyNi45NjE5MiA3MS43MDU2IDkuNTUzOTIgNzEuNzA1Ni0yNi45NjcwNFYzNzEuNDQwNjRoLTgyLjUxMzkydjMyMS45NzYzMmwtMTYzLjk2Mjg4LTE3NC4xODI0Yy03LjgxMzEyLTguMjk5NTItMTguODcyMzItMTMuMDMwNC0zMC40NjQtMTMuMDMwNC0xMS41ODY1NiAwLTIyLjY0MDY0IDQuNzMwODgtMzAuNDU4ODggMTMuMDMwNGwtMTYzLjk2Mjg4IDE3NC4xODI0di0zMjEuOTk2OEgyNDAuNjI5NzZ2NDI1LjE0OTQ0YzAgMzYuNTIwOTYgNDYuMzE1NTIgNTMuOTI4OTYgNzEuNzEwNzIgMjYuOTY3MDRsMjA1LjIwOTYtMjE3Ljk5NDI0IDIwNS4yMDk2IDIxNy45OTQyNHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjE5NTAiPjwvcGF0aD48L3N2Zz4=');
}

.svg-blocks.xlsx {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkxOTk0MzY2MDU1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxOTMiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cGF0aCBkPSJNMTE2LjkxMDA4IDBoNTUyLjA1ODg4bDI2Mi43NzM3NiAyNTcuNzA0OTZWOTk1LjQzMDRjMCAxNS43Njk2LTEzLjE5OTM2IDI4LjU2OTYtMjkuNDYwNDggMjguNTY5NkgxMTYuOTEwMDhjLTE2LjI2MTEyIDAtMjkuNDU1MzYtMTIuOC0yOS40NTUzNi0yOC41Njk2VjI4LjU2OTZDODcuNDQ5NiAxMi44IDEwMC42NDg5NiAwIDExNi45MTAwOCAweiIgZmlsbD0iIzAwQzA5MCIgcC1pZD0iMjE5NCI+PC9wYXRoPjxwYXRoIGQ9Ik02NjguOTY4OTYgMHYyMjkuMTM1MzZjMCAxNS43OTAwOCAxMy4xOTkzNiAyOC41Njk2IDI5LjQ2MDQ4IDI4LjU2OTZoMjMzLjMxMzI4TDY2OC45Njg5NiAweiIgZmlsbD0iIzY4REJCRiIgcC1pZD0iMjE5NSI+PC9wYXRoPjxwYXRoIGQ9Ik03MDMuNzQ0IDM3MC42MDA5NmwtNDQ3LjUzOTIgNDM1LjJhMzkuMTQ3NTIgMzkuMTQ3NTIgMCAwIDAgMC43NDc1MiA1NS45MDUyOGMxNS44NTY2NCAxNS4zNDQ2NCA0MS40NDY0IDE1LjYwNTc2IDU3LjYzNTg0IDAuNTg4OGw0NDcuNTE4NzItNDM1LjJjMTAuODE4NTYtMTAuMDM1MiAxNS4xODA4LTI0Ljk2NTEyIDExLjQwMjI0LTM5LjAxNDQtMy43NzM0NC0xNC4wNDQxNi0xNS4xMDQtMjUuMDAwOTYtMjkuNTkzNi0yOC42MzEwNC0xNC40ODk2LTMuNjMwMDgtMjkuODc1MiAwLjY0LTQwLjE5MiAxMS4xNTEzNmgwLjAxNTM2eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMjE5NiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTYuMjA0OCA0MjUuOTY4NjRsNDQ3LjUzOTIgNDM1LjE3OTUyYzE2LjE4OTQ0IDE1LjAxNjk2IDQxLjc3OTIgMTQuNzU1ODQgNTcuNjM1ODQtMC41ODg4YTM5LjE0NzUyIDM5LjE0NzUyIDAgMCAwIDAuNzQ3NTItNTUuOTAwMTZsLTQ0Ny41MTg3Mi00MzUuMmMtMTYuMTg5NDQtMTUuMDE2OTYtNDEuNzc5Mi0xNC43NTU4NC01Ny42NDA5NiAwLjU4ODhhMzkuMTQ3NTIgMzkuMTQ3NTIgMCAwIDAtMC43NDc1MiA1NS45MDAxNmwtMC4wMTUzNiAwLjAyMDQ4eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMjE5NyI+PC9wYXRoPjwvc3ZnPg==');
}

.svg-blocks.ppt {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkxOTk0Mzk3NTY1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0NDAiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cGF0aCBkPSJNMTE2LjkxMDA4IDBoNTUyLjA1ODg4bDI2Mi43NzM3NiAyNTcuNzA0OTZWOTk1LjQzMDRjMCAxNS43Njk2LTEzLjE5OTM2IDI4LjU2OTYtMjkuNDYwNDggMjguNTY5NkgxMTYuOTEwMDhjLTE2LjI2MTEyIDAtMjkuNDU1MzYtMTIuOC0yOS40NTUzNi0yOC41Njk2VjI4LjU2OTZDODcuNDQ5NiAxMi44IDEwMC42NDg5NiAwIDExNi45MTAwOCAweiIgZmlsbD0iI0ZGNzg2MSIgcC1pZD0iMjQ0MSI+PC9wYXRoPjxwYXRoIGQ9Ik02NjguOTY4OTYgMHYyMjkuMTM1MzZjMCAxNS43OTAwOCAxMy4xOTkzNiAyOC41Njk2IDI5LjQ2MDQ4IDI4LjU2OTZoMjMzLjMxMzI4TDY2OC45Njg5NiAweiIgZmlsbD0iI0ZGQjBBNCIgcC1pZD0iMjQ0MiI+PC9wYXRoPjxwYXRoIGQ9Ik02OTUuNTkyOTYgNDczLjI1Njk2YzkuMTg1MjggOS4wOTgyNCAxNC4wMjg4IDIyLjE5MDA4IDE0LjAyODggNDEuNTk0ODggMCAxOS40MjAxNi00Ljg0MzUyIDMyLjUxMi0xNC4wMjg4IDQxLjYwNTEyLTkuNzk5NjggOS43MjgtMjYuMzkzNiAxNi45NDcyLTUwLjkwODE2IDIwLjY4NDhoLTM2My45ODA4Yy0yMi43ODQgMC00MS4yNTE4NCAxNy45MDk3Ni00MS4yNTE4NCA0MC4wMDc2OHYxNzkuNDIwMTZjMCAxNC4yOTUwNCA3Ljg1OTIgMjcuNTA0NjQgMjAuNjIzMzYgMzQuNjUyMTZhNDIuMzU3NzYgNDIuMzU3NzYgMCAwIDAgNDEuMjQ2NzIgMGMxMi43NjQxNi03LjE0NzUyIDIwLjYyODQ4LTIwLjM1NzEyIDIwLjYyMzM2LTM0LjY1MjE2di0xMzkuNDMyOTZoMzI1LjgyMTQ0YzEuOTM1MzYgMCAzLjg5MTItMC4xMjI4OCA1LjgyMTQ0LTAuMzk0MjQgODguMTEwMDgtMTIuMjAwOTYgMTM4LjUyMTYtNjIuMjIzMzYgMTM4LjUyMTYtMTQxLjg5MDU2IDAtNzkuNjUxODQtNTAuNDExNTItMTI5LjY3NDI0LTEzOC41MjE2LTE0MS44NzUyYTQyLjA0NTQ0IDQyLjA0NTQ0IDAgMCAwLTUuODIxNDQtMC40MDk2SDI4MC42OTg4OGMtMjIuNzg0IDAtNDEuMjQ2NzIgMTcuOTA5NzYtNDEuMjQ2NzIgNDAuMDAyNTYgMCAyMi4wOTI4IDE4LjQ2Nzg0IDQwLjAwMjU2IDQxLjI0NjcyIDQwLjAwMjU2aDM2My45ODU5MmMyNC41MTQ1NiAzLjczNzYgNDEuMTA4NDggMTAuOTU2OCA1MC45MDgxNiAyMC42Njk0NHYwLjAxNTM2eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMjQ0MyI+PC9wYXRoPjwvc3ZnPg==');
}

.svg-blocks.pdf {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkxOTk0NDI0ODcwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2ODYiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cGF0aCBkPSJNNTk0Ljk0NCAwbDMzNS4xMjQ0OCAzNDEuMzE5Njh2NTYzLjJjMCA2NS45OTY4LTUyLjUwMDQ4IDExOS40ODAzMi0xMTcuMjk0MDggMTE5LjQ4MDMySDIwOS41NDYyNGMtNjQuNzkzNiAwLTExNy4yOTkyLTUzLjUyOTYtMTE3LjI5OTItMTE5LjQ4MDMyVjExOS40ODAzMkM5Mi4yNTIxNiA1My40ODM1MiAxNDQuNzU3NzYgMCAyMDkuNTUxMzYgMEg1OTQuOTQ0eiIgZmlsbD0iI0U5NDg0OCIgcC1pZD0iMjY4NyI+PC9wYXRoPjxwYXRoIGQ9Ik00ODIuOTU0MjQgMzc1LjQ4MDMyYTQwLjU4NjI0IDQwLjU4NjI0IDAgMCAwLTQwLjAyODE2IDQwLjc3NTY4YzAgMjcuNzg2MjQgMTUuMTcwNTYgNjIuMzI1NzYgMzEuMTgwOCA5NC43NzEyLTEyLjU2NDQ4IDM5LjgzMzYtMjYuNzE2MTYgODIuNDcyOTYtNDQuODIwNDggMTE4LjUwMjQtMzcuMDk0NCAxNC43OTY4LTcwLjE5NTIgMjUuODMwNC05MC4wNjA4IDQyLjE2ODMyYTQxLjcwNzUyIDQxLjcwNzUyIDAgMCAwLTEyLjM5MDQgMjkuOTI2NGMwIDIyLjM0MzY4IDE4LjA2MzM2IDQwLjc3NTY4IDQwLjAzODQgNDAuNzc1NjhhMzkuMzMxODQgMzkuMzMxODQgMCAwIDAgMjkuMjcxMDQtMTIuNDcyMzJjMTQuNjE3Ni0xNy44Mjc4NCAzMS44ODczNi01MC4xMjk5MiA0Ny4yOTM0NC03OS42NDE2IDM1LjQyMDE2LTE0LjE5Nzc2IDcyLjYwNjcyLTI4LjY3MiAxMDguNDQ2NzItMzcuMzI0OCAyNi4xNjMyIDIxLjQ1MjggNjQuMDUxMiAzNS42NTA1NiA5NS4xODU5MiAzNS42NTA1NiAyMS45Njk5MiAwIDQwLjAzMzI4LTE4LjM4NTkyIDQwLjAzMzI4LTQwLjc3NTY4YTQwLjU4NjI0IDQwLjU4NjI0IDAgMCAwLTQwLjAzMzI4LTQwLjcyNDQ4Yy0yNC45OTA3MiAwLTYxLjI5NjY0IDkuMDcyNjQtODkuMDM2OCAxOC42MTYzMmEzMDEuMzM3NiAzMDEuMzM3NiAwIDAgMS01OC4wOTE1Mi03Ni45ODQzMmMxMC42NTk4NC0zMy4zMzEyIDIzLjA0LTY2LjY1NzI4IDIzLjA0LTkyLjQ4NzY4YTQwLjU4NjI0IDQwLjU4NjI0IDAgMCAwLTQwLjAyODE2LTQwLjc3NTY4eiBtMCAyNC40Mzc3NmM4Ljk4MDQ4IDAgMTYuMDEwMjQgNy4xNjggMTYuMDEwMjQgMTYuMjkxODQgMCAxMi4yMzY4LTYuNDIwNDggMzQuODE2LTEzLjg3MDA4IDU5LjAxODI0QzQ3NS4xMzYgNDUxLjY3NjE2IDQ2Ni45NDQgNDI5LjA1NiA0NjYuOTQ0IDQxNi4yNTZjMC05LjE2NDggNy4wMjQ2NC0xNi4yOTE4NCAxNi4wMTAyNC0xNi4yOTE4NHYtMC4wNDYwOHogbTYuODg2NCAxMzkuNTQ1NmEzMjMuNTczNzYgMzIzLjU3Mzc2IDAgMCAwIDQxLjUyMzIgNTMuNzZjLTIzLjc0MTQ0IDYuNjA0OC00Ni45MTk2OCAxNS4wNzg0LTY5LjgyMTQ0IDIzLjkyMDY0IDExLjA3OTY4LTI1LjM2NDQ4IDE5LjkxNjgtNTEuNzU4MDggMjguMjk4MjQtNzcuNzI2NzJ2MC4wNDYwOHogbTE1Ny4yMzUyIDUyLjEyNjcyYzguOTgwNDggMCAxNi4wMTAyNCA3LjEyMTkyIDE2LjAxMDI0IDE2LjI5MTg0IDAgOS4xMjM4NC03LjAyOTc2IDE2LjI5MTg0LTE2LjAxNTM2IDE2LjI5MTg0LTE4LjA1ODI0IDAtNDMuNjU4MjQtOC4yODQxNi02NC4xODQzMi0xOS44NzU4NCAyMy41NTItNi43OTQyNCA0OS4yMDMyLTEyLjc0ODggNjQuMTg0MzItMTIuNzQ4OHYwLjA0MDk2ek00MDguMTUxMDQgNjY0LjU3NmMtMTEuMjY0IDIwLjQ4LTIyLjQzNTg0IDM5LjU2MjI0LTMwLjI1OTIgNDkuMTUyYTE1LjA3ODQgMTUuMDc4NCAwIDAgMS0xMS4wMjg0OCA0LjE4ODE2IDE1Ljk2NDE2IDE1Ljk2NDE2IDAgMCAxLTE2LjAxMDI0LTE2LjI5MTg0YzAuMDMwNzItNC4xNjI1NiAxLjUzMDg4LTguMTg2ODggNC4yMzQyNC0xMS4zNTYxNiA5LjQwMDMyLTcuMzk4NCAyOS44MzQyNC0xNi4yOTE4NCA1My4wNjM2OC0yNS42OTIxNnoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjI2ODgiPjwvcGF0aD48cGF0aCBkPSJNOTMwLjA2ODQ4IDM0MS4zMTk2OGgtMjExLjkxNjhjLTY0Ljc0NzUyIDAtMTIzLjIwNzY4LTU5LjQ4OTI4LTEyMy4yMDc2OC0xMjUuNDkxMlYwbDMzNS4xMjQ0OCAzNDEuMzE5Njh6IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9Ii40IiBwLWlkPSIyNjg5Ij48L3BhdGg+PC9zdmc+');
}

.svg-blocks.other {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjkxOTk0NTAxNDQ1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwNjkiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cGF0aCBkPSJNMTYwIDBoNTEybDI1NiAyNTZ2NzA0YzAgMzUuMzQ3Mi0yOC42NTI4IDY0LTY0IDY0SDE2MGMtMzUuMzQ3MiAwLTY0LTI4LjY1MjgtNjQtNjRWNjRjMC0zNS4zNDcyIDI4LjY1MjgtNjQgNjQtNjR6IiBmaWxsPSIjQ0NDQ0NDIiBwLWlkPSIxMDcwIj48L3BhdGg+PHBhdGggZD0iTTY3MiAwbDI1NiAyNTZoLTE5MmMtMzUuMzQ3MiAwLTY0LTI4LjY1MjgtNjQtNjRWMHoiIGZpbGw9IiNFQUVBRUEiIHAtaWQ9IjEwNzEiPjwvcGF0aD48cGF0aCBkPSJNMzg0IDQ5OS4yYzAtMjUuNiA1LjEyLTQ2LjA4IDEwLjI0LTU4Ljg4IDUuMTItMTIuOCAxNS4zNi0yNS42IDI4LjE2LTM1Ljg0IDEyLjgtMTIuOCAyNS42LTIwLjQ4IDQzLjUyLTI1LjYgMTUuMzYtNS4xMiAzMC43Mi03LjY4IDQ4LjY0LTcuNjggMzUuODQgMCA2NCAxMC4yNCA4OS42IDMwLjcyQzYyNy4yIDQyMi40IDY0MCA0NDggNjQwIDQ4MS4yOGMwIDE1LjM2LTUuMTIgMjguMTYtMTAuMjQgNDAuOTZzLTE3LjkyIDI4LjE2LTM4LjQgNDYuMDgtMjguMTYgMzAuNzItMzUuODQgMzguNGMtNy42OCA3LjY4LTEwLjI0IDE3LjkyLTE1LjM2IDI4LjE2LTUuMTIgMTAuMjQtMi41NiAxNy45Mi0yLjU2IDQzLjUyaC01MS4yYzAtMjUuNiAyLjU2LTM4LjQgNS4xMi01MS4yczcuNjgtMjMuMDQgMTUuMzYtMzMuMjggMTUuMzYtMjMuMDQgMzMuMjgtNDAuOTZjMTcuOTItMTcuOTIgMzAuNzItMzAuNzIgMzUuODQtMzguNCA1LjEyLTcuNjggMTAuMjQtMjAuNDggMTAuMjQtMzguNHMtNy42OC0zMC43Mi0yMC40OC00My41Mi0zMC43Mi0yMC40OC01My43Ni0yMC40OGMtNTEuMiAwLTc2LjggMzUuODQtNzYuOCA4Ny4wNGgtNTEuMnogbTE1My42IDI4MS42aC01MS4ydi01MS4yaDUxLjJ2NTEuMnoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjEwNzIiPjwvcGF0aD48L3N2Zz4=');
}
/*--------------------------------------------------------------
    navbar css
--------------------------------------------------------------*/

.site-navbar {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    background-color: #0f1126;
    border-bottom: 1px solid #0f1126;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 2%);
    z-index: 99;
}

.site-navbar.is-sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .5s ease-in-out 0s normal none 1 running fadeInDown;
}

@keyframes fadeInDown {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-navbar {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-navbar {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
}

@media (max-width: 767.98px) {
    .site-navbar {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
}

.site-navbar .container {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

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

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

@media (min-width: 1200px) {
    .site-navbar {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    
    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
}

.navbar-brand {
    max-width: 220px;
    padding: 0;
    margin: 0;
    font-size: 1.25rem;
    white-space: nowrap;
}

.navbar-brand .logos {
    max-height: 50px;
}

.navbar-brand h3 {
    font-size: 1.375rem;
    line-height: 1.5;
    font-weight: bolder;
}

.navbar-site li {
    position: relative;
    margin: 0 0 0 1rem;
}

.navbar-site li a {
    display: block;
    font-size: 1rem;
    color: #fff;
    padding: .5rem;
    border-radius: var(--border-radius-md);
    transition: all 0.3s ease-in-out;
}

.navbar-site li a:hover {
    color: var(--color-primary);
}

.navbar-site>li.menu-item-has-children>a {
    padding-right: 2rem;
}

.navbar-site>li:hover>a,
.navbar-site>li.current-menu-parent>a,
.navbar-site>li.current-menu-item>a,
.navbar-site>li.current-product-ancestor>a {
    color: #ff55ff;
}

/* Submenu */

.navbar-site li ul.sub-menu {
    position: absolute;
    left: -5%;
    top: 115%;
    z-index: 100;
    padding: .375rem 0;
    background-color: #272b56;
    min-width: 200px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px);
    transition: all 500ms ease;
    border-radius: 6px;
}

.navbar-site li:last-child ul.sub-menu {
    left: auto;
    right: 0;
}

.navbar-site li ul.sub-menu li {
    display: block;
    position: relative;
    margin: 0;
}

.navbar-site li ul.sub-menu li a {
    position: relative;
    display: block;
    padding: 0.375rem .75rem;
    transition: all 0.3s ease-in;
    z-index: 1;
    border-radius: 0;
}

.navbar-site li ul.sub-menu li a:hover,
.navbar-site li ul.sub-menu li.current-menu-parent>a,
.navbar-site li ul.sub-menu li.current-menu-item>a {
    color: #b5b9ec;
}

.navbar-site li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0px);
}

.navbar-site li ul.sub-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: -10px;
    z-index: 999;
    transition: .5s;
    transition-delay: .1s;
    transform: translateX(-20px);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.navbar-site li ul.sub-menu .sub-menu {
    left: 100%;
    top: -1rem;
    transform-origin: left;
}

.navbar-site li ul.sub-menu li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0s;
    pointer-events: all
}

/*-------------------------------------------------------------- 
## site submenu icon 
--------------------------------------------------------------*/

.navbar-site li.menu-item-has-children>a .menu-sign {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 6px;
    width: 6px;
    opacity: .3;
    transition: all .3s ease;
    transform: translate(0%, -50%) rotate(0deg);
}

.navbar-site li.menu-item-has-children>a .menu-sign:after {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(315deg);
    transition: all 0.2s;
}

.navbar-site li.menu-item-has-children>a:hover .menu-sign {
    margin-top: 2px
}

.navbar-site li.menu-item-has-children>a:hover .menu-sign:after {
    transform: rotate(135deg);
}

.navbar-site li ul.sub-menu li.menu-item-has-children>a .menu-sign {
    margin-top: 0;
    right: 10px;
}

.navbar-site li ul.sub-menu li.menu-item-has-children>a .menu-sign:after {
    transform: rotate(315deg);
}

.navbar-site li ul.sub-menu li.menu-item-has-children:hover .menu-sign:after,
.navbar-site li ul.sub-menu li.menu-item-has-children>a:hover .menu-sign:after {
    transform: rotate(225deg);
}

.qmsg.qmsg-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 9999999999;
  width: 100%;
  pointer-events: none;
}

.qmsg .qmsg-item {
  padding: 8px;
  text-align: center;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  position: relative;
}

.qmsg .qmsg-item .qmsg-count {
  text-align: center;
  position: absolute;
  left: -4px;
  top: -4px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px;
  display: inline-block;
  min-width: 16px;
  height: 16px;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.qmsg .qmsg-item:first-child {
  margin-top: -8px;
}

.qmsg .qmsg-content {
  text-align: left;
  position: relative;
  display: inline-block;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
  max-width: 80%;
  min-width: 80px;
  border-radius: 4px !important;
  padding: 0;
}

.qmsg .qmsg-content [class^=qmsg-content-] {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.qmsg .qmsg-content .qmsg-content-with-close {
  padding-right: 20px;
}

.qmsg .qmsg-icon {
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  font-size: 16px;
}

.qmsg .qmsg-icon.qmsg-icon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.qmsg .qmsg-icon.qmsg-icon-close svg path {
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  stroke: #909399;
}

.qmsg .qmsg-icon.qmsg-icon-close:hover > svg path {
  stroke: #f00;
}

.qmsg .qmsg-icon svg {
  display: inline-block;
}

.qmsg .qmsg-content-loading,
.qmsg .qmsg-content-success,
.qmsg .qmsg-content-warning,
.qmsg .qmsg-content-error,
.qmsg .qmsg-content-info {
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 8px;
  border-radius: 4px;
}

.qmsg .qmsg-content-loading.qmsg-content-with-close,
.qmsg .qmsg-content-success.qmsg-content-with-close,
.qmsg .qmsg-content-warning.qmsg-content-with-close,
.qmsg .qmsg-content-error.qmsg-content-with-close,
.qmsg .qmsg-content-info.qmsg-content-with-close {
  padding-right: 36px;
}

.qmsg .qmsg-content-success {
  background-color: var(--litheme-message-success-bg);
}

.qmsg .qmsg-content-success .qmsg-icon:not(.qmsg-icon-close) svg path:nth-child(2) {
  fill: var(--litheme-message-success-color);
  stroke: var(--litheme-message-success-color);
}

.qmsg .qmsg-content-success .qmsg-icon:not(.qmsg-icon-close) svg path:not(:nth-child(2)) {
  stroke: var(--litheme-message-success-bg);
}

.qmsg .qmsg-content-success span {
  color: var(--litheme-message-success-color);
}

.qmsg .qmsg-content-success + .qmsg-count {
  background-color: var(--litheme-message-success-color);
  color: var(--litheme-message-success-bg);
}

.qmsg .qmsg-content-info {
  background-color: var(--litheme-message-info-bg);
}

.qmsg .qmsg-content-info .qmsg-icon:not(.qmsg-icon-close) svg path:nth-child(2) {
  fill: var(--litheme-message-info-color);
  stroke: var(--litheme-message-info-color);
}

.qmsg .qmsg-content-info .qmsg-icon:not(.qmsg-icon-close) svg path:not(:nth-child(2)) {
  fill: var(--litheme-message-info-bg);
  stroke: var(--litheme-message-info-bg);
}

.qmsg .qmsg-content-info span {
  color: var(--litheme-message-info-color);
}

.qmsg .qmsg-content-info + .qmsg-count {
  background-color: var(--litheme-message-info-color);
  color: var(--litheme-message-info-bg);
}

.qmsg .qmsg-content-warning {
  background-color: var(--litheme-message-warning-bg);
}

.qmsg .qmsg-content-warning .qmsg-icon:not(.qmsg-icon-close) svg path:nth-child(2) {
  fill: var(--litheme-message-warning-color);
  stroke: var(--litheme-message-warning-color);
}

.qmsg .qmsg-content-warning .qmsg-icon:not(.qmsg-icon-close) svg path:not(:nth-child(2)) {
  fill: var(--litheme-message-warning-bg);
  stroke: var(--litheme-message-warning-bg);
}

.qmsg .qmsg-content-warning span {
  color: var(--litheme-message-warning-color);
}

.qmsg .qmsg-content-warning + .qmsg-count {
  background-color: var(--litheme-message-warning-color);
  color: var(--litheme-message-warning-bg);
}

.qmsg .qmsg-content-error {
  background-color: var(--litheme-message-error-bg);
}

.qmsg .qmsg-content-error .qmsg-icon:not(.qmsg-icon-close) svg path:nth-child(2) {
  fill: var(--litheme-message-error-color);
  stroke: var(--litheme-message-error-color);
}

.qmsg .qmsg-content-error .qmsg-icon:not(.qmsg-icon-close) svg path:not(:nth-child(2)) {
  fill: var(--litheme-message-error-bg);
  stroke: var(--litheme-message-error-bg);
}

.qmsg .qmsg-content-error span {
  color: var(--litheme-message-error-color);
}

.qmsg .qmsg-content-error + .qmsg-count {
  background-color: var(--litheme-message-error-color);
  color: var(--litheme-message-error-bg);
}

.qmsg .animate-turn {
  animation: MessageTurn 1s linear infinite;
  -webkit-animation: MessageTurn 1s linear infinite;
}

@-webkit-keyframes MessageTurn {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes MessageTurn {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-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 MessageMoveIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes MessageMoveIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes MessageShake {
  0%, 100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  25%, 75% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0.25;
  }
}
@keyframes MessageShake {
  0%, 100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  25%, 75% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0.25;
  }
}

/*--------------------------------------------------------------
## List grouped 
--------------------------------------------------------------*/

.list-grouped {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
}

.list-grouped>div {
    display: flex;
}

.list-grouped>div .list-item {
    flex: 1 1 auto;
}

.list-grouped>div .list-item .media {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

.list-grouped>div .list-item .list-content {
    padding: 1.5rem;
}


/*--------------------------------------------------------------
## List padding
--------------------------------------------------------------*/

.list-padding.list-grouped .list-item {
    padding: 1.125rem;
}

.list-padding.list-grouped .list-item .media {
    border-radius: var(--border-radius-sm);
}

.list-padding.list-grouped .list-item .list-content {
    padding: 1rem .25rem 0;
}

@media (max-width: 767.98px) {
    .list-padding.list-grouped .list-item {
        padding: 1rem;
    }
}

/*--------------------------------------------------------------
## site poster
--------------------------------------------------------------*/
.site-poster {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
}

.site-poster .poster-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #060821;
}

.site-poster.light .poster-bg {
    background-color: #f8f8fa;
}

.site-poster .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.site-poster .poster-content {
    position: relative;
    width: 100%;
    font-weight: bolder;
    color: #fff;
    text-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

.site-poster.light .poster-content {
    color: var(--td-text-color-primary);
    text-shadow: none;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-poster {
        height: 400px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-poster {
        height: 300px;
    }
}

@media (max-width: 767.98px) {
    .site-poster {
        height: 220px;
    }
}

@media screen and (max-width: 768px){
    .post-type-archive-shop .site-content {
        margin: 0;
    }
    
    .site-poster .width-50 {
        width: 100%;
    }
}

/* -------------------------------- 
breadcrumbs style 
-------------------------------- */
.breadcrumbs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumbs a,
.breadcrumbs span {
    color: var(--color-muted);
    text-shadow: 0 1px 1px #fff;
}

.breadcrumbs span.sep {
    margin: 0 8px;
    text-shadow: none;
}

.breadcrumbs span.sep:after {
    content: '\00BB';
    color: var(--color-muted);
    opacity: .4;
    text-shadow: 0 1px 1px #fff;
}

.breadcrumbs span.current {
    color: var(--color-dark)
}

.filter-box {
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eff5ff;
}

.filter-list {
    display: flex;
    grid-gap: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 12px;
    padding-bottom: 12px;
    transition: ease-in-out 0s;
    border-color: #eff5ff;
}

.filter-list h5 {
    white-space: nowrap;
    margin-right: 20px;
    line-height: 30px;
}

.filter-list .buttons {
    display: flex;
    grid-gap: 8px;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    flex-wrap: wrap;
}

.filter-list button {
    white-space: nowrap;
    cursor: pointer;
    padding: 4px 8px;
    height: 32px;
    min-width: 32px;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-list button.active {
    padding: 2px 7px;
    border-width: 1px;
    border-style: solid;
    pointer-events: none;
}

.filter-list button span {
    font-size: small;
    margin-left: 4px;
}

.filter-list:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

/* -------------------------------- 
agent page style 
-------------------------------- */

.page-template-page-agent .site-content {
    padding-bottom: 0;
}

.page-template-page-agent .product-section .agent-box, .plan-section .plan-content-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-1);
    background-color: #f3f3f3;
    transition: all .3s ease-in-out;
}

.page-template-page-agent .product-section .agent-box .box-icon, .plan-section .plan-content-box .box-icon, .time-box .box-icon  {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border-radius: var(--border-radius-xs);
    background: linear-gradient(145deg, #f0f0f0, #ffffff);
    box-shadow: 6px 6px 12px #ededee, -6px -6px 12px #fbfbfc;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #fff;
    text-shadow: 0 2px 4px rgb(0 0 0/10%);
}

.page-template-page-agent .product-section .agent-box .box-title , .plan-section .plan-content-box .box-title, .time-box .box-title {
    position: relative;
    padding-bottom: .75rem;
}

.page-template-page-agent .product-section .agent-box .box-title::before , .plan-section .plan-content-box .box-title::before , .time-box .box-title:before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 70px;
    height: 3px;
    background: var(--color-primary);
}

.page-template-page-agent .product-section .agent-box .box-desc , .plan-section .plan-content-box .box-desc {
    padding-top: .25rem;
}

.page-template-page-agent .area-section {
    background-color: #f7f7fb;
}

.page-template-page-agent .area-section .area-box {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    position: relative;
    background-color: #fff;
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-1);
    transition: all .3s ease-in-out;
}

.page-template-page-agent .area-section .area-box .box-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: var(--border-radius-xs);
    background: linear-gradient(145deg, #f0f0f0, #ffffff);
    box-shadow: 6px 6px 12px #ededee, -6px -6px 12px #fbfbfc;
    font-size: 1.125rem;
    color: #fff;
}

/* -------------------------------- 
plan page style 
-------------------------------- */

.page-template-page-plan .site-content {
    padding-bottom: 0;
}

.plan-section .j-tabs {
    position: static;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.plan-section .j-tabs .j-tabs-item {
    position: relative;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: .5rem;
    font-size: 1.125rem;
    padding: 0 1.25rem 1.25rem;
    min-width: 5.75rem;
    transition: all 0.3s ease-in-out;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: none;
    outline: 0;
}

.plan-section .j-tabs .j-tabs-item.active {
    color: #800080;
}

.plan-section .j-tabs .j-tabs-item.active:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 4px solid #800080;
    content: "";
}

.plan-section .plan-content {
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11), inset -8px -8px 20px 0 #fff;
}

@media (max-width: 768px){
    .plan-section .plan-content {
        background: linear-gradient(0deg,#f9fbfd,#f9fbfd),#fff;
        box-shadow: inset 0 4px 10px rgba(55,99,170,.05);
    }
}

.plan-section .plan-content .plan-box {
    position: relative;
    border-radius: var(--border-radius-xs,0);
    border: none;
    background-color: var(--bg-light,#f6f6f7);
    box-shadow: var(--shadow-1);
    transition: all .3s ease-in-out;
}
.manager-section .manager-box {
    position: relative;
    background: #fff;
    border-radius: 6px;
    border: 1px solid var(--border-light);
}

.manager-section .manager-box .info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    word-wrap: break-word;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    min-width: 0;
}

.manager-section .manager-box .media {
    width: 96px;
    height: 96px;
    margin: 0 1.25rem 0 0;
}

.manager-section .manager-box .info-content {
    position: relative;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (min-width: 1200px){
    .manager-section .manager-box .info-title {
        font-size: 1.5rem !important;
    }
    .manager-section .manager-box .info-desc {
        font-size: 1rem !important;
    }
}

.manager-section .manager-box .info-footer {
    padding-top: 1.125rem;
    margin-top: 1.5rem;
    border-top: 1px solid var(--border-light);
    display: flex;
    flex-wrap: wrap;
}

.manager-section .rounded {
    border-radius: var(--border-radius-sm);
}

.plan-mark {
    position: absolute;
    right: 1rem;
    top: 1rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 3;
}

.plan-mark .plan-mark-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.25rem 0.75rem;
    margin-right: 0.25rem;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

/* -------------------------------- 
partners style 
-------------------------------- */

.partners-section .partners-box {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    border-radius: var(--border-radius-md);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.partners-section .partners-box:hover {
    transform: translateY(-5px);
}

.partners-section .partners-box .partners-logo {
    margin: 0 auto;
    border-radius: 4px;
    max-width: 190px;
}

.partners-section .partners-box .partners-logo .media-content {
    background-size: contain;
}

@media (max-width: 767.98px) {
    .partners-section .partners-box {
        padding: .5rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .partners-section .partners-box {
        padding: .75rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .partners-section .partners-box {
        padding: .75rem;
    }
}

/* -------------------------------- 
tdesign style 
-------------------------------- */

:root {
    --brand-main: var(--td-brand-color-8);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-hover: var(--td-brand-color-7);
    --td-brand-color: var(--td-brand-color-8);
    --td-brand-color-active: var(--td-brand-color-9);
    --td-brand-color-1: #fff0fa;
    --td-brand-color-2: #ffd6f7;
    --td-brand-color-3: #ffaaf6;
    --td-brand-color-4: #f67aed;
    --td-brand-color-5: #d55dce;
    --td-brand-color-6: #b342ae;
    --td-brand-color-7: #912e8e;
    --td-brand-color-8: #751973;
    --td-brand-color-9: #5b005b;
    --td-brand-color-10: #3f0040;
    --td-warning-color-1: #fef3e6;
    --td-warning-color-2: #f9e0c7;
    --td-warning-color-3: #f7c797;
    --td-warning-color-4: #f2995f;
    --td-warning-color-5: #ed7b2f;
    --td-warning-color-6: #d35a21;
    --td-warning-color-7: #ba431b;
    --td-warning-color-8: #9e3610;
    --td-warning-color-9: #842b0b;
    --td-warning-color-10: #5a1907;
    --td-warning-color: var(--td-warning-color-5);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-error-color-1: #fdecee;
    --td-error-color-2: #f9d7d9;
    --td-error-color-3: #f8b9be;
    --td-error-color-4: #f78d94;
    --td-error-color-5: #f36d78;
    --td-error-color-6: #e34d59;
    --td-error-color-7: #c9353f;
    --td-error-color-8: #b11f26;
    --td-error-color-9: #951114;
    --td-error-color-10: #680506;
    --td-error-color: var(--td-error-color-6);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-success-color-1: #e8f8f2;
    --td-success-color-2: #bcebdc;
    --td-success-color-3: #85dbbe;
    --td-success-color-4: #48c79c;
    --td-success-color-5: #00a870;
    --td-success-color-6: #078d5c;
    --td-success-color-7: #067945;
    --td-success-color-8: #056334;
    --td-success-color-9: #044f2a;
    --td-success-color-10: #033017;
    --td-success-color: var(--td-success-color-5);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e7e7e7;
    --td-gray-color-4: #dcdcdc;
    --td-gray-color-5: #c5c5c5;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #383838;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-bg-color-container: #fff;
    --td-bg-color-container-select: #fff;
    --td-bg-color-page: var(--td-gray-color-2);
    --td-bg-color-container-hover: var(--td-gray-color-1);
    --td-bg-color-container-active: var(--td-gray-color-3);
    --td-bg-color-secondarycontainer: var(--td-gray-color-1);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
    --td-bg-color-component: var(--td-gray-color-3);
    --td-bg-color-component-hover: var(--td-gray-color-4);
    --td-bg-color-component-active: var(--td-gray-color-6);
    --td-bg-color-component-disabled: var(--td-gray-color-2);
    --td-component-stroke: var(--td-gray-color-3);
    --td-component-border: var(--td-gray-color-4);
    --td-font-white-1: #ffffff;
    --td-font-white-2: rgba(255, 255, 255, 0.55);
    --td-font-white-3: rgba(255, 255, 255, 0.35);
    --td-font-white-4: rgba(255, 255, 255, 0.22);
    --td-font-gray-1: rgba(0, 0, 0, 0.9);
    --td-font-gray-2: rgba(0, 0, 0, 0.6);
    --td-font-gray-3: rgba(0, 0, 0, 0.4);
    --td-font-gray-4: rgba(0, 0, 0, 0.26);
    --td-brand-color-light-hover: var(--td-brand-color-2);
    --td-warning-color-light-hover: var(--td-warning-color-2);
    --td-error-color-light-hover: var(--td-error-color-2);
    --td-success-color-light-hover: var(--td-success-color-2);
    --td-bg-color-secondarycomponent: var(--td-gray-color-4);
    --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
    --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
    --td-table-shadow-color: rgba(0, 0, 0, 8%);
    --td-scrollbar-color: rgba(0, 0, 0, 10%);
    --td-scrollbar-hover-color: rgba(0, 0, 0, 30%);
    --td-scroll-track-color: #fff;
    --td-bg-color-specialcomponent: #fff;
    --td-border-level-1-color: var(--td-gray-color-3);
    --td-border-level-2-color: var(--td-gray-color-4);
    --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
    --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
    --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
    --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
    --td-mask-active: rgba(0, 0, 0, 0.6);
    --td-mask-disabled: rgba(255, 255, 255, 0.6);
    
    --td-font-family: 'OPPOSans-Regular', PingFang SC, Microsoft YaHei, Arial Regular;
    --td-font-family-medium: 'OPPOSans-Regular', PingFang SC, Microsoft YaHei, Arial Medium;
    --td-font-size-link-small: 12px;
    --td-font-size-link-medium: 14px;
    --td-font-size-link-large: 16px;
    --td-font-size-mark-small: 12px;
    --td-font-size-mark-medium: 14px;
    --td-font-size-body-small: 12px;
    --td-font-size-body-medium: 14px;
    --td-font-size-body-large: 16px;
    --td-font-size-title-small: 14px;
    --td-font-size-title-medium: 16px;
    --td-font-size-title-large: 20px;
    --td-font-size-headline-small: 24px;
    --td-font-size-headline-medium: 28px;
    --td-font-size-headline-large: 36px;
    --td-font-size-display-medium: 48px;
    --td-font-size-display-large: 64px;
    --td-line-height-common: 8px;
    --td-line-height-link-small: calc(var(--td-font-size-link-small) + var(--td-line-height-common));
    --td-line-height-link-medium: calc(var(--td-font-size-link-medium) + var(--td-line-height-common));
    --td-line-height-link-large: calc(var(--td-font-size-link-large) + var(--td-line-height-common));
    --td-line-height-mark-small: calc(var(--td-font-size-mark-small) + var(--td-line-height-common));
    --td-line-height-mark-medium: calc(    var(--td-font-size-mark-medium) + var(--td-line-height-common)  );
    --td-line-height-body-small: calc(    var(--td-font-size-body-small) + var(--td-line-height-common)  );
    --td-line-height-body-medium: calc(    var(--td-font-size-body-medium) + var(--td-line-height-common)  );
    --td-line-height-body-large: calc(    var(--td-font-size-body-large) + var(--td-line-height-common)  );
    --td-line-height-title-small: calc(    var(--td-font-size-title-small) + var(--td-line-height-common)  );
    --td-line-height-title-medium: calc(    var(--td-font-size-title-medium) + var(--td-line-height-common)  );
    --td-line-height-title-large: calc(    var(--td-font-size-title-medium) + var(--td-line-height-common)  );
    --td-line-height-headline-small: calc(    var(--td-font-size-headline-small) + var(--td-line-height-common)  );
    --td-line-height-headline-medium: calc(    var(--td-font-size-headline-medium) + var(--td-line-height-common)  );
    --td-line-height-headline-large: calc(    var(--td-font-size-headline-large) + var(--td-line-height-common)  );
    --td-line-height-display-medium: calc(    var(--td-font-size-display-medium) + var(--td-line-height-common)  );
    --td-line-height-display-large: calc(    var(--td-font-size-display-large) + var(--td-line-height-common)  );
    --td-font-link-small: var(--td-font-size-link-small) /    var(--td-line-height-link-small) var(--td-font-family);
    --td-font-link-medium: var(--td-font-size-link-medium) /    var(--td-line-height-link-medium) var(--td-font-family);
    --td-font-link-large: var(--td-font-size-link-large) /    var(--td-line-height-link-large) var(--td-font-family);
    --td-font-mark-small: 600 var(--td-font-size-mark-small) /    var(--td-line-height-mark-small) var(--td-font-family);
    --td-font-mark-medium: 600 var(--td-font-size-mark-medium) /    var(--td-line-height-mark-medium) var(--td-font-family);
    --td-font-body-small: var(--td-font-size-body-small) /    var(--td-line-height-body-small) var(--td-font-family);
    --td-font-body-medium: var(--td-font-size-body-medium) /    var(--td-line-height-body-medium) var(--td-font-family);
    --td-font-body-large: var(--td-font-size-body-large) /    var(--td-line-height-body-large) var(--td-font-family);
    --td-font-title-small: var(--td-font-size-title-small) /    var(--td-line-height-title-small) var(--td-font-family);
    --td-font-title-medium: var(--td-font-size-title-medium) /    var(--td-line-height-title-medium) var(--td-font-family);
    --td-font-title-large: var(--td-font-size-title-large) /    var(--td-line-height-title-large) var(--td-font-family);
    --td-font-headline-small: var(--td-font-size-headline-small) /    var(--td-line-height-headline-small) var(--td-font-family);
    --td-font-headline-medium: var(--td-font-size-headline-medium) /    var(--td-line-height-headline-medium) var(--td-font-family);
    --td-font-headline-large: var(--td-font-size-headline-large) /    var(--td-line-height-headline-large) var(--td-font-family);
    --td-font-display-medium: var(--td-font-size-display-medium) /    var(--td-line-height-display-medium) var(--td-font-family);
    --td-font-display-large: var(--td-font-size-display-large) /    var(--td-line-height-display-large) var(--td-font-family);
    
    --td-text-color-primary: var(--td-font-gray-1);
    --td-text-color-secondary: var(--td-font-gray-2);
    --td-text-color-placeholder: var(--td-font-gray-3);
    --td-text-color-disabled: var(--td-font-gray-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color);
    --td-text-color-link: var(--td-brand-color);
    
    --td-radius-small: 2px;
    --td-radius-default: 3px;
    --td-radius-medium: 6px;
    --td-radius-large: 9px;
    --td-radius-extraLarge: 12px;
    --td-radius-round: 999px;
    --td-radius-circle: 50%;
    
    --td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05),0 4px 5px rgba(0, 0, 0, 8%),0 2px 4px -1px rgba(0, 0, 0, 12%);
    --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05),0 8px 10px 1px rgba(0, 0, 0, 6%),0 5px 5px -3px rgba(0, 0, 0, 10%);
    --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05),0 16px 24px 2px rgba(0, 0, 0, 4%),0 8px 10px -5px rgba(0, 0, 0, 8%);
    
    --td-size-1: 2px;
    --td-size-2: 4px;
    --td-size-3: 6px;
    --td-size-4: 8px;
    --td-size-5: 12px;
    --td-size-6: 16px;
    --td-size-7: 20px;
    --td-size-8: 24px;
    --td-size-9: 28px;
    --td-size-10: 32px;
    --td-size-11: 36px;
    --td-size-12: 40px;
    --td-size-13: 48px;
    --td-size-14: 56px;
    --td-size-15: 64px;
    --td-size-16: 72px;
    --td-comp-size-xxxs: var(--td-size-6);
    --td-comp-size-xxs: var(--td-size-7);
    --td-comp-size-xs: var(--td-size-8);
    --td-comp-size-s: var(--td-size-9);
    --td-comp-size-m: var(--td-size-10);
    --td-comp-size-l: var(--td-size-11);
    --td-comp-size-xl: var(--td-size-12);
    --td-comp-size-xxl: var(--td-size-13);
    --td-comp-size-xxxl: var(--td-size-14);
    --td-comp-size-xxxxl: var(--td-size-15);
    --td-comp-size-xxxxxl: var(--td-size-16);
    --td-pop-padding-s: var(--td-size-2);
    --td-pop-padding-m: var(--td-size-3);
    --td-pop-padding-l: var(--td-size-4);
    --td-pop-padding-xl: var(--td-size-5);
    --td-pop-padding-xxl: var(--td-size-6);
    --td-comp-paddingLR-xxs: var(--td-size-1);
    --td-comp-paddingLR-xs: var(--td-size-2);
    --td-comp-paddingLR-s: var(--td-size-4);
    --td-comp-paddingLR-m: var(--td-size-5);
    --td-comp-paddingLR-l: var(--td-size-6);
    --td-comp-paddingLR-xl: var(--td-size-8);
    --td-comp-paddingLR-xxl: var(--td-size-10);
    --td-comp-paddingTB-xxs: var(--td-size-1);
    --td-comp-paddingTB-xs: var(--td-size-2);
    --td-comp-paddingTB-s: var(--td-size-4);
    --td-comp-paddingTB-m: var(--td-size-5);
    --td-comp-paddingTB-l: var(--td-size-6);
    --td-comp-paddingTB-xl: var(--td-size-8);
    --td-comp-paddingTB-xxl: var(--td-size-10);
    --td-comp-margin-xxs: var(--td-size-1);
    --td-comp-margin-xs: var(--td-size-2);
    --td-comp-margin-s: var(--td-size-4);
    --td-comp-margin-m: var(--td-size-5);
    --td-comp-margin-l: var(--td-size-6);
    --td-comp-margin-xl: var(--td-size-7);
    --td-comp-margin-xxl: var(--td-size-8);
    --td-comp-margin-xxxl: var(--td-size-10);
    --td-comp-margin-xxxxl: var(--td-size-12);
    
}

.t-input__inner {
    border: none !important;
}

.b-r-6 {
    border-radius: var(--td-radius-medium);
}

table td {
    border: none;
    vertical-align: middle;
}

.category .site-poster {
    margin-bottom: 1rem;
}


.table-tree-container {
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
}


.list-tree-wrapper {
  overflow-y: hidden;
}

.list-tree-content {
  border-left: 1px solid var(--border-light);
}
.table-tree-container .w-50 {
    width: 50%;
    text-align: center;
    margin: 0 auto;
}
@media (max-width: 768px){
    .list-tree-content {
        border-left: none;
        border-top: 1px solid var(--border-light);
    }
    .tree-data {
        margin-top: .5rem;
    }
    .justify-content-sm-center {
        justify-content: center;
    }
    .table-tree-container .row>* {
        padding-left: 0;
        padding-right: 0;
    }
    .m-sm-0 {
        margin: 0!important;
    }
    .industry-section {
        background-size: 220% 100%;
    }
    .w-100 {
        width: 100%;
    }
}

.tree-loading {
    position: relative;
}

.t-table th, .t-table thead td {
    background: rgb(250, 250, 250);
}

.lt-popup-video .lt-popup-body {
    max-width: 900px;
}

.lt-popup-video .lt-popup-content {
    padding: 0;
    margin: 0;
    background: none;
}

.product-data .t-card__body {
    padding: 0;
}

.product-data .table-tree-container {
    background-color: transparent;
    border-radius: 0;
}

.product-data .list-tree-content {
    border: 0;
}

.plyr {
    border-radius: 4px;
}

.about-section .modal-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    display: flex;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transform: translateX(-50%) translateY(-50%);
    align-items: center;
    justify-content: center;
}

@media (max-width: 991px) {
    .about-section .modal-player {
        width:60px;
        height: 60px;
    }
}

.about-section .modal-player:after,.about-section .modal-player:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--color-primary);
    content: "";
    transition: all .2s ease-out 0s
}

.about-section .modal-player:before {
    opacity: .8
}

.about-section .modal-player:after {
    transform: scale(1.2);
    opacity: .3
}

.about-section .modal-player .iconfont {
    position: relative;
    z-index: 1;
    font-size: 1.9125rem;
}

.about-section .modal-player:hover:before {
    opacity: .9
}

.about-section .modal-player:hover:after,.about-section .modal-player:hover:before {
    transform: scale(1.05);
    transition: all .2s ease-out 0s
}

.tel-about-section {
    background-color: rgb(235, 239, 245);
}

#mapContainer {
    width: 100%;
    height: 420px;
}

.time-box {
    box-shadow: 4px 4px 13px 0 rgba(221,233,251,.8);
    border-radius: 4px;
    border-left: 2px solid #800080;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.time-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    min-width: 0;
}

.time-year {
    display: flex;
}

.time-year span {
    font-weight: bolder;
}
.tel-title {
    position: relative;
}
.tel-title:before {
    position: absolute;
    width: 4px;
    height: .875rem;
    background: #800080;
    left: 0;
    top: 6px;
    content: "";
}

.tel-divider {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.tel-divider span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
    line-height: 24px;
    font-size: 14px;
    color: #9dadc1;
    background: #fff;
    z-index: 2;
}

.tel-divider:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    background-image: linear-gradient(90deg,#fff,#e4e4e4,#fff,#e4e4e4,#fff);
}

.entry-content table td, .entry-content table th {
    border-color: var(--border-color);
}

.brand-card .media {
    padding: 1.25rem;
}

.product-tab {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-color);
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.product-tab .tabs-item {
    position: relative;
    margin-right: 6px;
    margin-top: 4px;
    position: relative;
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    color: #595d69;
}

.product-tab .tabs-item.active {
    color: #800080;
}

.product-tab .tabs-item.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 12px;
    margin-left: -6px;
    border-bottom: 2px solid #800080;
}

.product-data .list-tree-content {
    margin-top: 0;
    padding-left: 0;
}

.product-comment {
    margin: -1rem -1.5rem;
}

.shop-normal-item {
    width: 20%;
}

.shop-normal-item a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.shop-normal-item a:hover {
    color: #800080;
}

.mile-section {
    position: relative;
    width: 100%;
}

.mile-section .line {
    position: absolute;
    top: 15rem;
    left: 0;
}

.mile-section .line img {
    width: 100%;
    object-fit: cover;
}

.mile-year-box {
    margin-top: 32px;
}

.mile-year-box a {
    display: inline-block;
    font-size: 32px;
    color: #000;
}

.mile-content-box {
    margin-top: 90px;
}

.mile-content-box .swiper {
    height: 230px;
    background-color: #fff;
}
.mile-year-box .swiper .swiper-slide {
	text-align: center
}
.mile-content-box .swiper .swiper-slide {
    display: flex;
    align-items: center;
}

.mile-content-box .swiper-button-next,
.mile-content-box .swiper-button-prev {
    width: var(--swiper-navigation-size);
    color: var(--swiper-pagination-color);
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    opacity: 1;
    visibility: visible;
    transform-origin: 0 0 0;
    transition: all 0.3s ease-out 0s;
}

.mile-content-box .swiper-button-next {
    right: 10%;
    top: 70%;
}

.mile-content-box .swiper-button-prev {
    left: 10%;
    top: 70%;
}

.mile-content-box .swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.mile-content-box .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.mile-content-box .swiper-button-next:after,
.mile-content-box .swiper-button-prev:after {
    position: relative;
    font-size: calc((var(--swiper-navigation-size)/ 2.25))
}

.mile-content-box .swiper-button-prev:after {
    left: -1px
}

.mile-content-box .swiper-button-next:after {
    left: 1px
}

.mile-content-box .swiper-button-next.swiper-button-disabled,
.mile-content-box .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    visibility: visible;
}

.mile-content {
    padding: 0 3rem;   
}

@media (max-width: 768px){
	.mile-year-box {
		margin-top: 0
	}
	.mile-content-box {
		margin-top:15px
	}
	.mile-content-box .swiper {
		width:100%
	}
	.mile-content-box .swiper-button-prev, .mile-content-box .swiper-button-next {
		display:none
	}
}