.swal-icon--error {
                border-color: #f27474;
                -webkit-animation: animateErrorIcon 0.5s;
                animation: animateErrorIcon 0.5s;
            }
            .swal-icon--error__x-mark {
                position: relative;
                display: block;
                -webkit-animation: animateXMark 0.5s;
                animation: animateXMark 0.5s;
            }
            .swal-icon--error__line {
                position: absolute;
                height: 5px;
                width: 47px;
                background-color: #f27474;
                display: block;
                top: 37px;
                border-radius: 2px;
            }
            .swal-icon--error__line--left {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 17px;
            }
            .swal-icon--error__line--right {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 16px;
            }
            @-webkit-keyframes animateErrorIcon {
                0% {
                    -webkit-transform: rotateX(100deg);
                    transform: rotateX(100deg);
                    opacity: 0;
                }
                to {
                    -webkit-transform: rotateX(0deg);
                    transform: rotateX(0deg);
                    opacity: 1;
                }
            }
            @keyframes animateErrorIcon {
                0% {
                    -webkit-transform: rotateX(100deg);
                    transform: rotateX(100deg);
                    opacity: 0;
                }
                to {
                    -webkit-transform: rotateX(0deg);
                    transform: rotateX(0deg);
                    opacity: 1;
                }
            }
            @-webkit-keyframes animateXMark {
                0% {
                    -webkit-transform: scale(0.4);
                    transform: scale(0.4);
                    margin-top: 26px;
                    opacity: 0;
                }
                50% {
                    -webkit-transform: scale(0.4);
                    transform: scale(0.4);
                    margin-top: 26px;
                    opacity: 0;
                }
                80% {
                    -webkit-transform: scale(1.15);
                    transform: scale(1.15);
                    margin-top: -6px;
                }
                to {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                    margin-top: 0;
                    opacity: 1;
                }
            }
            @keyframes animateXMark {
                0% {
                    -webkit-transform: scale(0.4);
                    transform: scale(0.4);
                    margin-top: 26px;
                    opacity: 0;
                }
                50% {
                    -webkit-transform: scale(0.4);
                    transform: scale(0.4);
                    margin-top: 26px;
                    opacity: 0;
                }
                80% {
                    -webkit-transform: scale(1.15);
                    transform: scale(1.15);
                    margin-top: -6px;
                }
                to {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                    margin-top: 0;
                    opacity: 1;
                }
            }
            .swal-icon--warning {
                border-color: #f8bb86;
                -webkit-animation: pulseWarning 0.75s infinite alternate;
                animation: pulseWarning 0.75s infinite alternate;
            }
            .swal-icon--warning__body {
                width: 5px;
                height: 47px;
                top: 10px;
                border-radius: 2px;
                margin-left: -2px;
            }
            .swal-icon--warning__body,
            .swal-icon--warning__dot {
                position: absolute;
                left: 50%;
                background-color: #f8bb86;
            }
            .swal-icon--warning__dot {
                width: 7px;
                height: 7px;
                border-radius: 50%;
                margin-left: -4px;
                bottom: -11px;
            }
            @-webkit-keyframes pulseWarning {
                0% {
                    border-color: #f8d486;
                }
                to {
                    border-color: #f8bb86;
                }
            }
            @keyframes pulseWarning {
                0% {
                    border-color: #f8d486;
                }
                to {
                    border-color: #f8bb86;
                }
            }
            .swal-icon--success {
                border-color: #a5dc86;
            }
            .swal-icon--success:after,
            .swal-icon--success:before {
                content: "";
                border-radius: 50%;
                position: absolute;
                width: 60px;
                height: 120px;
                background: #fff;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
            .swal-icon--success:before {
                border-radius: 120px 0 0 120px;
                top: -7px;
                left: -33px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 60px 60px;
                transform-origin: 60px 60px;
            }
            .swal-icon--success:after {
                border-radius: 0 120px 120px 0;
                top: -11px;
                left: 30px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 0 60px;
                transform-origin: 0 60px;
                -webkit-animation: rotatePlaceholder 4.25s ease-in;
                animation: rotatePlaceholder 4.25s ease-in;
            }
            .swal-icon--success__ring {
                width: 80px;
                height: 80px;
                border: 4px solid hsla(98, 55%, 69%, 0.2);
                border-radius: 50%;
                box-sizing: content-box;
                position: absolute;
                left: -4px;
                top: -4px;
                z-index: 2;
            }
            .swal-icon--success__hide-corners {
                width: 5px;
                height: 90px;
                background-color: #fff;
                padding: 1px;
                position: absolute;
                left: 28px;
                top: 8px;
                z-index: 1;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
            .swal-icon--success__line {
                height: 5px;
                background-color: #a5dc86;
                display: block;
                border-radius: 2px;
                position: absolute;
                z-index: 2;
            }
            .swal-icon--success__line--tip {
                width: 25px;
                left: 14px;
                top: 46px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-animation: animateSuccessTip 0.75s;
                animation: animateSuccessTip 0.75s;
            }
            .swal-icon--success__line--long {
                width: 47px;
                right: 8px;
                top: 38px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-animation: animateSuccessLong 0.75s;
                animation: animateSuccessLong 0.75s;
            }
            @-webkit-keyframes rotatePlaceholder {
                0% {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }
                5% {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }
                12% {
                    -webkit-transform: rotate(-405deg);
                    transform: rotate(-405deg);
                }
                to {
                    -webkit-transform: rotate(-405deg);
                    transform: rotate(-405deg);
                }
            }
            @keyframes rotatePlaceholder {
                0% {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }
                5% {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }
                12% {
                    -webkit-transform: rotate(-405deg);
                    transform: rotate(-405deg);
                }
                to {
                    -webkit-transform: rotate(-405deg);
                    transform: rotate(-405deg);
                }
            }
            @-webkit-keyframes animateSuccessTip {
                0% {
                    width: 0;
                    left: 1px;
                    top: 19px;
                }
                54% {
                    width: 0;
                    left: 1px;
                    top: 19px;
                }
                70% {
                    width: 50px;
                    left: -8px;
                    top: 37px;
                }
                84% {
                    width: 17px;
                    left: 21px;
                    top: 48px;
                }
                to {
                    width: 25px;
                    left: 14px;
                    top: 45px;
                }
            }
            @keyframes animateSuccessTip {
                0% {
                    width: 0;
                    left: 1px;
                    top: 19px;
                }
                54% {
                    width: 0;
                    left: 1px;
                    top: 19px;
                }
                70% {
                    width: 50px;
                    left: -8px;
                    top: 37px;
                }
                84% {
                    width: 17px;
                    left: 21px;
                    top: 48px;
                }
                to {
                    width: 25px;
                    left: 14px;
                    top: 45px;
                }
            }
            @-webkit-keyframes animateSuccessLong {
                0% {
                    width: 0;
                    right: 46px;
                    top: 54px;
                }
                65% {
                    width: 0;
                    right: 46px;
                    top: 54px;
                }
                84% {
                    width: 55px;
                    right: 0;
                    top: 35px;
                }
                to {
                    width: 47px;
                    right: 8px;
                    top: 38px;
                }
            }
            @keyframes animateSuccessLong {
                0% {
                    width: 0;
                    right: 46px;
                    top: 54px;
                }
                65% {
                    width: 0;
                    right: 46px;
                    top: 54px;
                }
                84% {
                    width: 55px;
                    right: 0;
                    top: 35px;
                }
                to {
                    width: 47px;
                    right: 8px;
                    top: 38px;
                }
            }
            .swal-icon--info {
                border-color: #c9dae1;
            }
            .swal-icon--info:before {
                width: 5px;
                height: 29px;
                bottom: 17px;
                border-radius: 2px;
                margin-left: -2px;
            }
            .swal-icon--info:after,
            .swal-icon--info:before {
                content: "";
                position: absolute;
                left: 50%;
                background-color: #c9dae1;
            }
            .swal-icon--info:after {
                width: 7px;
                height: 7px;
                border-radius: 50%;
                margin-left: -3px;
                top: 19px;
            }
            .swal-icon {
                width: 80px;
                height: 80px;
                border-width: 4px;
                border-style: solid;
                border-radius: 50%;
                padding: 0;
                position: relative;
                box-sizing: content-box;
                margin: 20px auto;
            }
            .swal-icon:first-child {
                margin-top: 32px;
            }
            .swal-icon--custom {
                width: auto;
                height: auto;
                max-width: 100%;
                border: none;
                border-radius: 0;
            }
            .swal-icon img {
                max-width: 100%;
                max-height: 100%;
            }
            .swal-title {
                color: rgba(0, 0, 0, 0.65);
                font-weight: 600;
                text-transform: none;
                position: relative;
                display: block;
                padding: 13px 16px;
                font-size: 27px;
                line-height: normal;
                text-align: center;
                margin-bottom: 0;
            }
            .swal-title:first-child {
                margin-top: 26px;
            }
            .swal-title:not(:first-child) {
                padding-bottom: 0;
            }
            .swal-title:not(:last-child) {
                margin-bottom: 13px;
            }
            .swal-text {
                font-size: 16px;
                position: relative;
                float: none;
                line-height: normal;
                vertical-align: top;
                text-align: left;
                display: inline-block;
                margin: 0;
                padding: 0 10px;
                font-weight: 400;
                color: rgba(0, 0, 0, 0.64);
                max-width: calc(100% - 20px);
                overflow-wrap: break-word;
                box-sizing: border-box;
            }
            .swal-text:first-child {
                margin-top: 45px;
            }
            .swal-text:last-child {
                margin-bottom: 45px;
            }
            .swal-footer {
                text-align: right;
                padding-top: 13px;
                margin-top: 13px;
                padding: 13px 16px;
                border-radius: inherit;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }
            .swal-button-container {
                margin: 5px;
                display: inline-block;
                position: relative;
            }
            .swal-button {
                background-color: #7cd1f9;
                color: #fff;
                border: none;
                box-shadow: none;
                border-radius: 5px;
                font-weight: 600;
                font-size: 14px;
                padding: 10px 24px;
                margin: 0;
                cursor: pointer;
            }
            .swal-button:not([disabled]):hover {
                background-color: #78cbf2;
            }
            .swal-button:active {
                background-color: #70bce0;
            }
            .swal-button:focus {
                outline: none;
                box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(43, 114, 165, 0.29);
            }
            .swal-button[disabled] {
                opacity: 0.5;
                cursor: default;
            }
            .swal-button::-moz-focus-inner {
                border: 0;
            }
            .swal-button--cancel {
                color: #555;
                background-color: #efefef;
            }
            .swal-button--cancel:not([disabled]):hover {
                background-color: #e8e8e8;
            }
            .swal-button--cancel:active {
                background-color: #d7d7d7;
            }
            .swal-button--cancel:focus {
                box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(116, 136, 150, 0.29);
            }
            .swal-button--danger {
                background-color: #e64942;
            }
            .swal-button--danger:not([disabled]):hover {
                background-color: #df4740;
            }
            .swal-button--danger:active {
                background-color: #cf423b;
            }
            .swal-button--danger:focus {
                box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(165, 43, 43, 0.29);
            }
            .swal-content {
                padding: 0 20px;
                margin-top: 20px;
                font-size: medium;
            }
            .swal-content:last-child {
                margin-bottom: 20px;
            }
            .swal-content__input,
            .swal-content__textarea {
                -webkit-appearance: none;
                background-color: #fff;
                border: none;
                font-size: 14px;
                display: block;
                box-sizing: border-box;
                width: 100%;
                border: 1px solid rgba(0, 0, 0, 0.14);
                padding: 10px 13px;
                border-radius: 2px;
                transition: border-color 0.2s;
            }
            .swal-content__input:focus,
            .swal-content__textarea:focus {
                outline: none;
                border-color: #6db8ff;
            }
            .swal-content__textarea {
                resize: vertical;
            }
            .swal-button--loading {
                color: transparent;
            }
            .swal-button--loading ~ .swal-button__loader {
                opacity: 1;
            }
            .swal-button__loader {
                position: absolute;
                height: auto;
                width: 43px;
                z-index: 2;
                left: 50%;
                top: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                text-align: center;
                pointer-events: none;
                opacity: 0;
            }
            .swal-button__loader div {
                display: inline-block;
                float: none;
                vertical-align: baseline;
                width: 9px;
                height: 9px;
                padding: 0;
                border: none;
                margin: 2px;
                opacity: 0.4;
                border-radius: 7px;
                background-color: hsla(0, 0%, 100%, 0.9);
                transition: background 0.2s;
                -webkit-animation: swal-loading-anim 1s infinite;
                animation: swal-loading-anim 1s infinite;
            }
            .swal-button__loader div:nth-child(3n + 2) {
                -webkit-animation-delay: 0.15s;
                animation-delay: 0.15s;
            }
            .swal-button__loader div:nth-child(3n + 3) {
                -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
            }
            @-webkit-keyframes swal-loading-anim {
                0% {
                    opacity: 0.4;
                }
                20% {
                    opacity: 0.4;
                }
                50% {
                    opacity: 1;
                }
                to {
                    opacity: 0.4;
                }
            }
            @keyframes swal-loading-anim {
                0% {
                    opacity: 0.4;
                }
                20% {
                    opacity: 0.4;
                }
                50% {
                    opacity: 1;
                }
                to {
                    opacity: 0.4;
                }
            }
            .swal-overlay {
                position: fixed;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                text-align: center;
                font-size: 0;
                overflow-y: auto;
                background-color: rgba(0, 0, 0, 0.4);
                z-index: 10000;
                pointer-events: none;
                opacity: 0;
                transition: opacity 0.3s;
            }
            .swal-overlay:before {
                content: " ";
                display: inline-block;
                vertical-align: middle;
                height: 100%;
            }
            .swal-overlay--show-modal {
                opacity: 1;
                pointer-events: auto;
            }
            .swal-overlay--show-modal .swal-modal {
                opacity: 1;
                pointer-events: auto;
                box-sizing: border-box;
                -webkit-animation: showSweetAlert 0.3s;
                animation: showSweetAlert 0.3s;
                will-change: transform;
            }
            .swal-modal {
                width: 478px;
                opacity: 0;
                pointer-events: none;
                background-color: #fff;
                text-align: center;
                border-radius: 5px;
                position: static;
                margin: 20px auto;
                display: inline-block;
                vertical-align: middle;
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                z-index: 10001;
                transition: opacity 0.2s, -webkit-transform 0.3s;
                transition: transform 0.3s, opacity 0.2s;
                transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s;
            }
            @media (max-width: 500px) {
                .swal-modal {
                    width: calc(100% - 20px);
                }
            }
            @-webkit-keyframes showSweetAlert {
                0% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }
                1% {
                    -webkit-transform: scale(0.5);
                    transform: scale(0.5);
                }
                45% {
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                }
                80% {
                    -webkit-transform: scale(0.95);
                    transform: scale(0.95);
                }
                to {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }
            }
            @keyframes showSweetAlert {
                0% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }
                1% {
                    -webkit-transform: scale(0.5);
                    transform: scale(0.5);
                }
                45% {
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                }
                80% {
                    -webkit-transform: scale(0.95);
                    transform: scale(0.95);
                }
                to {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }
            }

ion-select-popover,
            ion-select,
            ion-select-option,
            ion-menu-button,
            ion-menu,
            ion-menu-toggle,
            ion-action-sheet,
            ion-fab-button,
            ion-fab,
            ion-fab-list,
            ion-refresher-content,
            ion-refresher,
            ion-alert,
            ion-back-button,
            ion-loading,
            ion-toast,
            ion-card,
            ion-card-content,
            ion-card-header,
            ion-card-subtitle,
            ion-card-title,
            ion-item-option,
            ion-item-options,
            ion-item-sliding,
            ion-infinite-scroll-content,
            ion-infinite-scroll,
            ion-reorder,
            ion-reorder-group,
            ion-segment-button,
            ion-segment,
            ion-tab-button,
            ion-tab-bar,
            ion-chip,
            ion-modal,
            ion-popover,
            ion-searchbar,
            ion-app,
            ion-buttons,
            ion-content,
            ion-footer,
            ion-header,
            ion-router-outlet,
            ion-title,
            ion-toolbar,
            ion-route,
            ion-route-redirect,
            ion-router,
            ion-router-link,
            ion-avatar,
            ion-badge,
            ion-thumbnail,
            ion-col,
            ion-grid,
            ion-row,
            ion-nav,
            ion-nav-link,
            ion-slide,
            ion-slides,
            ion-checkbox,
            ion-img,
            ion-input,
            ion-progress-bar,
            ion-range,
            ion-split-pane,
            ion-text,
            ion-textarea,
            ion-toggle,
            ion-virtual-scroll,
            ion-backdrop,
            ion-picker,
            ion-datetime,
            ion-picker-column,
            ion-radio,
            ion-radio-group,
            ion-spinner,
            ion-ripple-effect,
            ion-button,
            ion-icon,
            ion-item-divider,
            ion-item-group,
            ion-note,
            ion-skeleton-text,
            ion-item,
            ion-label,
            ion-list,
            ion-list-header {
                visibility: hidden;
            }
            .hydrated {
                visibility: inherit;
            }
			
			a{text-decoration: none;}
			
			div.scroll {

                overflow-x: hidden;
                overflow-y: auto;
            }
			
			html.plt-mobile ion-app {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            ion-app.force-statusbar-padding {
                --ion-safe-area-top: 20px;
            }
			
			ion-header {
                display: block;
                position: relative;
                -ms-flex-order: -1;
                order: -1;
                width: 100%;
                z-index: 10;
            }
            ion-header ion-toolbar:first-of-type {
                padding-top: var(--ion-safe-area-top, 0);
            }
            .header-ios ion-toolbar:last-of-type {
                --border-width: 0 0 0.55px;
            }
            @supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
                .header-background {
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    position: absolute;
                    -webkit-backdrop-filter: saturate(180%) blur(20px);
                    backdrop-filter: saturate(180%) blur(20px);
                }
                .header-translucent-ios ion-toolbar {
                    --opacity: 0.8;
                }
                .header-collapse-condense-inactive .header-background {
                    -webkit-backdrop-filter: blur(20px);
                    backdrop-filter: blur(20px);
                }
            }
            .header-ios.ion-no-border ion-toolbar:last-of-type {
                --border-width: 0;
            }
            .header-collapse-condense {
                z-index: 9;
            }
            .header-collapse-condense ion-toolbar {
                position: -webkit-sticky;
                position: sticky;
                top: 0;
            }
            .header-collapse-condense ion-toolbar:first-of-type {
                padding-top: 7px;
                z-index: 1;
            }
            .header-collapse-condense ion-toolbar {
                --background: var(--ion-background-color, #fff);
                z-index: 0;
            }
            .header-collapse-condense ion-toolbar ion-searchbar {
                height: 48px;
                padding-top: 0px;
                padding-bottom: 13px;
            }
            .header-collapse-main ion-toolbar.in-toolbar ion-title,
            .header-collapse-main ion-toolbar.in-toolbar ion-buttons {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }
            .header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,
            .header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse {
                opacity: 0;
                pointer-events: none;
            }
            .header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,
            .header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse {
                visibility: hidden;
            }
			
			.md footer-md hydrated {
                display: block;
                position: fixed;
                bottom: 0px;
                -ms-flex-order: 1;
                order: 1;
                width: 100%;
                z-index: 10;
            }
            ion-footer ion-toolbar:last-of-type {
                padding-bottom: var(--ion-safe-area-bottom, 0);
            }
            .footer-md::before {
                left: 0;
                top: -2px;
                bottom: auto;
                background-position: left 0 top 0;
                position: absolute;
                width: 100%;
                height: 2px;
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==");
                background-repeat: repeat-x;
                content: "";
            }
            [dir=rtl] .footer-md::before,
            :host-context([dir=rtl]) .footer-md::before {
                left: unset;
                right: unset;
                right: 0;
            }
            [dir=rtl] .footer-md::before,
            :host-context([dir=rtl]) .footer-md::before {
                background-position: right 0 top 0
            }
            .footer-md.ion-no-border::before {
                display: none
            }
			
			ion-refresher {
                left: 0;
                top: 0;
                display: none;
                position: absolute;
                width: 100%;
                height: 60px;
                pointer-events: none;
                z-index: -1;
            }
            [dir="rtl"] ion-refresher,
            :host-context([dir="rtl"]) ion-refresher {
                left: unset;
                right: unset;
                right: 0;
            }
            ion-refresher.refresher-active {
                display: block;
            }
            ion-refresher-content {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-pack: center;
                justify-content: center;
                height: 100%;
            }
            .refresher-pulling,
            .refresher-refreshing {
                display: none;
                width: 100%;
            }
            .refresher-pulling-icon,
            .refresher-refreshing-icon {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transition: 200ms;
                transition: 200ms;
                font-size: 30px;
                text-align: center;
            }
            [dir="rtl"] .refresher-pulling-icon,
            :host-context([dir="rtl"]) .refresher-pulling-icon,
            [dir="rtl"] .refresher-refreshing-icon,
            :host-context([dir="rtl"]) .refresher-refreshing-icon {
                -webkit-transform-origin: calc(100% - center);
                transform-origin: calc(100% - center);
            }
            .refresher-pulling-text,
            .refresher-refreshing-text {
                font-size: 16px;
                text-align: center;
            }
            ion-refresher-content .arrow-container {
                display: none;
            }
            .refresher-pulling ion-refresher-content .refresher-pulling {
                display: block;
            }
            .refresher-ready ion-refresher-content .refresher-pulling {
                display: block;
            }
            .refresher-ready ion-refresher-content .refresher-pulling-icon {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }
            .refresher-refreshing ion-refresher-content .refresher-refreshing {
                display: block;
            }
            .refresher-cancelling ion-refresher-content .refresher-pulling {
                display: block;
            }
            .refresher-cancelling ion-refresher-content .refresher-pulling-icon {
                -webkit-transform: scale(0);
                transform: scale(0);
            }
            .refresher-completing ion-refresher-content .refresher-refreshing {
                display: block;
            }
            .refresher-completing ion-refresher-content .refresher-refreshing-icon {
                -webkit-transform: scale(0);
                transform: scale(0);
            }
            .refresher-native .refresher-pulling-text,
            .refresher-native .refresher-refreshing-text {
                display: none;
            }
            .refresher-md .refresher-pulling-icon,
            .refresher-md .refresher-refreshing-icon {
                color: var(--ion-text-color, #000);
            }
            .refresher-md .refresher-pulling-text,
            .refresher-md .refresher-refreshing-text {
                color: var(--ion-text-color, #000);
            }
            .refresher-md .refresher-refreshing .spinner-lines-md line,
            .refresher-md .refresher-refreshing .spinner-lines-small-md line,
            .refresher-md .refresher-refreshing .spinner-crescent circle {
                stroke: var(--ion-text-color, #000);
            }
            .refresher-md .refresher-refreshing .spinner-bubbles circle,
            .refresher-md .refresher-refreshing .spinner-circles circle,
            .refresher-md .refresher-refreshing .spinner-dots circle {
                fill: var(--ion-text-color, #000);
            }
            ion-refresher.refresher-native {
                display: block;
                z-index: 1;
            }
            ion-refresher.refresher-native ion-spinner {
                margin-left: auto;
                margin-right: auto;
                margin-top: 0;
                margin-bottom: 0;
                width: 24px;
                height: 24px;
                color: var(--ion-color-primary, #3880ff);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
                ion-refresher.refresher-native ion-spinner {
                    margin-left: unset;
                    margin-right: unset;
                    -webkit-margin-start: auto;
                    margin-inline-start: auto;
                    -webkit-margin-end: auto;
                    margin-inline-end: auto;
                }
            }
            ion-refresher.refresher-native .spinner-arrow-container {
                display: inherit;
            }
            ion-refresher.refresher-native .arrow-container {
                display: block;
                position: absolute;
                width: 24px;
                height: 24px;
            }
            ion-refresher.refresher-native .arrow-container ion-icon {
                margin-left: auto;
                margin-right: auto;
                margin-top: 0;
                margin-bottom: 0;
                left: 0;
                right: 0;
                bottom: -4px;
                position: absolute;
                color: var(--ion-color-primary, #3880ff);
                font-size: 12px;
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
                ion-refresher.refresher-native .arrow-container ion-icon {
                    margin-left: unset;
                    margin-right: unset;
                    -webkit-margin-start: auto;
                    margin-inline-start: auto;
                    -webkit-margin-end: auto;
                    margin-inline-end: auto;
                }
            }
            ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,
            ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling {
                display: -ms-flexbox;
                display: flex;
            }
            ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,
            ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,
            ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing {
                display: -ms-flexbox;
                display: flex;
            }
            ion-refresher.refresher-native .refresher-pulling-icon {
                -webkit-transform: translateY(calc(-100% - 10px));
                transform: translateY(calc(-100% - 10px));
            }
            ion-refresher.refresher-native .refresher-pulling-icon,
            ion-refresher.refresher-native .refresher-refreshing-icon {
                margin-left: auto;
                margin-right: auto;
                margin-top: 0;
                margin-bottom: 0;
                border-radius: 100%;
                padding-left: 8px;
                padding-right: 8px;
                padding-top: 8px;
                padding-bottom: 8px;
                display: -ms-flexbox;
                display: flex;
                border: 1px solid #ececec;
                background: white;
                -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
                ion-refresher.refresher-native .refresher-pulling-icon,
                ion-refresher.refresher-native .refresher-refreshing-icon {
                    margin-left: unset;
                    margin-right: unset;
                    -webkit-margin-start: auto;
                    margin-inline-start: auto;
                    -webkit-margin-end: auto;
                    margin-inline-end: auto;
                }
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
                ion-refresher.refresher-native .refresher-pulling-icon,
                ion-refresher.refresher-native .refresher-refreshing-icon {
                    padding-left: unset;
                    padding-right: unset;
                    -webkit-padding-start: 8px;
                    padding-inline-start: 8px;
                    -webkit-padding-end: 8px;
                    padding-inline-end: 8px;
                }
            }
			
			.swiper-container {
                margin: 0 auto;
                position: relative;
                overflow: hidden;
                list-style: none;
                padding: 0;
                z-index: 1;
            }
            .swiper-container-no-flexbox .swiper-slide {
                float: left;
            }
            .swiper-container-vertical {
                height: 100%;
            }
            .swiper-container-vertical > .swiper-wrapper {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }
            .swiper-wrapper {
                position: relative;
                width: 100%;
                height: 100%;
                z-index: 1;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-transition-property: -webkit-transform;
                transition-property: -webkit-transform;
                -o-transition-property: transform;
                transition-property: transform;
                transition-property: transform, -webkit-transform;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
            }
            .swiper-container-android .swiper-slide,
            .swiper-wrapper {
                -webkit-transform: translate3d(0px, 0, 0);
                transform: translate3d(0px, 0, 0);
            }
            .swiper-container-multirow > .swiper-wrapper {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .swiper-container-free-mode > .swiper-wrapper {
                -webkit-transition-timing-function: ease-out;
                -o-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
                margin: 0 auto;
            }
            .swiper-slide {
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                width: 100%;
                height: 100%;
                position: relative;
                -webkit-transition-property: -webkit-transform;
                transition-property: -webkit-transform;
                -o-transition-property: transform;
                transition-property: transform;
                transition-property: transform, -webkit-transform;
            }
            .swiper-invisible-blank-slide {
                visibility: hidden;
            }
            .swiper-container-autoheight,
            .swiper-container-autoheight .swiper-slide {
                height: auto;
            }
            .swiper-container-autoheight .swiper-wrapper {
                -webkit-box-align: start;
                -webkit-align-items: flex-start;
                -ms-flex-align: start;
                align-items: flex-start;
                -webkit-transition-property: height, -webkit-transform;
                transition-property: height, -webkit-transform;
                -o-transition-property: transform, height;
                transition-property: transform, height;
                transition-property: transform, height, -webkit-transform;
            }
            .swiper-container-3d {
                -webkit-perspective: 1200px;
                perspective: 1200px;
            }
            .swiper-container-3d .swiper-wrapper,
            .swiper-container-3d .swiper-slide,
            .swiper-container-3d .swiper-slide-shadow-left,
            .swiper-container-3d .swiper-slide-shadow-right,
            .swiper-container-3d .swiper-slide-shadow-top,
            .swiper-container-3d .swiper-slide-shadow-bottom,
            .swiper-container-3d .swiper-cube-shadow {
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
            }
            .swiper-container-3d .swiper-slide-shadow-left,
            .swiper-container-3d .swiper-slide-shadow-right,
            .swiper-container-3d .swiper-slide-shadow-top,
            .swiper-container-3d .swiper-slide-shadow-bottom {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
                z-index: 10;
            }
            .swiper-container-3d .swiper-slide-shadow-left {
                background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
                background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
                background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
                background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            }
            .swiper-container-3d .swiper-slide-shadow-right {
                background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
                background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
                background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
                background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            }
            .swiper-container-3d .swiper-slide-shadow-top {
                background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
                background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
                background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
                background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            }
            .swiper-container-3d .swiper-slide-shadow-bottom {
                background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
                background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
                background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
            }
            .swiper-container-wp8-horizontal,
            .swiper-container-wp8-horizontal > .swiper-wrapper {
                -ms-touch-action: pan-y;
                touch-action: pan-y;
            }
            .swiper-container-wp8-vertical,
            .swiper-container-wp8-vertical > .swiper-wrapper {
                -ms-touch-action: pan-x;
                touch-action: pan-x;
            }
            .swiper-button-prev,
            .swiper-button-next {
                position: absolute;
                top: 50%;
                width: 27px;
                height: 44px;
                margin-top: -22px;
                z-index: 10;
                cursor: pointer;
                background-size: 27px 44px;
                background-position: center;
                background-repeat: no-repeat;
            }
            .swiper-button-prev.swiper-button-disabled,
            .swiper-button-next.swiper-button-disabled {
                opacity: 0.35;
                cursor: auto;
                pointer-events: none;
            }
            .swiper-button-prev,
            .swiper-container-rtl .swiper-button-next {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
                left: 10px;
                right: auto;
            }
            .swiper-button-next,
            .swiper-container-rtl .swiper-button-prev {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
                right: 10px;
                left: auto;
            }
            .swiper-button-prev.swiper-button-white,
            .swiper-container-rtl .swiper-button-next.swiper-button-white {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
            }
            .swiper-button-next.swiper-button-white,
            .swiper-container-rtl .swiper-button-prev.swiper-button-white {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
            }
            .swiper-button-prev.swiper-button-black,
            .swiper-container-rtl .swiper-button-next.swiper-button-black {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
            }
            .swiper-button-next.swiper-button-black,
            .swiper-container-rtl .swiper-button-prev.swiper-button-black {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
            }
            .swiper-button-lock {
                display: none;
            }
            .swiper-pagination {
                position: absolute;
                text-align: center;
                -webkit-transition: 300ms opacity;
                -o-transition: 300ms opacity;
                transition: 300ms opacity;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                z-index: 10;
            }
            .swiper-pagination.swiper-pagination-hidden {
                opacity: 0;
            }
            .swiper-pagination-fraction,
            .swiper-pagination-custom,
            .swiper-container-horizontal > .swiper-pagination-bullets {
                bottom: 10px;
                left: 0;
                width: 100%;
            }
            .swiper-pagination-bullets-dynamic {
                overflow: hidden;
                font-size: 0;
            }
            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                -webkit-transform: scale(0.33);
                -ms-transform: scale(0.33);
                transform: scale(0.33);
                position: relative;
            }
            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }
            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }
            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
                -webkit-transform: scale(0.66);
                -ms-transform: scale(0.66);
                transform: scale(0.66);
            }
            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
                -webkit-transform: scale(0.33);
                -ms-transform: scale(0.33);
                transform: scale(0.33);
            }
            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
                -webkit-transform: scale(0.66);
                -ms-transform: scale(0.66);
                transform: scale(0.66);
            }
            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
                -webkit-transform: scale(0.33);
                -ms-transform: scale(0.33);
                transform: scale(0.33);
            }
            .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
                display: inline-block;
                border-radius: 100%;
                background: #000;
                opacity: 0.2;
            }
            button.swiper-pagination-bullet {
                border: none;
                margin: 0;
                padding: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }
            .swiper-pagination-clickable .swiper-pagination-bullet {
                cursor: pointer;
            }
            .swiper-pagination-bullet-active {
                opacity: 1;
                background: #007aff;
            }
            .swiper-container-vertical > .swiper-pagination-bullets {
                right: 10px;
                top: 50%;
                -webkit-transform: translate3d(0px, -50%, 0);
                transform: translate3d(0px, -50%, 0);
            }
            .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 6px 0;
                display: block;
            }
            .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 8px;
            }
            .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                display: inline-block;
                -webkit-transition: 200ms top, 200ms -webkit-transform;
                transition: 200ms top, 200ms -webkit-transform;
                -o-transition: 200ms transform, 200ms top;
                transition: 200ms transform, 200ms top;
                transition: 200ms transform, 200ms top, 200ms -webkit-transform;
            }
            .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 4px;
            }
            .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                white-space: nowrap;
            }
            .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                -webkit-transition: 200ms left, 200ms -webkit-transform;
                transition: 200ms left, 200ms -webkit-transform;
                -o-transition: 200ms transform, 200ms left;
                transition: 200ms transform, 200ms left;
                transition: 200ms transform, 200ms left, 200ms -webkit-transform;
            }
            .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                -webkit-transition: 200ms right, 200ms -webkit-transform;
                transition: 200ms right, 200ms -webkit-transform;
                -o-transition: 200ms transform, 200ms right;
                transition: 200ms transform, 200ms right;
                transition: 200ms transform, 200ms right, 200ms -webkit-transform;
            }
            .swiper-pagination-progressbar {
                background: rgba(0, 0, 0, 0.25);
                position: absolute;
            }
            .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                background: #007aff;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                -webkit-transform-origin: left top;
                -ms-transform-origin: left top;
                transform-origin: left top;
            }
            .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                -webkit-transform-origin: right top;
                -ms-transform-origin: right top;
                transform-origin: right top;
            }
            .swiper-container-horizontal > .swiper-pagination-progressbar,
            .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
                width: 100%;
                height: 4px;
                left: 0;
                top: 0;
            }
            .swiper-container-vertical > .swiper-pagination-progressbar,
            .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
                width: 4px;
                height: 100%;
                left: 0;
                top: 0;
            }
            .swiper-pagination-white .swiper-pagination-bullet-active {
                background: #ffffff;
            }
            .swiper-pagination-progressbar.swiper-pagination-white {
                background: rgba(255, 255, 255, 0.25);
            }
            .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
                background: #ffffff;
            }
            .swiper-pagination-black .swiper-pagination-bullet-active {
                background: #000000;
            }
            .swiper-pagination-progressbar.swiper-pagination-black {
                background: rgba(0, 0, 0, 0.25);
            }
            .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
                background: #000000;
            }
            .swiper-pagination-lock {
                display: none;
            }
            .swiper-scrollbar {
                border-radius: 10px;
                position: relative;
                touch-action: none;
                background: rgba(0, 0, 0, 0.1);
            }
            .swiper-container-horizontal > .swiper-scrollbar {
                position: absolute;
                left: 1%;
                bottom: 3px;
                z-index: 50;
                height: 5px;
                width: 98%;
            }
            .swiper-container-vertical > .swiper-scrollbar {
                position: absolute;
                right: 3px;
                top: 1%;
                z-index: 50;
                width: 5px;
                height: 98%;
            }
            .swiper-scrollbar-drag {
                height: 100%;
                width: 100%;
                position: relative;
                background: rgba(0, 0, 0, 0.5);
                border-radius: 10px;
                left: 0;
                top: 0;
            }
            .swiper-scrollbar-cursor-drag {
                cursor: move;
            }
            .swiper-scrollbar-lock {
                display: none;
            }
            .swiper-zoom-container {
                width: 100%;
                height: 100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: center;
            }
            .swiper-zoom-container > img,
            .swiper-zoom-container > svg,
            .swiper-zoom-container > canvas {
                max-width: 100%;
                max-height: 100%;
                -o-object-fit: contain;
                object-fit: contain;
            }
            .swiper-slide-zoomed {
                cursor: move;
            }
            .swiper-lazy-preloader {
                width: 42px;
                height: 42px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -21px;
                margin-top: -21px;
                z-index: 10;
                -webkit-transform-origin: 50%;
                -ms-transform-origin: 50%;
                transform-origin: 50%;
                -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
                animation: swiper-preloader-spin 1s steps(12, end) infinite;
            }
            .swiper-lazy-preloader:after {
                display: block;
                content: "";
                width: 100%;
                height: 100%;
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
                background-position: 50%;
                background-size: 100%;
                background-repeat: no-repeat;
            }
            .swiper-lazy-preloader-white:after {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            }
            @-webkit-keyframes swiper-preloader-spin {
                100% {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
            @keyframes swiper-preloader-spin {
                100% {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
            .swiper-container .swiper-notification {
                position: absolute;
                left: 0;
                top: 0;
                pointer-events: none;
                opacity: 0;
                z-index: -1000;
            }
            .swiper-container-fade.swiper-container-free-mode .swiper-slide {
                -webkit-transition-timing-function: ease-out;
                -o-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }
            .swiper-container-fade .swiper-slide {
                pointer-events: none;
                -webkit-transition-property: opacity;
                -o-transition-property: opacity;
                transition-property: opacity;
            }
            .swiper-container-fade .swiper-slide .swiper-slide {
                pointer-events: none;
            }
            .swiper-container-fade .swiper-slide-active,
            .swiper-container-fade .swiper-slide-active .swiper-slide-active {
                pointer-events: auto;
            }
            .swiper-container-cube {
                overflow: visible;
            }
            .swiper-container-cube .swiper-slide {
                pointer-events: none;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                z-index: 1;
                visibility: hidden;
                -webkit-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                transform-origin: 0 0;
                width: 100%;
                height: 100%;
            }
            .swiper-container-cube .swiper-slide .swiper-slide {
                pointer-events: none;
            }
            .swiper-container-cube.swiper-container-rtl .swiper-slide {
                -webkit-transform-origin: 100% 0;
                -ms-transform-origin: 100% 0;
                transform-origin: 100% 0;
            }
            .swiper-container-cube .swiper-slide-active,
            .swiper-container-cube .swiper-slide-active .swiper-slide-active {
                pointer-events: auto;
            }
            .swiper-container-cube .swiper-slide-active,
            .swiper-container-cube .swiper-slide-next,
            .swiper-container-cube .swiper-slide-prev,
            .swiper-container-cube .swiper-slide-next + .swiper-slide {
                pointer-events: auto;
                visibility: visible;
            }
            .swiper-container-cube .swiper-slide-shadow-top,
            .swiper-container-cube .swiper-slide-shadow-bottom,
            .swiper-container-cube .swiper-slide-shadow-left,
            .swiper-container-cube .swiper-slide-shadow-right {
                z-index: 0;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
            }
            .swiper-container-cube .swiper-cube-shadow {
                position: absolute;
                left: 0;
                bottom: 0px;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: 0.6;
                -webkit-filter: blur(50px);
                filter: blur(50px);
                z-index: 0;
            }
            .swiper-container-flip {
                overflow: visible;
            }
            .swiper-container-flip .swiper-slide {
                pointer-events: none;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                z-index: 1;
            }
            .swiper-container-flip .swiper-slide .swiper-slide {
                pointer-events: none;
            }
            .swiper-container-flip .swiper-slide-active,
            .swiper-container-flip .swiper-slide-active .swiper-slide-active {
                pointer-events: auto;
            }
            .swiper-container-flip .swiper-slide-shadow-top,
            .swiper-container-flip .swiper-slide-shadow-bottom,
            .swiper-container-flip .swiper-slide-shadow-left,
            .swiper-container-flip .swiper-slide-shadow-right {
                z-index: 0;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
            }
            .swiper-container-coverflow .swiper-wrapper {
                perspective: 1200px;
            }
            ion-slides {
                display: block;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            .swiper-pagination-bullet {
                background: var(--bullet-background);
            }
            .swiper-pagination-bullet-active {
                background: var(--bullet-background-active);
            }
            .swiper-pagination-progressbar {
                background: var(--progress-bar-background);
            }
            .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                background: var(--progress-bar-background-active);
            }
            .swiper-scrollbar {
                background: var(--scroll-bar-background);
            }
            .swiper-scrollbar-drag {
                background: var(--scroll-bar-background-active);
            }
            .slides-ios {
                --bullet-background: var(--ion-color-step-200, #cccccc);
                --bullet-background-active: var(--ion-color-primary, #3880ff);
                --progress-bar-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.25);
                --progress-bar-background-active: var(--ion-color-primary-shade, #3171e0);
                --scroll-bar-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1);
                --scroll-bar-background-active: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5);
            }
			
			ion-slide {
                display: block;
                width: 100%;
                height: 100%;
            }
            .slide-zoom {
                display: block;
                width: 100%;
                text-align: center;
            }
            .swiper-slide {
                display: -ms-flexbox;
                display: flex;
                position: relative;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                font-size: 18px;
                text-align: center;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
            .swiper-slide img {
                width: auto;
                max-width: 100%;
                height: auto;
                max-height: 100%;
            }
			
			@font-face {
              font-family: sans-serif; 
              src: url('SF-ultrathin.otf');
              font-weight: 200;
            }
            @font-face {
              font-family: "SF";
              src: url('SF-light.otf');
              font-weight: 300;
            }
            @font-face {
              font-family: "SF";
              src: url('SF-regular.otf');
              font-style: normal;
              font-weight: 400;
            }
            @font-face {
              font-family: "SF";
              src: url('SF-medium.otf');
              font-weight: 500;
            }
            @font-face {
              font-family: "SF";
              src: url('SF-semibold.otf');
              font-weight: 600;
            }
            @font-face {
              font-family: "SF";
              src: url('SF-bold.otf');
              font-weight: 700;
            }
            @font-face {
              font-family: "SF";
              src: url('SF-black.otf');
              font-weight: 800;
            }
            :root {
              /** primary **/
              --ion-color-primary: #ffb404;
              --ion-color-primary-rgb: 56, 128, 255;
              --ion-color-primary-contrast: #ffffff;
              --ion-color-primary-contrast-rgb: 255, 255, 255;
              --ion-color-primary-shade: #ffcf40;
              --ion-color-primary-tint: #fff77a;
              /** secondary **/
              --ion-color-secondary: #3dc2ff;
              --ion-color-secondary-rgb: 61, 194, 255;
              --ion-color-secondary-contrast: #ffffff;
              --ion-color-secondary-contrast-rgb: 255, 255, 255;
              --ion-color-secondary-shade: #36abe0;
              --ion-color-secondary-tint: #50c8ff;
              /** tertiary **/
              --ion-color-tertiary: #5260ff;
              --ion-color-tertiary-rgb: 82, 96, 255;
              --ion-color-tertiary-contrast: #ffffff;
              --ion-color-tertiary-contrast-rgb: 255, 255, 255;
              --ion-color-tertiary-shade: #4854e0;
              --ion-color-tertiary-tint: #6370ff;
              /** success **/
              --ion-color-success: #2dd36f;
              --ion-color-success-rgb: 45, 211, 111;
              --ion-color-success-contrast: #ffffff;
              --ion-color-success-contrast-rgb: 255, 255, 255;
              --ion-color-success-shade: #28ba62;
              --ion-color-success-tint: #42d77d;
              /** warning **/
              --ion-color-warning: #ffc409;
              --ion-color-warning-rgb: 255, 196, 9;
              --ion-color-warning-contrast: #000000;
              --ion-color-warning-contrast-rgb: 0, 0, 0;
              --ion-color-warning-shade: #e0ac08;
              --ion-color-warning-tint: #ffca22;
              /** danger **/
              --ion-color-danger: #eb445a;
              --ion-color-danger-rgb: 235, 68, 90;
              --ion-color-danger-contrast: #ffffff;
              --ion-color-danger-contrast-rgb: 255, 255, 255;
              --ion-color-danger-shade: #cf3c4f;
              --ion-color-danger-tint: #ed576b;
              /** dark **/
              --ion-color-dark: #222428;
              --ion-color-dark-rgb: 34, 36, 40;
              --ion-color-dark-contrast: #ffffff;
              --ion-color-dark-contrast-rgb: 255, 255, 255;
              --ion-color-dark-shade: #1e2023;
              --ion-color-dark-tint: #383a3e;
              /** medium **/
              --ion-color-medium: #92949c;
              --ion-color-medium-rgb: 146, 148, 156;
              --ion-color-medium-contrast: #ffffff;
              --ion-color-medium-contrast-rgb: 255, 255, 255;
              --ion-color-medium-shade: #808289;
              --ion-color-medium-tint: #9d9fa6;
              /** light **/
              --ion-color-light: #f4f5f8;
              --ion-color-light-rgb: 244, 245, 248;
              --ion-color-light-contrast: #000000;
              --ion-color-light-contrast-rgb: 0, 0, 0;
              --ion-color-light-shade: #d7d8da;
              --ion-color-light-tint: #f5f6f9;
            }
			
			html.ios {
              --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
            }
            html.md {
              --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
            }
            html {
              --ion-font-family: var(--ion-default-font);
            }
            body {
              background: var(--ion-background-color);
            }
            body.backdrop-no-scroll {
              overflow: hidden;
            }
            html.ios ion-modal.modal-card .ion-page > ion-header > ion-toolbar:first-of-type {
              padding-top: 0px;
            }
            html.ios ion-modal .ion-page {
              border-radius: inherit;
            }
            .ion-color-primary {
              --ion-color-base: var(--ion-color-primary, #3880ff) !important;
              --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
              --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
              --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
              --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
              --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
            }
            .ion-color-secondary {
              --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
              --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
              --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
              --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
              --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
              --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
            }
            .ion-color-tertiary {
              --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
              --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
              --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
              --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
              --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
              --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
            }
            .ion-color-success {
              --ion-color-base: var(--ion-color-success, #2dd36f) !important;
              --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
              --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
              --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
              --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
              --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
            }
            .ion-color-warning {
              --ion-color-base: var(--ion-color-warning, #ffc409) !important;
              --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
              --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
              --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
              --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
              --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
            }
            .ion-color-danger {
              --ion-color-base: var(--ion-color-danger, #eb445a) !important;
              --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
              --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
              --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
              --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
              --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
            }
            .ion-color-light {
              --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
              --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
              --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
              --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
              --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
              --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
            }
            .ion-color-medium {
              --ion-color-base: var(--ion-color-medium, #92949c) !important;
              --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
              --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
              --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
              --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
              --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
            }
            .ion-color-dark {
              --ion-color-base: var(--ion-color-dark, #222428) !important;
              --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
              --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
              --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
              --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
              --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
            }
            .ion-page {
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              display: flex;
              position: absolute;
              flex-direction: column;
              contain: layout size style;
              overflow: hidden;
              z-index: 0;
            }
            .split-pane-visible > .ion-page.split-pane-main {
              position: relative;
            }
            ion-route,
            ion-route-redirect,
            ion-router,
            ion-select-option,
            ion-nav-controller,
            ion-menu-controller,
            ion-action-sheet-controller,
            ion-alert-controller,
            ion-loading-controller,
            ion-modal-controller,
            ion-picker-controller,
            ion-popover-controller,
            ion-toast-controller,
            .ion-page-hidden,
            [hidden] {
              /* stylelint-disable-next-line declaration-no-important */
              display: none !important;
            }
            .ion-page-invisible {
              opacity: 0;
            }
            .can-go-back > ion-header ion-back-button {
              display: block;
            }
            html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
              --ion-statusbar-padding: 20px;
            }
            @supports (padding-top: 20px) {
              html {
                --ion-safe-area-top: var(--ion-statusbar-padding);
              }
            }
            @supports (padding-top: constant(safe-area-inset-top)) {
              html {
                --ion-safe-area-top: constant(safe-area-inset-top);
                --ion-safe-area-bottom: constant(safe-area-inset-bottom);
                --ion-safe-area-left: constant(safe-area-inset-left);
                --ion-safe-area-right: constant(safe-area-inset-right);
              }
            }
            @supports (padding-top: env(safe-area-inset-top)) {
              html {
                --ion-safe-area-top: env(safe-area-inset-top);
                --ion-safe-area-bottom: env(safe-area-inset-bottom);
                --ion-safe-area-left: env(safe-area-inset-left);
                --ion-safe-area-right: env(safe-area-inset-right);
              }
            }
            ion-card.ion-color .ion-inherit-color,
            ion-card-header.ion-color .ion-inherit-color {
              color: inherit;
            }
            .menu-content {
              transform: translate3d(0,  0,  0);
            }
            .menu-content-open {
              cursor: pointer;
              touch-action: manipulation;
              pointer-events: none;
            }
            .ios .menu-content-reveal {
              box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
            }
            [dir=rtl].ios .menu-content-reveal {
              box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
            }
            .md .menu-content-reveal {
              box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
            }
            .md .menu-content-push {
              box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
            }
            /* Basic CSS for apps built with Ionic */
            audio,
            canvas,
            progress,
            video {
              vertical-align: baseline;
            }
            audio:not([controls]) {
              display: none;
              height: 0;
            }
            b,
            strong {
              font-weight: bold;
            }
            img {
              max-width: 100%;
              border: 0;
            }
            svg:not(:root) {
              overflow: hidden;
            }
            figure {
              margin: 1em 40px;
            }
            hr {
              height: 1px;
              border-width: 0;
              box-sizing: content-box;
            }
            pre {
              overflow: auto;
            }
            code,
            kbd,
            pre,
            samp {
              font-family: monospace, monospace;
              font-size: 1em;
            }
            label,
            input,
            select,
            textarea {
              font-family: inherit;
              line-height: normal;
            }
            textarea {
              overflow: auto;
              height: auto;
              font: inherit;
              color: inherit;
            }
            textarea::-moz-placeholder {
              padding-left: 2px;
            }
            textarea::-ms-input-placeholder {
              padding-left: 2px;
            }
            textarea::placeholder {
              padding-left: 2px;
            }
            form,
            input,
            optgroup,
            select {
              margin: 0;
              font: inherit;
              color: inherit;
            }
            html input[type=button],
            input[type=reset],
            input[type=submit] {
              cursor: pointer;
              -webkit-appearance: button;
            }
            a,
            a div,
            a span,
            a ion-icon,
            a ion-label,
            button,
            button div,
            button span,
            button ion-icon,
            button ion-label,
            .ion-tappable,
            [tappable],
            [tappable] div,
            [tappable] span,
            [tappable] ion-icon,
            [tappable] ion-label,
            input,
            textarea {
              touch-action: manipulation;
            }
            a ion-label,
            button ion-label {
              pointer-events: none;
            }
            button {
              border: 0;
              border-radius: 0;
              font-family: inherit;
              font-style: inherit;
              font-variant: inherit;
              line-height: 1;
              text-transform: none;
              cursor: pointer;
              -webkit-appearance: button;
            }
            [tappable] {
              cursor: pointer;
            }
            a[disabled],
            button[disabled],
            html input[disabled] {
              cursor: default;
            }
            button::-moz-focus-inner,
            input::-moz-focus-inner {
              padding: 0;
              border: 0;
            }
            input[type=checkbox],
            input[type=radio] {
              padding: 0;
              box-sizing: border-box;
            }
            input[type=number]::-webkit-inner-spin-button,
            input[type=number]::-webkit-outer-spin-button {
              height: auto;
            }
            input[type=search]::-webkit-search-cancel-button,
            input[type=search]::-webkit-search-decoration {
              -webkit-appearance: none;
            }
            table {
              border-collapse: collapse;
              border-spacing: 0;
            }
            td,
            th {
              padding: 0;
            }
            * {
              box-sizing: border-box;
              -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
              -webkit-tap-highlight-color: transparent;
              -webkit-touch-callout: none;
            }
            html {
              width: 100%;
              height: 100%;
              -webkit-text-size-adjust: 100%;
                 -moz-text-size-adjust: 100%;
                  -ms-text-size-adjust: 100%;
                      text-size-adjust: 100%;
            }
            html.plt-pwa {
              height: 100vh;
            }
            html {
              font-family: var(--ion-font-family);
            }
            a {
              background-color: transparent;
              color: var(--ion-color-primary, #3880ff);
			  cursor: default;
            }
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
              margin-top: 16px;
              margin-bottom: 10px;
              font-weight: 500;
              line-height: 1.2;
            }
            h1 {
              margin-top: 20px;
              font-size: 26px;
            }
            h2 {
              margin-top: 18px;
              font-size: 24px;
            }
            h3 {
              font-size: 22px;
            }
            h4 {
              font-size: 20px;
            }
            h5 {
              font-size: 18px;
            }
            h6 {
              font-size: 16px;
            }
            small {
              font-size: 75%;
            }
            sub,
            sup {
              position: relative;
              font-size: 75%;
              line-height: 0;
              vertical-align: baseline;
            }
            sup {
              top: -0.5em;
            }
            sub {
              bottom: -0.25em;
            }
            .ion-hide {
              display: none !important;
            }
            .ion-hide-up {
              display: none !important;
            }
            .ion-hide-down {
              display: none !important;
            }
            @media (min-width: 576px) {
              .ion-hide-sm-up {
                display: none !important;
              }
            }
            @media (max-width: 575.98px) {
              .ion-hide-sm-down {
                display: none !important;
              }
            }
            @media (min-width: 768px) {
              .ion-hide-md-up {
                display: none !important;
              }
            }
            @media (max-width: 767.98px) {
              .ion-hide-md-down {
                display: none !important;
              }
            }
            @media (min-width: 992px) {
              .ion-hide-lg-up {
                display: none !important;
              }
            }
            @media (max-width: 991.98px) {
              .ion-hide-lg-down {
                display: none !important;
              }
            }
            @media (min-width: 1200px) {
              .ion-hide-xl-up {
                display: none !important;
              }
            }
            @media (max-width: 1199.98px) {
              .ion-hide-xl-down {
                display: none !important;
              }
            }
            /* Optional CSS utils that can be commented out */
            .ion-no-padding {
              --padding-start: 0;
              --padding-end: 0;
              --padding-top: 0;
              --padding-bottom: 0;
              padding-left: 0;
              padding-right: 0;
              padding-top: 0;
              padding-bottom: 0;
            }
            .ion-padding {
              --padding-start: var(--ion-padding, 16px);
              --padding-end: var(--ion-padding, 16px);
              --padding-top: var(--ion-padding, 16px);
              --padding-bottom: var(--ion-padding, 16px);
              padding-left: var(--ion-padding, 16px);
              padding-right: var(--ion-padding, 16px);
              padding-top: var(--ion-padding, 16px);
              padding-bottom: var(--ion-padding, 16px);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
              .ion-padding {
                padding-left: unset;
                padding-right: unset;
                -webkit-padding-start: var(--ion-padding, 16px);
                padding-inline-start: var(--ion-padding, 16px);
                -webkit-padding-end: var(--ion-padding, 16px);
                padding-inline-end: var(--ion-padding, 16px);
              }
            }
            .ion-padding-top {
              --padding-top: var(--ion-padding, 16px);
              padding-top: var(--ion-padding, 16px);
            }
            .ion-padding-start {
              --padding-start: var(--ion-padding, 16px);
              padding-left: var(--ion-padding, 16px);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
              .ion-padding-start {
                padding-left: unset;
                -webkit-padding-start: var(--ion-padding, 16px);
                padding-inline-start: var(--ion-padding, 16px);
              }
            }
            .ion-padding-end {
              --padding-end: var(--ion-padding, 16px);
              padding-right: var(--ion-padding, 16px);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
              .ion-padding-end {
                padding-right: unset;
                -webkit-padding-end: var(--ion-padding, 16px);
                padding-inline-end: var(--ion-padding, 16px);
              }
            }
            .ion-padding-bottom {
              --padding-bottom: var(--ion-padding, 16px);
              padding-bottom: var(--ion-padding, 16px);
            }
            .ion-padding-vertical {
              --padding-top: var(--ion-padding, 16px);
              --padding-bottom: var(--ion-padding, 16px);
              padding-top: var(--ion-padding, 16px);
              padding-bottom: var(--ion-padding, 16px);
            }
            .ion-padding-horizontal {
              --padding-start: var(--ion-padding, 16px);
              --padding-end: var(--ion-padding, 16px);
              padding-left: var(--ion-padding, 16px);
              padding-right: var(--ion-padding, 16px);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
              .ion-padding-horizontal {
                padding-left: unset;
                padding-right: unset;
                -webkit-padding-start: var(--ion-padding, 16px);
                padding-inline-start: var(--ion-padding, 16px);
                -webkit-padding-end: var(--ion-padding, 16px);
                padding-inline-end: var(--ion-padding, 16px);
              }
            }
            .ion-no-margin {
              --margin-start: 0;
              --margin-end: 0;
              --margin-top: 0;
              --margin-bottom: 0;
              margin-left: 0;
              margin-right: 0;
              margin-top: 0;
              margin-bottom: 0;
            }
            .ion-margin {
              --margin-start: var(--ion-margin, 16px);
              --margin-end: var(--ion-margin, 16px);
              --margin-top: var(--ion-margin, 16px);
              --margin-bottom: var(--ion-margin, 16px);
              margin-left: var(--ion-margin, 16px);
              margin-right: var(--ion-margin, 16px);
              margin-top: var(--ion-margin, 16px);
              margin-bottom: var(--ion-margin, 16px);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
              .ion-margin {
                margin-left: unset;
                margin-right: unset;
                -webkit-margin-start: var(--ion-margin, 16px);
                margin-inline-start: var(--ion-margin, 16px);
                -webkit-margin-end: var(--ion-margin, 16px);
                margin-inline-end: var(--ion-margin, 16px);
              }
            }
            .ion-margin-top {
              --margin-top: var(--ion-margin, 16px);
              margin-top: var(--ion-margin, 16px);
            }
            .ion-margin-start {
              --margin-start: var(--ion-margin, 16px);
              margin-left: var(--ion-margin, 16px);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
              .ion-margin-start {
                margin-left: unset;
                -webkit-margin-start: var(--ion-margin, 16px);
                margin-inline-start: var(--ion-margin, 16px);
              }
            }
            .ion-margin-end {
              --margin-end: var(--ion-margin, 16px);
              margin-right: var(--ion-margin, 16px);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
              .ion-margin-end {
                margin-right: unset;
                -webkit-margin-end: var(--ion-margin, 16px);
                margin-inline-end: var(--ion-margin, 16px);
              }
            }
            .ion-margin-bottom {
              --margin-bottom: var(--ion-margin, 16px);
              margin-bottom: var(--ion-margin, 16px);
            }
            .ion-margin-vertical {
              --margin-top: var(--ion-margin, 16px);
              --margin-bottom: var(--ion-margin, 16px);
              margin-top: var(--ion-margin, 16px);
              margin-bottom: var(--ion-margin, 16px);
            }
            .ion-margin-horizontal {
              --margin-start: var(--ion-margin, 16px);
              --margin-end: var(--ion-margin, 16px);
              margin-left: var(--ion-margin, 16px);
              margin-right: var(--ion-margin, 16px);
            }
            @supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
              .ion-margin-horizontal {
                margin-left: unset;
                margin-right: unset;
                -webkit-margin-start: var(--ion-margin, 16px);
                margin-inline-start: var(--ion-margin, 16px);
                -webkit-margin-end: var(--ion-margin, 16px);
                margin-inline-end: var(--ion-margin, 16px);
              }
            }
            .ion-float-left {
              float: left !important;
            }
            .ion-float-right {
              float: right !important;
            }
            .ion-float-start {
              float: left !important;
            }
            [dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
              float: right !important;
            }
            .ion-float-end {
              float: right !important;
            }
            [dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
              float: left !important;
            }
            @media (min-width: 576px) {
              .ion-float-sm-left {
                float: left !important;
              }

              .ion-float-sm-right {
                float: right !important;
              }

              .ion-float-sm-start {
                float: left !important;
              }
              [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
                float: right !important;
              }

              .ion-float-sm-end {
                float: right !important;
              }
              [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
                float: left !important;
              }
            }
            @media (min-width: 768px) {
              .ion-float-md-left {
                float: left !important;
              }

              .ion-float-md-right {
                float: right !important;
              }

              .ion-float-md-start {
                float: left !important;
              }
              [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
                float: right !important;
              }

              .ion-float-md-end {
                float: right !important;
              }
              [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
                float: left !important;
              }
            }
            @media (min-width: 992px) {
              .ion-float-lg-left {
                float: left !important;
              }

              .ion-float-lg-right {
                float: right !important;
              }

              .ion-float-lg-start {
                float: left !important;
              }
              [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
                float: right !important;
              }

              .ion-float-lg-end {
                float: right !important;
              }
              [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
                float: left !important;
              }
            }
            @media (min-width: 1200px) {
              .ion-float-xl-left {
                float: left !important;
              }

              .ion-float-xl-right {
                float: right !important;
              }

              .ion-float-xl-start {
                float: left !important;
              }
              [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
                float: right !important;
              }

              .ion-float-xl-end {
                float: right !important;
              }
              [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
                float: left !important;
              }
            }
            .ion-text-center {
              text-align: center !important;
            }
            .ion-text-justify {
              text-align: justify !important;
            }
            .ion-text-start {
              text-align: start !important;
            }
            .ion-text-end {
              text-align: end !important;
            }
            .ion-text-left {
              text-align: left !important;
            }
            .ion-text-right {
              text-align: right !important;
            }
            .ion-text-nowrap {
              white-space: nowrap !important;
            }
            .ion-text-wrap {
              white-space: normal !important;
            }
            @media (min-width: 576px) {
              .ion-text-sm-center {
                text-align: center !important;
              }

              .ion-text-sm-justify {
                text-align: justify !important;
              }

              .ion-text-sm-start {
                text-align: start !important;
              }

              .ion-text-sm-end {
                text-align: end !important;
              }

              .ion-text-sm-left {
                text-align: left !important;
              }

              .ion-text-sm-right {
                text-align: right !important;
              }

              .ion-text-sm-nowrap {
                white-space: nowrap !important;
              }

              .ion-text-sm-wrap {
                white-space: normal !important;
              }
            }
            @media (min-width: 768px) {
              .ion-text-md-center {
                text-align: center !important;
              }

              .ion-text-md-justify {
                text-align: justify !important;
              }

              .ion-text-md-start {
                text-align: start !important;
              }

              .ion-text-md-end {
                text-align: end !important;
              }

              .ion-text-md-left {
                text-align: left !important;
              }

              .ion-text-md-right {
                text-align: right !important;
              }

              .ion-text-md-nowrap {
                white-space: nowrap !important;
              }

              .ion-text-md-wrap {
                white-space: normal !important;
              }
            }
            @media (min-width: 992px) {
              .ion-text-lg-center {
                text-align: center !important;
              }

              .ion-text-lg-justify {
                text-align: justify !important;
              }

              .ion-text-lg-start {
                text-align: start !important;
              }

              .ion-text-lg-end {
                text-align: end !important;
              }

              .ion-text-lg-left {
                text-align: left !important;
              }

              .ion-text-lg-right {
                text-align: right !important;
              }

              .ion-text-lg-nowrap {
                white-space: nowrap !important;
              }

              .ion-text-lg-wrap {
                white-space: normal !important;
              }
            }
            @media (min-width: 1200px) {
              .ion-text-xl-center {
                text-align: center !important;
              }

              .ion-text-xl-justify {
                text-align: justify !important;
              }

              .ion-text-xl-start {
                text-align: start !important;
              }

              .ion-text-xl-end {
                text-align: end !important;
              }

              .ion-text-xl-left {
                text-align: left !important;
              }

              .ion-text-xl-right {
                text-align: right !important;
              }

              .ion-text-xl-nowrap {
                white-space: nowrap !important;
              }

              .ion-text-xl-wrap {
                white-space: normal !important;
              }
            }
            .ion-text-uppercase {
              /* stylelint-disable-next-line declaration-no-important */
              text-transform: uppercase !important;
            }
            .ion-text-lowercase {
              /* stylelint-disable-next-line declaration-no-important */
              text-transform: lowercase !important;
            }
            .ion-text-capitalize {
              /* stylelint-disable-next-line declaration-no-important */
              text-transform: capitalize !important;
            }
            @media (min-width: 576px) {
              .ion-text-sm-uppercase {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: uppercase !important;
              }

              .ion-text-sm-lowercase {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: lowercase !important;
              }

              .ion-text-sm-capitalize {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: capitalize !important;
              }
            }
            @media (min-width: 768px) {
              .ion-text-md-uppercase {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: uppercase !important;
              }

              .ion-text-md-lowercase {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: lowercase !important;
              }

              .ion-text-md-capitalize {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: capitalize !important;
              }
            }
            @media (min-width: 992px) {
              .ion-text-lg-uppercase {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: uppercase !important;
              }

              .ion-text-lg-lowercase {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: lowercase !important;
              }

              .ion-text-lg-capitalize {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: capitalize !important;
              }
            }
            @media (min-width: 1200px) {
              .ion-text-xl-uppercase {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: uppercase !important;
              }

              .ion-text-xl-lowercase {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: lowercase !important;
              }

              .ion-text-xl-capitalize {
                /* stylelint-disable-next-line declaration-no-important */
                text-transform: capitalize !important;
              }
            }
            .ion-align-self-start {
              align-self: flex-start !important;
            }
            .ion-align-self-end {
              align-self: flex-end !important;
            }
            .ion-align-self-center {
              align-self: center !important;
            }
            .ion-align-self-stretch {
              align-self: stretch !important;
            }
            .ion-align-self-baseline {
              align-self: baseline !important;
            }
            .ion-align-self-auto {
              align-self: auto !important;
            }
            .ion-wrap {
              flex-wrap: wrap !important;
            }
            .ion-nowrap {
              flex-wrap: nowrap !important;
            }
            .ion-wrap-reverse {
              flex-wrap: wrap-reverse !important;
            }
            .ion-justify-content-start {
              justify-content: flex-start !important;
            }
            .ion-justify-content-center {
              justify-content: center !important;
            }
            .ion-justify-content-end {
              justify-content: flex-end !important;
            }
            .ion-justify-content-around {
              justify-content: space-around !important;
            }
            .ion-justify-content-between {
              justify-content: space-between !important;
            }
            .ion-justify-content-evenly {
              justify-content: space-evenly !important;
            }
            .ion-align-items-start {
              align-items: flex-start !important;
            }
            .ion-align-items-center {
              align-items: center !important;
            }
            .ion-align-items-end {
              align-items: flex-end !important;
            }
            .ion-align-items-stretch {
              align-items: stretch !important;
            }
            .ion-align-items-baseline {
              align-items: baseline !important;
            }
            * {
              font-family: sans-serif;
            }
            .procurement-modal {
              --max-width: calc(100vw - 80px);
              --max-height: 35%;
              --min-height: 290px;
              align-items: center;
              --border-radius: 15px;
            }
            .card-modal {
              --height: 60%;
              align-items: flex-end;
            }
            .product-modal {
              --height: 60%;
              align-items: flex-end;
            }
            .address-modal {
              --height: 60%;
              align-items: flex-end;
            }
            .payment-modal {
              --max-width: calc(100vw - 80px);
              --max-height: 40%;
              --min-height: 290px;
              align-items: center;
              --border-radius: 15px;
            }
            .native-input[disabled] {
              opacity: 0.7 !important;
            }
            .swal-footer {
              display: flex;
              justify-content: center;
              align-items: center;
            }
            .swal-text {
              line-height: 25px;
              text-align: center;
            }
            .cancel-button {
              background-color: #ff3a3a;
            }
            .anim {
              transition: all 0.4s ease;
            }
            .anim .scale {
              transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transform: scale(1);
            }
            .anim .scalex {
              transition: all 0.4s ease;
              transform: scale(0);
            }
            .anim .fromleft {
              transition: all 0.4s ease;
              transform: translateX(0);
              opacity: 1;
            }
            .anim .fromleftx {
              transition: all 0.4s ease;
              transform: translateX(-100vw);
              opacity: 0;
            }
            .anim .fromright {
              transition: all 0.4s ease;
              transform: translateX(0);
              opacity: 1;
            }
            .anim .fromrightx {
              transition: all 0.4s ease;
              transform: translateX(100vw);
              opacity: 0;
            }
            .anim .fromtop {
              transition: all 0.4s ease;
              transform: translateY(0);
              opacity: 1;
            }
            .anim .fromtopx {
              transition: all 0.4s ease;
              transform: translateY(-100vh);
              opacity: 0;
            }
            .anim .frombottom {
              transition: all 0.4s ease;
              transform: translateY(0);
              opacity: 1;
            }
            .anim .frombottomx {
              transition: all 0.4s ease;
              transform: translateY(100vh);
              opacity: 0;
            }
            .anim .fadeleft {
              transition: all 0.4s ease;
              transform: translateX(0);
              opacity: 1;
            }
            .anim .fadeleftx {
              transition: all 0.4s ease;
              transform: translateX(-100px);
              opacity: 0;
            }
            .anim .faderight {
              transition: all 0.4s ease;
              transform: translateX(0);
              opacity: 1;
            }
            .anim .faderightx {
              transition: all 0.4s ease;
              transform: translateX(100px);
              opacity: 0;
            }
            .anim .fadetop {
              transition: all 0.4s ease;
              transform: translateY(0);
              opacity: 1;
            }
            .anim .fadetopx {
              transition: all 0.4s ease;
              transform: translateY(-100px);
              opacity: 0;
            }
            .anim .fadebottom {
              transition: all 0.4s ease;
              transform: translateY(0);
              opacity: 1;
            }
            .anim .fadebottomx {
              transition: all 0.4s ease;
              transform: translateY(100px);
              opacity: 0;
            }
            .anim .fade {
              transition: all 0.4s ease;
              opacity: 1;
            }
            .anim .fadex {
              transition: all 0.4s ease;
              opacity: 0;
            }
            .anim .rotate {
              transition: all 0.4s ease;
              transform: rotate(360deg);
              opacity: 1;
            }
            .anim .rotatex {
              transition: all 0.4s ease;
              transform: rotate(0);
              opacity: 0;
            }
			.text {
              max-height: 500px;
              margin-bottom: var(--height);
              margin-top: 40px;
              transition: max-height 0.15s ease-in, margin-bottom 0.15s ease-in, margin-top 0.15s ease-in;
            }
			.testscroll {
				max-height: 0;
              margin-bottom: 0;
              margin-top: 20px;
              transition: max-height 0.15s ease-out, margin-bottom 0.15s ease-out, margin-top 0.15s ease-out;
              overflow: hidden;
			}

            .textx[_ngcontent-tmd-c145] {
              max-height: 0;
              margin-bottom: 0;
              margin-top: 20px;
              transition: max-height 0.15s ease-out, margin-bottom 0.15s ease-out, margin-top 0.15s ease-out;
              overflow: hidden;
            }
			
			.text[_ngcontent-osu-c165] {
              max-height: 500px;
              transition: max-height 0.25s ease-in, margin-bottom 0.15s ease-in;
              margin-bottom: 20px;
            }

            .textx[_ngcontent-osu-c165] {
              max-height: 0;
              margin-bottom: 0;
              transition: max-height 0.15s ease-out, margin-bottom 0.15s ease-out;
              overflow: hidden;
            }
			
			 .text[_ngcontent-tnx-c157] {
              max-height: 500px;
              transition: max-height 0.25s ease-in, margin-bottom 0.15s ease-in;
              margin-bottom: 20px;
            }
			.selected[_ngcontent-dwr-c158] {
              border: 2px solid #ffcf40;
              transition: all 0.2s ease-in;
            }

            .selectedx[_ngcontent-dwr-c158] {
              border: 2px solid #eeeeee;
              transition: all 0.2s ease-out;
            }
			
			.instantCheckout {
				padding: 120px 2px 30px 15px;
				font-weight: bold;
			}
			.instantCheckout button {
				float: right;
				background-color: #ffb404;
				color: white;
				padding: 10px 15px 10px 15px;
				margin-top: -10px;
				border-radius: 10px;
				font-weight: inherit;
				font-size: 15px;
			}
			.instantCheckout button:hover{
				background-color: #fff67a;
			}
			.product{
				margin: 0 20px 20px 20px;
				float: left;
				border-bottom: 1px solid #eeeeee;
				width: 95%;
			}
			.product .img{
				float: left;
			}
			.product img {
				width: 100px;
				height: 100px;
				object-fit: cover;
			}
			.product .content {
				float: left;
				margin: 10px;
			}
			.content .title {
				font-weight: bold;
				font-size: 15px;
				margin-bottom: 10px;
			}
			.content .great {
				background-color: #c22626;
				color: white;
				font-size: 9px;
				font-weight: bold;
				text-align: center;
				width: 40px;
				padding:2px 0 3px 0;
				border-radius: 5px;
				margin-bottom: 10px;
			}
			.content .price {
				color: #ffcf40;
				font-weight: bold;
				font-size: 19px;
				margin-bottom: 10px;
			}
			.content .price span {
				font-size: 15px;
			}
			.content .quantity {
				color: #999999;
				font-size: 11px;
				font-weight: bold;
			}
			.clear {
				clear: both;
				padding-bottom: 345px;
			}
			.icon-inner {
				width: 25px;
				height: 25px;
			}
			
			#id01 {
				z-index: 3;
				display: none;
				padding-top: 175px;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgb(0,0,0);
				background-color: rgba(0,0,0,0.4);
			}
			#id01 .content {
				margin: auto;
				background-color: #fff;
				position: relative;
				padding: 20px;
				outline: 0;
				width: 600px;
				border-radius: 15px;
			}
			@media (max-width: 700px) {
				#id01 .content {
					width: 85%;
				}
			}
			.topright {
				position: absolute;
				right: 12px;
				top: 0;
				cursor: default;
				font-size: 40px;
				color: #999999;
			}
			#id01 .content .title {
				font-size: 17px;
				padding-bottom: 8px;
			}
			#id01 .content button {
				width: 100%;
				background-color: #ffb404;
				color: white;
				padding: 10px 0;
				font-size: 17px;
				font-weight: bold;
				border-radius: 20px;
			}
			#id01 .content button:hover {
				background-color: #fff77a;
			}
			.checkboxContainer {
				display: block;
				position: relative;
				padding-left: 35px;
				cursor: pointer;
				font-size: 15px;
				font-weight: bold;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			.checkboxContainer input {
				position: absolute;
				opacity: 0;
				cursor: pointer;
				height: 0;
				width: 0;
			}

			.checkmark {
				position: absolute;
				top: 0;
				left: 0;
				height: 20px;
				width: 20px;
				background-color: #fff;
				border: 1px solid #c7c7c7;
				border-radius: 10px;
			}

			.checkboxContainer input:checked ~ .checkmark {
				background-color: #ffb404;
				border: none;
			}

			.checkmark:after {
				content: "";
				position: absolute;
				display: none;
			}

			.checkboxContainer input:checked ~ .checkmark:after {
				display: block;
			}

			.checkboxContainer .checkmark:after {
				left: 8px;
				top: 4px;
				width: 3px;
				height: 8px;
				border: 1px solid white;
				border-width: 0 1px 1px 0;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			
			.addressbookTitle {
				font-size: 15px;
				font-weight: bold;
				margin: 20px 20px 50px 20px;
			}
			.addressbookTitle img {
				width: 15px;
				height: 15px;
				margin: 0 16px -2px 0;
			}
			.addressbookTitle a {
				cursor: default;
			}
			.addaddress img {
				width: 12px;
				height: 12px;
				margin-right: 10px;
			}
			.addaddress {
				font-weight: bold;
				font-size: 15px;
				color: #ffcf40;
				margin-left: 20px;
				cursor: default;
			}
			.address {
				 border-bottom: 1px solid #e6e6e6; 
				 width: 97%; 
				 margin: auto;
				 padding-bottom: 16px;
			}
			.addressA {
				font-size: 16px;
				font-weight: bold;
				margin: 29px 0 6px 0;
			}
			.addressB {
				font-size: 14px;
				font-weight: bold;
			}
			.yellowCircle {
				width: 15px; 
				height: 15px; 
				background-color: #ffcf40; 
				border-radius: 50%; 
				float: right; 
				margin-top: -18px;
			}
			.contactInformation {
				font-weight: bold;
				font-size: 14px;
			}
			.newAddress input,textarea {
				border: none;
				border-bottom: 1px solid #e6e6e6;
				margin: 0 8px 10px 8px;
				width: 96%;
				padding: 10px;
				resize: none;
			}
			.newAddress {
				margin: -11px 10px 0 30px;
				padding-top: 90px;
			}
			.addressaddTitle {
				font-size: 15px;
				font-weight: bold;
				padding: 20px 20px 50px 20px;
				position: fixed;
				background-color: #fff;
				width: 100%;
			}
			.addressaddTitle img {
				width: 15px;
				height: 15px;
				margin: 0 16px -2px 0;
			}
			.addressaddTitle a {
				cursor: default;
			}
			.newAddressInformation {
				padding: 15px 0;
				font-weight: bold;
				font-size: 15px;
			}
			.zipPostal {
				width: 150px !important;
			}
			.city {
				width: 200px !important;
			}
			.zipcity {
				text-align: center;
			}
			
			.checkboxDefault {
				display: block;
				position: relative;
				padding-left: 35px;
				cursor: pointer;
				font-size: 15px;
				font-weight: bold;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			.checkboxDefault input {
				position: absolute;
				opacity: 0;
				cursor: pointer;
				height: 0;
				width: 0;
			}

			.checkmarkDefault {
				position: absolute;
				top: 0;
				left: 100px;
				height: 20px;
				width: 20px;
				background-color: #fff;
				border: 2px solid #696969;
				border-radius: 2px;
			}

			.checkboxDefault input:checked ~ .checkmarkDefault {
				background-color: #ffcf40;
				border: none;
			}

			.checkmarkDefault:after {
				content: "";
				position: absolute;
				display: none;
			}

			.checkboxDefault input:checked ~ .checkmarkDefault:after {
				display: block;
			}

			.checkboxDefault .checkmarkDefault:after {
				left: 6px;
				top: 2px;
				width: 6px;
				height: 11px;
				border: 1px solid white;
				border-width: 0 2px 2px 0;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			.newAddressNext {
				background-color: #ffb404;
				color: #fff;
				float: right;
				font-size: 16px;
				font-weight: bold;
				padding: 12px 40px;
				border-radius: 10px;
				margin-right: 20px;
				margin-top: 20px;
			}
			.right {
				width: 15px; 
				height: 15px; 
				margin-right: 5px;
			}
			.profileTitle {
				font-size: 15px;
				font-weight: bold;
				padding: 20px 20px 20px 12px;
				position: fixed;
				background-color: #fff;
				top: 0;
			}
			.profileTitle a {
				cursor: default;
			}
			.profileTitle img {
				width: 15px;
				height: 15px;
				margin: 0 16px -2px 0;
			}
			.editProfile {
				margin: 75px 30px 90px 30px;
			}
			.editProfile input {
				width: 100%;
				padding: 10px;
				border: none;
				border-bottom: 1px solid #e6e6e6;
				background-color: #fff;
				margin-top: 10px;
				outline: none;
			}
			.editProfile textarea {
				margin: 0;
				width: 100%;
			}
			.filestransit {
				background-color: #ffcf40;
				width: 35px;
				height: 35px;
				border-radius: 50%;
				left: 105px;
				margin-top: -35px;
				position: absolute;
				cursor: pointer;
				
			}
			.filestransit img {
				width: 16px;
				height: 16px;
				margin: 10px;
			}
			.greypicture {
				width: 100px; 
				height: 100px;
				border-radius: 15px;
				margin-bottom: 10px;
			}
			.updateProfile {
				position: fixed;
				bottom: 20px;
				left: 20px;
				width: calc(100% - 40px);
				background-color: #ffb404;
				color: #fff;
				font-size: 17px;
				font-weight: bold;
				padding: 12px 0;
				border-radius: 10px;
			}
			.updateProfile:hover {
				background-color: #fff67a;
			}
			.selected[_ngcontent-ela-c169] {
              border-bottom: 2px solid #c22626;
              color: #000;
              font-weight: 700;
              transition: all 0.1s ease-in;
            }
			.selectedx[_ngcontent-ela-c169] {
              border-bottom: 2px solid #ffffff;
              color: #999999;
              font-weight: 500;
              transition: all 0.1s ease-out;
            }
			.native-input.sc-ion-input-md {
                border-radius: var(--border-radius);
                padding-left: var(--padding-start);
                padding-right: var(--padding-end);
                padding-top: var(--padding-top);
                padding-bottom: var(--padding-bottom);
                font-family: inherit;
                font-size: inherit;
                font-style: inherit;
                font-weight: inherit;
                letter-spacing: inherit;
                text-decoration: inherit;
                text-indent: inherit;
                text-overflow: inherit;
                text-transform: inherit;
                text-align: inherit;
                white-space: inherit;
                color: inherit;
                display: inline-block;
                -ms-flex: 1;
                flex: 1;
                width: 100%;
                max-width: 100%;
                max-height: 100%;
                border: 0;
                outline: none;
                background: transparent;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
				color: #737373;
				padding: 10px;
            }
			.button-native{
				width: 100%;
                height: 40px;
                background-color: #ffb404;
                padding-top: 12px;
                padding-bottom: 12px;
                color: inherit;
                font-family: inherit;
                font-weight: inherit;
                border-radius: 10px;
                font-size: 16px;
                outline: none;
                border: none;
			}
			.button-native:hover {
				background-color: #fff77a;
			}
			#id03 {
				z-index: 2000;
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgba(0,0,0,0.4);
			}
			#id03 .content {
				margin: auto;
				left: 0;
				right: 0;
				background-color: #fff;
				position: fixed;
				bottom: 0;
				padding: 20px;
				outline: 0;
				width: 600px;
				border-radius: 10px;
			}
			@media (max-width: 700px) {
				#id03 .bottom {
					padding: 20px 2% 0 0;
				}
				#id03 .content {
					width: 100%;
					border-radius: 0;
				}
				#id03 .minus {
					padding: 0 20px 0 10%;
				}
				#id03 .checkout {
					width: 38%;
					padding: 12px 0;
				}
			}
			@media (min-width: 700px) {
				#id03 .bottom {
					padding: 20px 21px 0 0;
				}
				#id03 .checkout {
					padding: 12px 65px;
				}
				#id03 .minus {
					padding: 0 16px 0 50px;
				}
			}
			#id03 .topright {
				position: absolute;
				right: 12px;
				top: 7px;
				cursor: default;
				font-size: 30px;
				color: #000;
			}
			#id03 .title {
				font-size: 15px;
			}
			#id03 .price {
				color: black;
				font-size: 14px;
			}
			#id03 .selectMaterial {
				font-size: 12px;
				font-weight: bolder;
				margin: 8px 8px;
			}
			#id03 .PremiumCookingOil {
				border: 1px solid #ffcf40;
				border-radius: 5px;
				width: 100px;
				background-color: #fff;
				padding: 8px;
			}
			#id03 .selectPackaging {
				font-size: 12px;
				font-weight: bolder;
				margin: 8px 8px;
			}
			#id03 .original {
				border: 1px solid #ffcf40;
				border-radius: 5px;
				width: 120px;
				background-color: #fff;
				padding: 10px;
				font-size: 17px;
			}
			#id03 .oem {
				border: 1px solid #eeeeee;
				border-radius: 5px;
				width: 120px;
				background-color: #fff;
				padding: 10px;
				font-size: 17px;
			}
			#id03 .bottom {
				margin-top: 50px;
				border-top: 1px solid #dbdbdb;
			}
			#id03 .minus {
				color: #999999;
				background-color: #fff;
				font-size: 40px;
				float: left;
				line-height: 30px;
			}
			#id03 .quantity {
				border: 2px solid #ffc404;
				border-radius: 5px;
				font-size: 16px;
				color: #434343;
				float: left;
				width: 38px;
				height: 38px;
				text-align: center;
				background-color: #fff;
			}
			#id03 .add {
				color: #999999;
				background-color: #fff;
				font-size: 30px;
				float: left;
				line-height: 35px;
				padding: 0 16px;
			}
			#id03 .checkout {
				background-color: #ffb404;
				border-radius: 10px;
				color: #fff;
				font-size: 16px;
				font-weight: bolder;
				float: right;
			}
			#id03 .checkout:hover {
				background-color: #fff77a;
			}
			.scale[_ngcontent-tus-c169] {
              height: -webkit-max-content;
              height: -moz-max-content;
              height: max-content;
              background-color: #ffffff;
              padding: 20px 5px;
              transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0.4s ease;
              transform: scale(1);
            }
            .scalex[_ngcontent-tus-c169] {
              height: 0px;
              background-color: #ffffff;
              padding: 0px;
              transition: all 0.4s ease, height 0.4s ease;
              transform: scale(0);
            }
            .orderNow {
                width: 100%;
                height: 40px;
                background-color: #ffb404;
                padding-top: 12px;
                padding-bottom: 12px;
                color: inherit;
                font-family: inherit;
                font-weight: inherit;
                border-radius: 10px;
                font-size: 16px;
                outline: none;
                border: none;
            }
            .addMore {
                width: 100%;
                height: 40px;
                background-color: #d7d7d7;
                padding-top: 12px;
                padding-bottom: 12px;
                color: inherit;
                font-family: inherit;
                font-weight: inherit;
                border-radius: 10px;
                font-size: 16px;
                outline: none;
                border: none;
            }
			.checkOutProduct {
				margin-top: 60px;
			}
			.checkOutProduct img {
				width: 100px;
				height: 100px;
				object-fit: cover;
				float: left;
			}
			.checkOutProduct .title{
				font-size: 14px;
				font-weight: bolder;
			}
			.checkOutProduct .content{
				padding: 10px;
				margin-left: 100px;
			}
			.checkOutProduct .price{
				color: #ffcf40;
				font-size: 18px;
				font-weight: bolder;
			}
			.checkOutProduct .pcs{
				font-size: 11px !important;
				font-weight: bolder;
			}
			.checkOutProduct .quantity{
				color: #999999;
				font-size: 11px;
				font-weight: bold;
			}
			.loginImg {
				width: 100%; 
				height: 100%; 
				object-fit: cover; 
				opacity: 0.3; 
				object-position: top;
				position: absolute; 
				bottom: 0; 
				left: 0;
				top: 252px;
			}
			.maTitle {
				color: #fff;
				font-size: 80px;
				font-weight: bold;
				background-color: #452101;
				text-align: center;
				padding: 80px 0;
			}
			.logIn {
				text-align: center;
				color: white;
				background-color: #ffb404;
				font-weight: bold;
				width: 90%;
				height:40px;
				font-size: 18px;
				position: relative;
				border-radius: 20px;
			}
			.logIn:hover {
				background-color: #ffcf40;
			}
			.close {
				position: absolute;
				left: 20px;
				top: 10px;
				font-weight: 100;
				font-size: 40px;
				color: #fff;
			}
			.center {
				text-align: center;
				color: #999999;
				position: relative;
				font-size: 12px;
				font-weight: bold;
				margin-top: 20px;
			}
			.center a {
				color: #737373;
			}
			.signInBack {
				width: 15px;
				height: 15px;
				margin: 0 10px;
				margin-top: 10px;
			}
			.signInTitle {
				font-weight: bold;
				font-size: 18px;
			}
			.signInPhone {
				border-bottom: 1.5px solid #eeeeee;
				width: 96%;
				margin: auto;
				margin-top: 90px;
			}
			.PhoneNo {
				background-color: #fff;
				outline: none;
			}
			.PhoneNo img {
				width: 14px;
				height: 14px;
			}
			.phoneNo input {
				background-color: #fff;
				border: none;
				width: 50px;
				margin: 10px;
				font-size: 15px;
				letter-spacing: 1px;
				cursor: pointer !important;
			}
			.eg {
				border: none;
				outline: none;
				font-size: 14px;
				width: calc(100% - 110px);
			}
			#phoneId {
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgba(0,0,0,0.1);
			}
			#phoneId .content {
				position: fixed;
				top: 180px;
				left: 8px;
				width: 200px;
				bottom: 30px;
				background-color: #fff;
				overflow-y: scroll;
				overflow-x: hidden;
				border-radius: 10px;;
			}
			#phoneId .content button {
				background-color: #fff;
				width: 100%;
				text-align: left;
				padding: 10px 0;
				margin-left: 20px;
				font-size: 18px;
				border-bottom: 1px solid #c8c7cc;
			}
			.signInNext {
				background-color: #ffb404;
				color: #fff;
				font-weight: bold;
				font-size: 18px;
				float: right;
				margin-right: 2%;
				margin-top: 30px;
				width: 120px;
				height: 40px;
				border-radius: 10px;
			}
			.handphone {
				text-align: center;
				margin-top: 70px;
			}
			.handphone img {
				opacity: 0.7;
				width: calc(100% / 2);
				height: 300px;
				object-fit: contain;
			}
			.isThis {
				font-size: 20px;
				font-weight: bold;
				color: #4e5357;
				padding: 20px 0;
			}
			.unknown {
				font-size: 16px;
				font-weight: bold;
				color: #4e5357;
			}
			.chrome {
				font-size: 18px;
				font-weight: bold;
				color: #4e5357;
			}
			.noYes {
				margin-top: 40px;
				justify-content: space-around;
				display: flex;
			}
			.pNo {
				background-color: #ffb404;
				border-radius: 10px;
				color: #fff;
				width: 120px;
				height: 40px;
				font-size: 15px;
				font-weight: bold;
			}
			.safe {
				color: #999999;
				font-size: 11px;
				font-weight: bold;
				margin-top: 30px;
			}
			.wBack {
				color: #262626;
				opacity: 0.5;
				font-size: 12px;
				font-weight: bolder;
				margin: 50px 2% 8px 2%;
			}
			.name {
				color: #262626;
				opacity: 0.5;
				font-size: 17px;
				font-weight: bold;
				margin: 0 2%;
			}
			.pSecurity {
				color: #262626;
				opacity: 0.5;
				font-size: 18px;
				margin: 50px 2% 60px 2%;
			}
			.passBorder {
				border-bottom: 1.5px solid #eeeeee;
				margin: 0 2%;
			}
			.password {
				width: calc(100% - 40px);
				border: none;
				outline: none;
				font-size: 15px;
				padding: 10px;
			}
			.hide {
				background-color: #fff;
				width: 25px;
				height: 25px;
				margin-bottom: -7px;
				cursor: pointer;
			}
			.forgot {
				position: absolute;
				right: 5px;
				margin-top: 100px;
				margin-right: 2%;
				font-size: 13px;
				background-color: #fff;
				color: #ffb404;
			}
			#reset {
				z-index: 3;
				display: none;
				padding-top: 75px;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgb(0,0,0);
				background-color: rgba(0,0,0,0.4);
			}
			#reset .content {
				margin: auto;
				background-color: #fff;
				position: relative;
				padding: 10px;
				outline: 0;
				width: 600px;
				height: 500px;
				border-radius: 10px;
			}
			@media screen and (max-width: 770px) {
				#reset {
					padding-top: 0;
				}
				#reset .content {
					width: 100%;
					height: 100%;
					border-radius: 0;
				}
			}
			@media screen and (max-height: 600px) {
				#reset {
					padding-top: 0;
				}
				#reset .content {
					width: 100%;
					height: 100%;
					border-radius: 0;
				}
			}
			.reset {
				background-color: #ffb404;
				color: #fff;
				font-weight: bold;
				font-size: 16px;
				margin-right: 3%;
				margin-top: 30px;
				width: 150px;
				height: 40px;
				border-radius: 10px;
				position: absolute;
				right: 0;
			}
			.newPassword {
				width: calc(100% - 40px);
				border: none;
				outline: none;
				font-size: 15px;
				padding: 10px;
				margin-top: 90px;
			}
			.confirmPassword {
				width: calc(100% - 40px);
				border: none;
				outline: none;
				font-size: 15px;
				padding: 10px;
				margin-top: 20px;
			}
			.newPassBorder {
				border-bottom: 1.5px solid #eeeeee;
				margin: 0 3%;
			}
			.wrongPass {
				display: none; 
				color: #ff6666; 
				font-size: 12px; 
				padding-left: 2%;
			} 
			.megaphone {
				background-color: #ffb404;
				width: 40px;
				height: 40px;
				float: left;
				border-radius: 50%;
				text-align: center;
			}
			.megaphone img {
				width: 25px;
				height: 25px;
				margin-top: 6px;
			}
			.notifTitle {
				font-size: 14px;
				font-weight: bold;
				margin-left: 50px;
			}
			.notifContent {
				font-size: 12px;
				color: #999999;
				margin-left: 50px;
			}
			.notifDate {
				font-size: 11px;
				color: #999999;
				text-align: end;
			}
			#notif .title {
				padding: 15px 0 0 10px;
				font-size: 14px;
				font-weight: bold;
			}
			#notif .date {
				padding-left: 10px;
				font-size: 10px;
				font-weight: bold;
				color: #4e4e4e;
			}
			#notif .content {
				padding: 10px 10px;
				font-size: 13px;
				font-weight: bold;
				color: #4e4e4e;
			}
			#localDelivery {
				z-index: 2000;
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgba(0,0,0,0.4);
			}
			#localDelivery .content {
				margin: auto;
				left: 0;
				right: 0;
				background-color: #fff;
				position: fixed;
				bottom: 0;
				padding: 20px;
				outline: 0;
				width: 600px;
				border-radius: 10px;
			}
			@media (max-width: 700px) {
				#localDelivery .content {
					width: 100%;
					border-radius: 0;
				}
				#localDelivery .addAddress {
					width: calc(100% - 40px);
					padding: 12px 0;
				}
			}
			@media (min-width: 700px) {
				#localDelivery .addAddress {
					padding: 12px 65px;
					width: calc(100% - 40px);
				}
			}
			#localDelivery .topright {
				position: absolute;
				right: 12px;
				top: 7px;
				cursor: default;
				font-size: 30px;
				color: #000;
			}
			#localDelivery .title {
				font-size: 16px;
			}
			#localDelivery .addAddress {
				background-color: #ffb404;
				border-radius: 10px;
				color: #fff;
				font-size: 16px;
				font-weight: bolder;
				cursor: pointer;
			}
			#localDelivery .addAddress:hover {
				background-color: #fff77a;
			}
			.aContent {
				border-bottom: 1px solid #eeeeee;
				padding: 10px 0;
			}
			.aTitle {
				font-weight: bolder;
				font-size: 15px;
			}
			.aAddress {
				font-size: 12px;
				color: #999999;
			}
			#selectPayment {
				z-index: 3;
				display: none;
				padding-top: 175px;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgb(0,0,0);
				background-color: rgba(0,0,0,0.4);
			}
			#selectPayment .content {
				margin: auto;
				background-color: #fff;
				position: relative;
				padding: 20px;
				outline: 0;
				width: 600px;
				height: 300px;
				border-radius: 15px;
			}
			@media (max-width: 700px) {
				#selectPayment .content {
					width: 85%;
				}
			}
			.topright {
				position: absolute;
				right: 12px;
				top: 0;
				cursor: default;
				font-size: 40px;
				color: #999999;
			}
			#selectPayment .content .title {
				font-size: 18px;
			}
			#selectPayment .payable {
				font-size: 12px;
				font-weight: bold;
				color: #737373;
			}
			#selectPayment .price {
				font-size: 15px;
				font-weight: bold;
			}
			#selectPayment .a {
				width: 100px;
				height: 95px;
				border: 1px solid #eeeeee;
				border-radius: 10px;
				float: left;
				margin-left: 10px;
				text-align: center;
				color: #999999;
				font-size: 13px;
				font-weight: bold;
				box-shadow: 1px 3px 5px #0000001a;
				padding: 10px;
			}
			#selectPayment img {
				width: 40px;
			}
			#selectPayment .a .name {
				font-size: 13px;
			}
			.notRegister {
				display: none; 
				color: #ff6666; 
				font-size: 12px; 
				padding-left: 2%;
			}
			#signOut {
				z-index: 3;
				display: none;
				padding-top: 175px;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgb(0,0,0);
				background-color: rgba(0,0,0,0.4);
			}
			#signOut .content {
				margin: auto;
				background-color: #fff;
				position: relative;
				padding: 20px;
				outline: 0;
				width: 500px;
				border-radius: 5px;
				text-align: center;
			}
			@media (max-width: 600px) {
				#signOut .content {
					width: 85%;
				}
			}
			#signOut .title {
				font-size: 27px;
				font-weight: bold;
				color: #000000A6;
			}
			#signOut .sure {
				font-size: 15px;
				font-weight: bold;
				color: #000000A3;
				margin-bottom: 30px;
			}
			#signOut .cancel {
				font-weight: bold;
				font-size: 15px;
				color: #555555;
				background-color: #efefef;
				padding: 10px 24px;
				border-radius: 5px;
			}
			#signOut .ok {
				font-weight: bold;
				font-size: 15px;
				color: #fff;
				background-color: #7cd1f9;
				padding: 10px 24px;
				border-radius: 5px;
			}
			#signOut .icon {
				width: 80px;
				height: 80px;
				border-width: 4px;
				border-style: solid;
				border-radius: 50%;
				padding: 0;
				position: relative;
				box-sizing: content-box;
				margin: 20px auto;
				border-color: #f8bb86;
			}
			#signOut .iconBody {
				position: absolute;
				left: 50%;
				background-color: #f8bb86;
				width: 5px;
				height: 47px;
				top: 55px;
				border-radius: 2px;
				margin-left: -2px;
			}
			#signOut .iconDot {
				width: 7px;
				height: 7px;
				top: 106px;
				border-radius: 50%;
				margin-left: -3px;
				position: absolute;
				left: 50%;
				background-color: #f8bb86;
			}
			#contact {
				display: none;
				background-color: #fff;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				z-index: 1;
			}
			#contact .back {
				width: 16px;
				margin: 14px;
			}
			#contact .content {
				text-align: center;
			}
			#contact .content img {
				margin: 0 10%;
				width: 80%;
			}
			#contact .title {
				font-size: 20px;
				font-weight: bold;
				color: #262626;
				margin-top: 40px;
			}
			#contact .call {
				font-size: 15px;
				color: #4e4e4e;
				margin-top: 15px;
			}
			#contact .btn {
				background-color: #67eb88;
				width: 180px;
				height: 40px;
				display: flex;
				color: #fff;
				border-radius: 10px;
				font-weight: bold;
				margin: auto;
				margin-top: 40px;
				align-items: center;
			}
			#contact .btn img {
				width: 20px;
				height: 20px;
			}
			#savedCard {
				display: none;
				background-color: #fff;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				z-index: 1;
			}
			#savedCard .back {
				float: left;
				width: 16px;
				margin: 14px;
			}
			#savedCard .title {
				float: left;
				padding: 14px;
				font-weight: bold;
			}
			#savedCard .content {
				clear: both;
				text-align: center;
			}
			#savedCard .addCard {
				background-color: #eeeeee;
				width: 600px;
				height: 300px;
				margin: auto;
				border-radius: 20px;
				color: #737373;
				font-size: 40px;
				padding-top: 130px;
				box-shadow: 1px 3px 5px rgb(0 0 0 / 20%);
			}
			@media (max-width: 700px) {
				#savedCard .addCard {
					width: 85%;
				}
			}
			#savedCard .info {
				font-size: 13px;
				color: #737373;
				width: 96%;
				margin: 2%;
				padding-top: 15px;
				border-top: 1px solid #eeeeee;
			}
			#myLedger {
				display: none;
				background-color: #fff;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				z-index: 1;
			}
			#myLedger .header {
				display: flex;
				box-shadow: 1px 3px 5px rgb(0 0 0 / 20%);
				height: 50px;
				padding-top: 8px;
			}
			#myLedger img {
				width: 15px;
				height: 15px;
				margin: 10px;
			}
			#myLedger .title {
				font-size: 15px;
				font-weight: bold;
				margin: 9px;
			}
			#myLedger .content {
				margin: 20px;
				height: 50px;
				padding-bottom: 10px;
				border-bottom: 1px solid #eeeeee;
			}
			#myLedger .a {
				float: left;
			}
			#myLedger .id {
				font-size: 14px;
				color: #262626;
				margin-bottom: 2px;
			}
			#myLedger .date {
				font-size: 12px;
				color: #737373;
			}
			#myLedger .b {
				float: right;
			}
			#myLedger .price {
				font-size: 15px;
				color: #ff0000;
				margin-bottom: 2px;
			}
			#myLedger .paid {
				font-size: 12px;
				color: #999999;
			}
			#ledger {
				display: none;
				background-color: #fff;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				z-index: 2;
			}
			#ledger .header {
				display: flex;
				box-shadow: 1px 3px 5px rgb(0 0 0 / 20%);
				height: 60px;
				padding-top: 12px;
			}
			#ledger img {
				width: 15px;
				height: 15px;
				margin: 10px;
			}
			#ledger .title {
				font-size: 15px;
				font-weight: bold;
				margin: 9px;
				color: #4e4e4e;
			}
			#ledger .history {
				background-color: #ffcf40;
				color: #fff;
				font-size: 11px;
				height: 20px;
				font-weight: bold;
				border-radius: 5px;
				position: absolute;
				right: 10px;
				margin-top: 8px;
				cursor: default;
			}
			#ledger .content {
				width: 96%;
				margin: 2% 2% 0 2%;
				border-radius: 10px;
				box-shadow: 1px 3px 5px rgb(0 0 0 / 20%);
				padding: 15px;
			}
			#ledger .dot {
				background-color: #ffcf40;
				border-radius: 50%;
				padding: 4px;
				height: 5px;
				margin-top: 4px;
				margin-right: 10px;
				cursor: default;
				position: relative;
				display: flex;
			}
			#ledger .no {
				font-weight: bold;
				font-size: 16px;
				display: flex;
			}
			#ledger .img {
				width: 100px;
				height: 100px;
				object-fit: cover;
				border-radius: 15px;
				float: left;
			}
			#ledger .details{
				float: left;
				padding-top: 17px;
			}
			#ledger .name {
				color: #4e4e4e;
				opacity: 1;
				font-size: 12px;
				margin: 0;
			}
			#ledger .price {
				font-size: 16px;
				padding-top: 10px;
			}
			#ledger .pcs {
				font-size: 11px;
			}
			#ledger .sales {
				border-top: 1px solid #eee;
				clear: both;
				width: 100%;
				display: flex;
				justify-content: space-between;
				padding-top: 10px;
			}
			#ledger .sales .a {
				font-weight: bold;
				font-size: 15px;
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				color: #303030;
			}
			#ledger .sales .a div {
				margin-top: 2px;
			}
			#ledger .sales .b div {
				margin-top: 2px;
			}
			#ledger .sales .b {
				color: #999999;
				display: flex;
				font-size: 15px;
				font-weight: bold;
				flex-direction: column;
				align-items: flex-start;
				width: calc(100% - 120px);
			}
			#ledger .track {
				display: flex;
				justify-content: flex-end;
			}
			#ledger .track button{
				background-color: #ffcf40;
				color: #fff;
				height: 22px;
				border-radius: 5px;
				cursor: default;
			}
			#ledger .procurement {
				font-size: 15px;
				font-weight: bold;
				color: #4e4e4e;
				margin: 10px;
			}
			#ledger .info {
				width: 96%;
				margin: 0 2%;
				display: flex;
				justify-content: space-between;
				padding-top: 10px;
				border-bottom: 1px solid #eeeeee;
			}
			#ledger .c {
				font-weight: bold;
				font-size: 14px;
				display: flex;
				position: relative;
				left: 20px;
				flex-direction: column;
				color: #303030;
			}
			#ledger .c div,#ledger .d div {
				margin-bottom: 20px;
			}
			#ledger .d {
				color: #999999;
				display: flex;
				font-size: 14px;
				font-weight: bold;
				flex-direction: column;
				align-items: flex-end;
				position: relative;
				right: 20px;
			}
			#ledger .total {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				font-weight: bold;
				font-size: 14px;
				margin: 20px;
			}
			#ledger .total .due {
				width: 150px;
				align-items: flex-end;
				display: flex;
				flex-direction: column;
			}
			#ledger .e {
				color: #737373;
				margin-bottom: 9px;
				justify-content: space-between;
				display: flex;
			}
			#ledger .f {
				color: #ff8080;
				margin-bottom: 9px;
				justify-content: space-between;
				display: flex;
			}
			#ledger .kindly {
				color: #ff8080;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				font-size: 12px;
			}
			#history {
				display: none;
				z-index: 3;
				padding-top: 80px;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgba(0,0,0,0.4);
			}
			#history .content {
				margin: auto;
				background-color: #fff;
				position: relative;
				outline: 0;
				width: 600px;
				height: 500px;
				border-radius: 10px;
			}
			@media (max-width: 760px) {
				#history {
					padding-top: 0;
				}
				#history .content {
					width: 100%;
					height: 100%;
					border-radius: 0;
				}
			}
			@media (max-height: 600px) {
				#history {
					padding-top: 0;
				}
				#history .content {
					width: 100%;
					height: 100%;
					border-radius: 0;
				}
			}
			#history .header {
				display: flex;
				box-shadow: 1px 3px 5px rgb(0 0 0 / 20%);
				height: 60px;
				padding-top: 12px;
				border-radius: 10px 10px 0 0;
			}
			#history img {
				width: 20px;
				height: 20px;
				margin: 7px 20px;
			}
			#history .title {
				font-size: 17px;
				font-weight: bold;
				margin: 8px;
				color: #4e4e4e;
			}
			#history .history {
				border-bottom: 1px solid #eeeeee;
				margin: 10px;
				padding: 10px;
			}
			#history .placed {
				color: #4e4e4e;
				font-size: 17px;
				font-weight: bold;
			}
			#history .details {
				color: #4e4e4e;
				font-size: 13px;
				font-weight: bold;
				margin-bottom: 4px;
			}
			#history .date {
				color: #999999;
				font-size: 13px;
				font-weight: bold;
			}
			#track {
				display: none;
				z-index: 3;
				padding-top: 80px;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgba(0,0,0,0.4);
			}
			#track .content {
				margin: auto;
				background-color: #fff;
				position: relative;
				outline: 0;
				width: 600px;
				height: 500px;
				border-radius: 10px;
			}
			@media (max-width: 760px) {
				#track {
					padding-top: 0;
				}
				#track .content {
					width: 100%;
					height: 100%;
					border-radius: 0;
				}
			}
			@media (max-height: 600px) {
				#track {
					padding-top: 0;
				}
				#track .content {
					width: 100%;
					height: 100%;
					border-radius: 0;
				}
			}
			#track .header {
				display: flex;
				box-shadow: 1px 3px 5px rgb(0 0 0 / 20%);
				height: 60px;
				padding-top: 12px;
				border-radius: 10px 10px 0 0;
			}
			#track img {
				width: 20px;
				height: 20px;
				margin: 7px 20px;
			}
			#track .title {
				font-size: 17px;
				font-weight: bold;
				margin: 8px;
				color: #4e4e4e;
			}
			#track .pending {
				border-bottom: 1px solid #eeeeee;
				margin: 10px;
				padding: 10px;
			}
			#track .loading {
				color: #4e4e4e;
				font-size: 17px;
				font-weight: bold;
			}
			#track .details {
				color: #4e4e4e;
				font-size: 13px;
				font-weight: bold;
				margin-bottom: 4px;
			}
			#track .date {
				color: #999999;
				font-size: 13px;
				font-weight: bold;
			}
			.checkOutProducts {
				height: 120px;
				margin-left: 20px;
			}
			.checkOutProducts img {
				width: 100px;
				height: 100px;
				object-fit: cover;
				float: left;
			}
			.checkOutProducts .title{
				font-size: 14px;
				font-weight: bolder;
			}
			.checkOutProducts .content{
				padding: 10px;
				margin-left: 100px;
			}
			.checkOutProducts .price{
				color: #ffcf40;
				font-size: 18px;
				font-weight: bolder;
			}
			.checkOutProducts .pcs{
				font-size: 11px !important;
				font-weight: bolder;
			}
			.checkOutProducts .quantity{
				color: #999999;
				font-size: 11px;
				font-weight: bold;
			}
			#id02 {
				z-index: 3;
				display: none;
				padding-top: 175px;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgb(0,0,0);
				background-color: rgba(0,0,0,0.4);
			}
			#id02 .content {
				margin: auto;
				background-color: #fff;
				position: relative;
				padding: 20px;
				outline: 0;
				width: 600px;
				border-radius: 15px;
			}
			@media (max-width: 700px) {
				#id02 .content {
					width: 85%;
				}
			}
			.topright {
				position: absolute;
				right: 12px;
				top: 0;
				cursor: default;
				font-size: 40px;
				color: #999999;
			}
			#id02 .content .title {
				font-size: 17px;
				padding-bottom: 8px;
			}
			#id02 .content .before {
				width: 100%;
				background-color: #fff77a;
				color: white;
				padding: 10px 0;
				font-size: 17px;
				font-weight: bold;
				border-radius: 20px;
				margin-top: 110px;
				cursor: default;
				display: none;
			}
			#id02 .content .after {
				width: 100%;
				background-color: #ffb404;
				color: white;
				padding: 10px 0;
				font-size: 17px;
				font-weight: bold;
				border-radius: 20px;
				margin-top: 110px;
			}
			#id02 .content .after:hover {
				background-color: #fff77a;
			}
			#id02 .disabled {
				background-color: #fff;
				border: none;
			}
			#id02 .search {
				width: 100%;
				border: none;
				display: none;
				outline: none;
				color: black;
			}
			.usd {
				color: #737373;
				border-bottom: 1px solid #e3e3e3;
				padding: 10px;
			}
			.currencytimes {
				position: absolute;
				right: 30px;
				top: 82px;
				cursor: default;
				font-size: 25px;
				color: #eb445a;
				display: block;
			}
			#table {
				display: none;
				overflow-y: scroll;
				height: 92px;
				position: absolute;
				width: calc(100% - 40px);
				box-shadow: 1px 3px 5px rgb(0 0 0 / 20%);
			}
			#myTable {
				border-collapse: collapse;
				width: 100%;
				border: none;
				font-size: 18px;
			}
			#myTable td {
				text-align: left;
				padding: 8px;
				font-size: 16px;
			}
			#myTable tr:hover {
				background-color: #eeeeee;
			}